ouidade 3 anni fa
parent
commit
82d820a4e3

+ 18 - 8
web/themes/custom/eql/css-compiled/styles.css

@@ -799,8 +799,11 @@ header {
   position: fixed;
   z-index: 99; }
 
-#block-socialnetwork-2 {
-  display: none; }
+#block-socialnetwork-2 .field--name-body p {
+  display: flex;
+  flex-direction: row-reverse; }
+  #block-socialnetwork-2 .field--name-body p :nth-child(1):before {
+    content: url(); }
 
 #header-top {
   height: 7rem;
@@ -923,8 +926,6 @@ header {
   flex-direction: row;
   background-color: white;
   padding-top: 3rem; }
-  #fotter-bottom #block-socialnetwork {
-    display: none; }
   #fotter-bottom .region {
     display: block;
     padding-left: 1rem;
@@ -938,7 +939,7 @@ header {
   #fotter-bottom .region-footer-bottom-left {
     margin-left: 3rem;
     border: none;
-    width: 20%;
+    width: 30%;
     display: flex;
     flex-direction: row; }
     #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content {
@@ -954,7 +955,17 @@ header {
       border-left: #009ee3 solid 1px;
       padding-left: 1rem; }
   #fotter-bottom .region-footer-bottom-right {
-    width: 15%; }
+    width: 15%;
+    display: flex;
+    flex-direction: column-reverse;
+    justify-content: flex-end; }
+    #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p {
+      display: flex;
+      flex-direction: row; }
+      #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p :nth-child(1):before {
+        display: block;
+        content: "";
+        background: url("../images/pictos/logo-twitter.png"); }
     #fotter-bottom .region-footer-bottom-right #block-pieddepage ul {
       margin-top: 0;
       color: #09398b;
@@ -972,8 +983,7 @@ header {
       display: flex;
       flex-direction: row;
       justify-content: flex-start;
-      flex-wrap: wrap;
-      padding-top: 1rem; }
+      flex-wrap: wrap; }
       #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
         padding-right: 1rem;
         padding-bottom: 1rem; }

BIN
web/themes/custom/eql/images/pictos/logo-twitter.png


+ 22 - 5
web/themes/custom/eql/scss/partials/_footer.scss

@@ -9,9 +9,7 @@
     background-color: $white;
     padding-top: 3rem;
 
-    #block-socialnetwork {
-        display: none;
-    }
+
 
     .region{
         display: block;
@@ -29,7 +27,7 @@
     .region-footer-bottom-left{
         margin-left: 3rem;
         border: none;
-        width: 20%;
+        width: 30%;
         display: flex;
         flex-direction: row;
         .view-id-partenaires{
@@ -54,6 +52,25 @@
 
     .region-footer-bottom-right{
         width: 15%;
+        display: flex;
+        flex-direction: column-reverse;
+        justify-content: flex-end;
+        #block-socialnetwork {
+            .field--name-body{
+                p{
+                    display: flex;
+                    flex-direction: row;
+                    :nth-child(1){
+                        &:before{
+                            display: block;
+                            content: "";
+                            background: url("../images/pictos/logo-twitter.png");
+                        }
+                    }
+        
+                }
+            }
+        }
         #block-pieddepage ul{
             margin-top: 0;
             color: $blue-dark;
@@ -82,7 +99,7 @@
                 flex-direction: row;
                 justify-content:flex-start;
                 flex-wrap: wrap;
-                padding-top: 1rem;
+
                 .node-type-partenaires_logo_footer_{
                    padding-right: 1rem;
                    padding-bottom: 1rem; 

+ 12 - 1
web/themes/custom/eql/scss/partials/_header.scss

@@ -13,7 +13,18 @@ header{
 
 
 #block-socialnetwork-2{
-    display: none;
+    .field--name-body{
+        p{
+            display: flex;
+            flex-direction: row-reverse;
+            :nth-child(1){
+                &:before{
+                    content: url();
+                }
+            }
+
+        }
+    }
 }
 #header-top {
     height: 7rem;