소스 검색

responsive actu home + presentation programme

ouidade 1 일 전
부모
커밋
26cc7be1af
2개의 변경된 파일22개의 추가작업 그리고 2개의 파일을 삭제
  1. 12 1
      web/themes/custom/eql/dist/assets/css/bundle.css
  2. 10 1
      web/themes/custom/eql/scss/pages/_home.scss

+ 12 - 1
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -601,6 +601,7 @@ svg.ext {
     display: flex;
     flex-direction: column;
     height: auto;
+    margin-left: 0;
   }
 }
 .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_photo {
@@ -836,10 +837,21 @@ svg.ext {
     width: 100%;
   }
 }
+@media (max-width: 810px) {
+  .path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item {
+    justify-content: center;
+    display: flex;
+  }
+}
 .path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img {
   width: 15rem;
   height: auto;
 }
+@media (max-width: 810px) {
+  .path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img {
+    width: 12rem;
+  }
+}
 .path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-title {
   display: none;
 }
@@ -851,7 +863,6 @@ svg.ext {
   .path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche {
     padding-left: 0em;
     flex: 1 1 100%;
-    padding-right: 1rem;
   }
 }
 @media (max-width: 479px) {

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

@@ -65,6 +65,7 @@
                                         display: flex;
                                         flex-direction: column;
                                         height: auto;
+                                        margin-left: 0;
                                     }
                                     .home_actu_photo{
                                         width: 50%;
@@ -318,9 +319,17 @@
                             width: 100%;
                         }
                         .field__item{
+                            @media (max-width: 810px) {
+                                justify-content: center;
+                                display: flex;
+                            }
+ 
                             img{
                                 width: 15rem;
                                 height: auto;
+                                @media (max-width: 810px) {
+                                    width: 12rem;
+                                }
                             }
                         }
                     }
@@ -334,7 +343,7 @@
                         @media (max-width: 810px){ 
                             padding-left: 0em;
                             flex: 1 1 100%;
-                            padding-right: 1rem;
+                            // padding-right: 1rem;
                             
                         }
                         @media (max-width: 479px){