Prechádzať zdrojové kódy

design partenaire dans page une actu

ouidade 3 rokov pred
rodič
commit
a77a1a9b0d

+ 25 - 1
web/themes/custom/eql/css-compiled/styles.css

@@ -831,6 +831,9 @@ a {
     .field--name-field-partenaires a svg {
       display: none; }
 
+.path-node.page-node-type-actualite .layout-container {
+  overflow: unset; }
+
 .path-node.page-node-type-actualite .offresdeservices.layout-content.region-content#block-contenudelapageprincipale {
   background: none !important; }
 
@@ -892,7 +895,10 @@ a {
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
   display: flex;
-  justify-content: flex-end; }
+  justify-content: flex-end;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 10rem; }
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
     display: flex;
     justify-content: flex-end;
@@ -945,6 +951,24 @@ a {
           display: none; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext {
       overflow-y: visible !important; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__label {
+      font-size: 1.5rem;
+      font-weight: 1000;
+      font-family: 'Source Code Pro';
+      color: #09398b;
+      text-transform: uppercase;
+      margin-top: 2rem;
+      margin-bottom: 0.8rem; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between; }
+      .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 {
+        display: flex;
+        flex-direction: column;
+        align-items: center; }
+        .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; }
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
   display: flex;

+ 33 - 0
web/themes/custom/eql/scss/pages/_actualite.scss

@@ -1,4 +1,7 @@
 .path-node.page-node-type-actualite{
+    .layout-container{
+        overflow: unset;
+    }
     .offresdeservices.layout-content.region-content#block-contenudelapageprincipale{
         background: none !important;
     }
@@ -99,6 +102,9 @@
             .block-region-first{
                 display: flex;
                 justify-content: flex-end;
+                position: -webkit-sticky;
+                position: sticky;
+                top: 10rem;
                 .block-entity-fieldnodefield-textes{
                     display: flex;
                     justify-content: flex-end;
@@ -185,6 +191,33 @@
                         } 
                     }
                 }
+                .block-entity-fieldnodefield-partenaires{
+                    .field__label{
+                        font-size: 1.5rem;
+                        font-weight: 1000;
+                        font-family: 'Source Code Pro';
+                        color: $blue-dark;
+                        text-transform: uppercase;
+                        margin-top: 2rem;
+                        margin-bottom: 0.8rem;
+                    }
+                    .field__items{
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: space-between;
+                        .paragraph--type--partenaire{
+                            display: flex;
+                            flex-direction: column;
+                            align-items: center;
+                            // width: 35%;
+                            .field--name-field-lien{
+                                // display: none;
+                                padding-top: 1rem;
+                            }
+                        }
+                        
+                    }
+                }
             }
         }