From 054e9dcaf229bb899e5b58d6b8e835038a66c113 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 29 Nov 2021 13:18:02 +0100
Subject: [PATCH] bouton foire aux questions home

---
 web/profiles/d8-starterkit-profile            |  2 +-
 web/themes/custom/eql/css-compiled/styles.css | 80 ++++++++++++++-----
 web/themes/custom/eql/scss/pages/_home.scss   | 71 ++++++++++++++--
 3 files changed, 124 insertions(+), 29 deletions(-)

diff --git a/web/profiles/d8-starterkit-profile b/web/profiles/d8-starterkit-profile
index 9b46db9..6fe8986 160000
--- a/web/profiles/d8-starterkit-profile
+++ b/web/profiles/d8-starterkit-profile
@@ -1 +1 @@
-Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0
diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 6a6492b..8724b34 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -298,7 +298,46 @@ a {
     .block-views-blockhome-nodes-block-1 .links.inline a:after {
       content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
 
+.block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
+  justify-self: end;
+  position: relative;
+  width: fit-content;
+  height: fit-content;
+  padding: 0.4rem 1rem;
+  font-size: 0.8rem;
+  margin: 0;
+  background-color: white;
+  border: 2px solid #009ee3;
+  list-style: none; }
+  .block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a {
+    text-transform: uppercase;
+    font-weight: 700;
+    color: #009ee3; }
+  .block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
+    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
+
+.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
+  background-color: #009ee3;
+  width: 25%;
+  float: right; }
+  .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
+    align-self: flex-end;
+    width: fit-content;
+    height: fit-content;
+    padding: 0.4rem 1rem;
+    font-size: 0.8rem;
+    margin: 0;
+    list-style: none; }
+    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link a {
+      text-transform: uppercase;
+      font-weight: 700;
+      color: black; }
+  .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 p {
+    color: white;
+    font-size: 1.2rem; }
+
 .block-views-blockactus-blocks-pages-block-1 {
+  clear: both;
   border-bottom: 5px solid #009ee3;
   border-top: 5px solid #009ee3; }
   .block-views-blockactus-blocks-pages-block-1 .view-content {
@@ -353,31 +392,30 @@ a {
       .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-actu-type {
         padding-top: 2rem; }
 
-.layout--onecol .block-block-content {
+.block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
   display: grid;
   grid-template-columns: 1fr repeat(8, 2fr) 1fr;
   position: relative;
   height: 0; }
-
-.layout--onecol .field--type-link {
-  grid-area: 8 / span 9;
-  justify-self: end;
-  position: relative;
-  top: -200%;
-  width: fit-content;
-  height: fit-content;
-  padding: 0.4rem 1rem;
-  font-size: 0.8rem;
-  margin: 0;
-  background-color: white;
-  border: 2px solid #009ee3;
-  list-style: none; }
-  .layout--onecol .field--type-link a {
-    text-transform: uppercase;
-    font-weight: 700;
-    color: #009ee3; }
-  .layout--onecol .field--type-link a::after {
-    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
+  .block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link {
+    grid-area: 8 / span 9;
+    justify-self: end;
+    position: relative;
+    top: -200%;
+    width: fit-content;
+    height: fit-content;
+    padding: 0.4rem 1rem;
+    font-size: 0.8rem;
+    margin: 0;
+    background-color: white;
+    border: 2px solid #009ee3;
+    list-style: none; }
+    .block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a {
+      text-transform: uppercase;
+      font-weight: 700;
+      color: #009ee3; }
+    .block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a::after {
+      content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
 
 .view-display-id-block_2:is(.view-id-home_nodes) {
   padding-top: 2rem;
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index cc7ab51..eae04c3 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -74,11 +74,67 @@
         }
     }
 }
+.block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
+    .field--type-link {
+        justify-self: end;
+        position: relative;
+        width: fit-content;
+        height: fit-content;
+        padding: 0.4rem 1rem;
+        font-size: 0.8rem;
+        margin: 0;
+        background-color: $white;
+        border: 2px solid $blue-light;  
+        list-style: none; 
+      
+        a{
+            text-transform: uppercase;
+            font-weight: 700;
+            color: $blue-light;
 
+        } 
+        a::after{
+            content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+    
+        }
+    }
+}
+
+// bouton foire aux questions
+
+.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+    background-color: $blue-light;
+    width: 25%;
+    float: right;
+    .field--name-field-lien.field--type-link{
+        align-self: flex-end;
+        width: fit-content;
+        height: fit-content;
+        padding: 0.4rem 1rem;
+        font-size: 0.8rem;
+        margin: 0;
+        list-style: none;
+
+        a{
+            text-transform: uppercase;
+            font-weight: 700;
+            color: $black;
+            // &:after{
+            //     // display: block;
+            //     content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+            // }
+        }
+    }    
+    p{
+        color: $white;
+        font-size: 1.2rem;
+    }
+}
 
 // bandeau actus
 
 .block-views-blockactus-blocks-pages-block-1{
+    clear: both;
     border-bottom: 5px solid $blue-light;
     border-top: 5px solid $blue-light;
     .view-content{
@@ -147,13 +203,13 @@
 
 
 // bouton voir toutes actus du bandeau bleu
-.layout--onecol{
-    .block-block-content{
-        display: grid;
-        grid-template-columns: 1fr repeat(8, 2fr) 1fr;
-        position: relative;
-        height: 0;
-    }      
+// .layout--onecol{
+.block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{
+    display: grid;
+    grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+    position: relative;
+    height: 0;
+        
     .field--type-link {
         grid-area: 8 / span 9;
         justify-self: end;
@@ -180,6 +236,7 @@
         }
     }
 }
+// }
 
 
 // boutons en savoir plus pour lien vers pages statiques