Prechádzať zdrojové kódy

slide home max height

ouidade 10 mesiacov pred
rodič
commit
404dc094d1

+ 6 - 0
web/themes/custom/eql/css-compiled/styles.css

@@ -435,12 +435,18 @@ a {
   @media (max-width: 724px) {
     .path-frontpage .block-views-blockactus-blocks-pages-block-1 {
       max-height: 470px; } }
+  @media (max-width: 479px) {
+    .path-frontpage .block-views-blockactus-blocks-pages-block-1 {
+      max-height: fit-content; } }
   .path-frontpage .block-views-blockactus-blocks-pages-block-1 div {
     height: 100%; }
     .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages {
       height: 100%; }
       .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content {
         height: 90%; }
+        @media (max-width: 479px) {
+          .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .slick-list {
+            height: fit-content !important; } }
         .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite {
           color: black;
           line-height: 1.5rem;

+ 10 - 8
web/themes/custom/eql/scss/pages/_home.scss

@@ -15,20 +15,21 @@
             @media(max-width:724px){
                 max-height: 470px;
             }
+            @media(max-width: 479px){
+                max-height: fit-content;
+            }
+            
             div{
                 height: 100%;
                 .view-actus-blocks-pages{
                     height: 100%;
                     .view-content{
-                        // display: flex;
-                        // flex-basis: auto;
                         height: 90%;
-
-                        // @media (max-width: 479px){ 
-                        //     display: flex;
-                        //     flex-direction: column;
-                        //     width: 80%;
-                        // }
+                        .slick-list{
+                            @media(max-width: 479px){
+                            height: fit-content !important;
+                            }   
+                        }
                         .views-row{
                             .node-type-actualite{
                                 color: $black;
@@ -379,6 +380,7 @@
                     @media(max-width: 810px){
                         flex-direction: column;
                     }
+                    
                     .views-row{
                         width: 49%;
                         @media(max-width: 810px){