浏览代码

width region second actu

ouidade 1 月之前
父节点
当前提交
376f9e955d
共有 2 个文件被更改,包括 36 次插入12 次删除
  1. 18 5
      web/themes/custom/eql/dist/assets/css/bundle.css
  2. 18 7
      web/themes/custom/eql/scss/pages/_actualite.scss

+ 18 - 5
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -1122,6 +1122,11 @@ a {
   background: linear-gradient(to bottom, rgba(0, 158, 227, 0.2) 60%, white 40%);
   padding-bottom: 4rem;
 }
+@media (max-width: 900px) {
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
+    order: 1;
+  }
+}
 @media (max-width: 568px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
     padding-left: 2rem;
@@ -1221,6 +1226,11 @@ a {
   grid-column: 5/span 3;
   width: 600px;
 }
+@media (max-width: 568px) {
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .field--name-field-images {
+    width: 80%;
+  }
+}
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
   padding-top: 2rem;
   width: 100%;
@@ -1299,6 +1309,7 @@ a {
 }
 @media (max-width: 900px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
+    order: 3;
     width: 100vw;
   }
 }
@@ -1339,7 +1350,7 @@ a {
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--type-text-long {
   padding-right: 2rem;
 }
-@media (max-width: 810px) {
+@media (max-width: 900px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--type-text-long {
     padding-right: 0;
   }
@@ -1388,7 +1399,7 @@ a {
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items .paragraph--type--partenaire .field--name-field-lien {
   padding-top: 1rem;
 }
-@media (max-width: 810px) {
+@media (max-width: 900px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
     flex: 0 1 80%;
     margin: auto;
@@ -1397,6 +1408,7 @@ a {
 @media (max-width: 1005px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
     flex: 0 1 100%;
+    order: 2;
   }
 }
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
@@ -1404,7 +1416,7 @@ a {
   flex-direction: column;
   width: 65%;
 }
-@media (max-width: 810px) {
+@media (max-width: 900px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
     margin: auto;
   }
@@ -1418,8 +1430,9 @@ a {
   min-height: 4rem;
   color: rgb(0, 158, 227);
   padding: 1rem;
+  padding-bottom: 0;
 }
-@media (max-width: 810px) {
+@media (max-width: 900px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
     width: auto;
     padding-right: 1rem;
@@ -1461,7 +1474,7 @@ a {
   padding: 1rem;
   margin-bottom: 1rem;
 }
-@media (max-width: 810px) {
+@media (max-width: 900px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
     width: auto;
     padding-right: 1rem;

+ 18 - 7
web/themes/custom/eql/scss/pages/_actualite.scss

@@ -12,6 +12,10 @@
         .layout__region--top{
             background: linear-gradient(to bottom, $background-actus 60%, white 40%);
             padding-bottom: 4rem;
+            @media (max-width: 900px) {
+                order: 1;
+                
+            }
             @media (max-width: 568px){
                padding-left: 2rem;
                padding-right: 2rem;
@@ -104,7 +108,12 @@
                 .block-entity-fieldnodefield-images{
                     order: 6;
                     grid-column: 5 / span 3;  
-                    width: 600px;    
+                    width: 600px;   
+                    .field--name-field-images{
+                        @media (max-width: 568px){
+                            width: 80%;
+                         }
+                    } 
               
                     img{
                         padding-top: 2rem;
@@ -189,6 +198,7 @@
             // flex: 0 1 50%;
             width: 50%;
             @media (max-width: 900px){
+                order: 3;
                 width: 100vw;
 
             }
@@ -229,9 +239,8 @@
                     }
                     .field--type-text-long{
                         padding-right: 2rem;
-                        @media (max-width: 810px) {
+                        @media (max-width: 900px) {
                             padding-right: 0;
-                            
                         }
                     }
                     p{
@@ -293,7 +302,7 @@
                 }
             }
 
-            @media (max-width: 810px){
+            @media (max-width: 900px){
                 flex: 0 1 80%;
                 margin: auto;
 
@@ -305,12 +314,13 @@
             // margin-top: 18rem;
             @media (max-width: 1005px){
                 flex: 0 1 100%;
+                order: 2;
             }
             .block-region-third{
                 display: flex;
                 flex-direction: column;
                 width: 65%;               
-                @media (max-width: 810px){
+                @media (max-width: 900px){
                     margin: auto;
                 }       
                 .field--name-field-fichiers{
@@ -324,8 +334,9 @@
                         // background: $white;
                         color: $blue-light;
                         padding: 1rem;
+                        padding-bottom: 0;
                         
-                        @media(max-width:810px){
+                        @media(max-width:900px){
                             width: auto;
                             padding-right: 1rem;
                         }
@@ -369,7 +380,7 @@
                             color: $blue-light;
                             padding: 1rem;
                             margin-bottom: 1rem;
-                            @media(max-width:810px){
+                            @media(max-width:900px){
                                 width: auto;
                                 padding-right: 1rem;
                             }