diff --git a/froide_govplan/templates/cms/mypage.html b/froide_govplan/templates/cms/mypage.html index e933ab9..fb96eda 100644 --- a/froide_govplan/templates/cms/mypage.html +++ b/froide_govplan/templates/cms/mypage.html @@ -150,6 +150,70 @@ text-decoration: none; display: inline-flex; } + + .ellipsis { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + } + +/* Mobile: nur 1 Slide sichtbar */ +@media (max-width: 768px) { + .carousel-inner .carousel-item > div { + display: none; + } + .carousel-inner .carousel-item > div:first-child { + display: block; + } +} + +/* Für alle Carousel-Übergangszustände Flex anzeigen */ +.carousel-inner .carousel-item.active, +.carousel-inner .carousel-item-start, +.carousel-inner .carousel-item-next, +.carousel-inner .carousel-item-prev { + display: flex; +} + +/* Desktop: max. 3 Slides sichtbar */ +@media (min-width: 768px) { + + .carousel-inner .card { + margin-right: 1rem; + } + + .carousel-inner .col-md-4 { + width: 32% !important; + } + + .carousel-inner .carousel-item-right.active, + .carousel-inner .carousel-item-next, + .carousel-item-next:not(.carousel-item-start) { + transform: translateX(32%) !important; + } + + .carousel-inner .carousel-item-left.active, + .carousel-item-prev:not(.carousel-item-end), + .active.carousel-item-start, + .carousel-item-prev:not(.carousel-item-end) { + transform: translateX(-32%) !important; + } + + .carousel-item-next.carousel-item-start, + .active.carousel-item-end { + transform: translateX(0) !important; + } + + .carousel-inner .carousel-item-prev, + .carousel-item-prev:not(.carousel-item-end) { + transform: translateX(-32%) !important; + } +} + + + {% block extra_css %} {% endblock %} @@ -173,6 +237,31 @@