From 7a491c39b93dd8f923f20ce837d9f3f75781fec2 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 3 Dec 2021 16:15:55 +0100
Subject: [PATCH] lien extern static page

---
 web/themes/custom/eql/css-compiled/styles.css | 33 ++++++++++++-------
 web/themes/custom/eql/scss/pages/_static.scss | 16 +++++++++
 .../custom/eql/scss/partials/_footer.scss     |  3 +-
 3 files changed, 40 insertions(+), 12 deletions(-)

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index b1c9dfd..709231d 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -227,6 +227,19 @@ a {
       align-items: center;
       color: #009ee3;
       font-weight: 800; }
+  .layout__region--third .field--name-field-fichiers .field--name-field-liens {
+    height: inherit;
+    margin: auto; }
+    .layout__region--third .field--name-field-fichiers .field--name-field-liens ::before {
+      content: url("../images/pictos/noun_External Link_674151.svg");
+      width: 50px;
+      height: 53px;
+      padding-right: 1rem; }
+    .layout__region--third .field--name-field-fichiers .field--name-field-liens a {
+      display: inline-flex;
+      align-items: center;
+      color: #009ee3;
+      font-weight: 800; }
 
 .layout__region--third .block-entity-fieldnodefield-ress {
   margin-top: 5rem; }
@@ -987,17 +1000,15 @@ header {
     display: flex;
     flex-direction: column-reverse;
     justify-content: flex-end; }
-    #fotter-bottom .region-footer-bottom-right #block-socialnetwork {
-      display: none; }
-      #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-socialnetwork .field--name-body p svg {
-          display: none; }
+    #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-socialnetwork .field--name-body p svg {
+        display: none; }
     #fotter-bottom .region-footer-bottom-right #block-pieddepage ul {
       margin-top: 0;
       color: #09398b;
diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss
index 0a5c492..0f01a70 100644
--- a/web/themes/custom/eql/scss/pages/_static.scss
+++ b/web/themes/custom/eql/scss/pages/_static.scss
@@ -108,6 +108,22 @@
                 font-weight: 800;
             }
         }
+        .field--name-field-liens{
+            height: inherit;      
+            margin: auto;  
+            ::before{
+                content: url("../images/pictos/noun_External Link_674151.svg");
+                width: 50px;
+                height: 53px;
+                padding-right: 1rem;
+            }
+            a{
+                display: inline-flex;
+                align-items: center;
+                color: $blue-light;
+                font-weight: 800;
+            }
+        }
     }
 
     .block-entity-fieldnodefield-ress{
diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss
index ea03b24..70e74d7 100644
--- a/web/themes/custom/eql/scss/partials/_footer.scss
+++ b/web/themes/custom/eql/scss/partials/_footer.scss
@@ -55,8 +55,9 @@
         display: flex;
         flex-direction: column-reverse;
         justify-content: flex-end;
+
         #block-socialnetwork {
-            display: none;
+            // display: none;
             .field--name-body{
                 p{
                     display: flex;