Browse Source

smartphone partenaires

ouidade 3 years ago
parent
commit
2185fdd9e3

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

@@ -183,10 +183,17 @@ a {
 .path-node.page-node-type-static .layout-container .layout-content .layout__region--top {
   padding-bottom: 3rem;
   height: 30vh; }
+  @media (max-width: 810px) {
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--top {
+      padding-bottom: 0rem; } }
   .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle {
     width: fit-content;
     margin-left: 13%;
     margin-top: 15vh; }
+    @media (max-width: 810px) {
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle {
+        margin-left: 8%;
+        margin-right: 5%; } }
     .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle .field--name-title {
       font-family: 'Source Code Pro';
       font-size: 2rem;
@@ -200,6 +207,9 @@ a {
     justify-content: flex-end;
     position: sticky;
     top: 7rem; }
+    @media (max-width: 810px) {
+      .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first {
+        display: none; } }
     .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
       display: flex;
       width: 50%;
@@ -217,6 +227,11 @@ a {
         .path-node.page-node-type-static .layout-container .layout-content .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
           text-decoration: underline; }
 
+@media (max-width: 810px) {
+  .path-node.page-node-type-static .layout-container .layout-content .layout__region--second {
+    flex: 0 1 80%;
+    margin: auto; } }
+
 .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes {
   margin-top: 1rem;
   background-color: white; }
@@ -243,6 +258,9 @@ a {
   display: flex;
   flex-direction: column;
   width: 70%; }
+  @media (max-width: 810px) {
+    .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third {
+      margin: auto; } }
   .path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers {
     height: fit-content;
     border: 2px solid #009ee3;
@@ -768,6 +786,10 @@ a {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     grid-template-rows: repeat(auto-fill); }
+    @media (max-width: 810px) {
+      .field--name-field-partenaires .paragraph--type--partenaire {
+        display: flex;
+        flex-direction: column; } }
     .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
       grid-column: 1 / 2;
       grid-row: 2;

+ 4 - 1
web/themes/custom/eql/scss/pages/_partenaires.scss

@@ -35,7 +35,10 @@
         display: grid;
         grid-template-columns: repeat(7, 1fr);
         grid-template-rows: repeat(auto-fill);
-
+        @media (max-width: 810px){
+            display: flex;
+            flex-direction: column;
+        }
         .field--name-field-logo{
         
             grid-column: 1 / 2;

+ 20 - 2
web/themes/custom/eql/scss/pages/_static.scss

@@ -14,10 +14,18 @@
 
                     padding-bottom: 3rem;
                     height: 30vh;
+                    @media (max-width: 810px){
+                        padding-bottom: 0rem;
+
+                    }
                     .block-entity-fieldnodetitle{
                         width: fit-content;
                         margin-left: 13%;
                         margin-top: 15vh;
+                        @media (max-width: 810px){
+                            margin-left: 8%;
+                            margin-right: 5%;
+                        }
                         .field--name-title{
                             font-family: 'Source Code Pro';
                             font-size: 2rem;
@@ -39,6 +47,9 @@
                        justify-content: flex-end;
                        position: sticky;
                        top: 7rem;
+                       @media (max-width: 810px){
+                           display: none;
+                       }
                         .block-entity-fieldnodefield-textes{
                             display: flex;
                             width: 50%;
@@ -64,7 +75,11 @@
                     }
                 }
                 
-                .layout__region--second{            // paragraphe texte
+                .layout__region--second{        // paragraphe texte
+                    @media (max-width: 810px){
+                        flex: 0 1 80%;
+                        margin: auto;
+                    }        // paragraphe texte
                     .block-entity-fieldnodefield-textes{
                         margin-top: 1rem;
                         background-color: $white;
@@ -100,7 +115,10 @@
                         margin-top: 1rem;
                         display: flex;
                         flex-direction: column;
-                        width: 70%;                
+                        width: 70%; 
+                        @media (max-width: 810px){
+                            margin: auto;
+                        }               
                         .block-entity-fieldnodefield-fichiers{
                             height: fit-content;
                             border: 2px solid $blue-light;