From 33b4a4357a062b1b1ad3eb2671d7bf8b11ae3579 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Sun, 28 Nov 2021 00:15:46 +0100
Subject: [PATCH] fleche lien bandeau actu

---
 web/themes/custom/eql/css-compiled/styles.css | 16 +++++++++---
 web/themes/custom/eql/scss/pages/_home.scss   | 26 ++++++++++++++-----
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 207fd24..2b836d7 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -295,7 +295,8 @@ a {
         display: flex;
         flex-direction: column; }
         .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(1) {
-          order: 1; }
+          order: 1;
+          font-weight: 800; }
         .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(4) {
           order: 2; }
         .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite div:first-child :nth-child(5) {
@@ -312,6 +313,15 @@ a {
         margin: 0; }
       .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite a {
         color: black; }
+      .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .inline.links {
+        padding-top: none !important;
+        list-style: none;
+        width: fit-content;
+        align-self: flex-end; }
+        .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .inline.links a {
+          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-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-actu-type {
+        padding-top: 2rem; }
 
 .layout--onecol .block-block-content {
   display: grid;
@@ -337,7 +347,7 @@ a {
     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)"  stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
+    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;
@@ -364,7 +374,7 @@ a {
         font-weight: 700;
         color: #009ee3; }
         .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links 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)"  stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
+          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) .node-type-static .field--name-field-images .field__item img {
       width: 15rem;
       height: auto; }
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index c92ed81..d5bf17e 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -74,7 +74,7 @@
 }
 
 
-// bandeau bleu actus
+// bandeau actus
 
 .block-views-blockactus-blocks-pages-block-1{
     border-bottom: 5px solid $blue-light;
@@ -94,7 +94,7 @@
             div:first-child{           // block actu dans le bandeau
                 display: flex;
                 flex-direction: column;
-                :nth-child(1) { order: 1; } 
+                :nth-child(1) { order: 1; font-weight: 800;} 
                 :nth-child(4) { order: 2; }  
                 :nth-child(5) { order: 3; }            
             }
@@ -112,7 +112,21 @@
                 width: 100%;
             }
             h2{ margin:0; }
-            a{ color: $black; }            
+            a{ color: $black; } 
+
+            .inline.links{
+                padding-top: none !important;
+                list-style: none;
+                width: fit-content;
+                align-self: flex-end;
+    
+                a{
+                    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>');
+                }
+            }
+            .field--name-field-actu-type{
+                padding-top: 2rem;
+            }
         }
     }
 }
@@ -148,7 +162,7 @@
 
         } 
         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)"  stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+            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>');
     
         }
     }
@@ -161,9 +175,7 @@
 .view-display-id-block_2:is(.view-id-home_nodes){
     padding-top: 2rem;
     background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" version="1.1"><rect x="0" y="0" width="80" height="80" transform="rotate(35) translate(430, -800) scale(15)" fill="none" stroke="rgb(0,158,227)" stroke-width="0.4px"/></svg>');
-    // background-image: url("../images/pictos/carre-contour-bleu.svg");
     background-repeat: no-repeat;
-    // background-position: -20px;
     
 
     
@@ -192,7 +204,7 @@
                 color: $blue-light;
                 &: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)"  stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+                    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>');
                 }
             }
         }