From 9528ce666e0d7bedb13065ee2844eee46dbead2b Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 17 Dec 2021 11:05:18 +0100
Subject: [PATCH] background hover

---
 web/themes/custom/eql/css-compiled/styles.css |  4 +
 .../eql/images/pictos/fleche_blanche.svg      | 73 +++++++++++++++++++
 .../custom/eql/scss/pages/_basededonnees.scss |  9 +++
 3 files changed, 86 insertions(+)
 create mode 100644 web/themes/custom/eql/images/pictos/fleche_blanche.svg

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 12d1bc5..faad984 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -1269,6 +1269,10 @@ a {
         height: fit-content;
         margin-bottom: 1rem;
         background-color: white; }
+        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource:hover {
+          background-color: #009ee3; }
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource:hover .field--name-field-mots-clefs::after {
+            content: url("../images/pictos/noun_Arrow_3771902.svg"); }
         .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource {
           text-transform: uppercase; }
           .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a {
diff --git a/web/themes/custom/eql/images/pictos/fleche_blanche.svg b/web/themes/custom/eql/images/pictos/fleche_blanche.svg
new file mode 100644
index 0000000..2e6e8aa
--- /dev/null
+++ b/web/themes/custom/eql/images/pictos/fleche_blanche.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 51.400001 18.692308"
+   xml:space="preserve"
+   id="svg8"
+   sodipodi:docname="flèche_blanche.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   width="29.653847"
+   height="18.692308"
+   inkscape:export-filename="/home/ouidade/Sites/EQL/docker-eql/src_d9/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata14"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs12"><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath827"><use
+         x="0"
+         y="0"
+         xlink:href="#g823"
+         id="use829"
+         width="100%"
+         height="100%" /></clipPath></defs><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="6.92"
+     inkscape:cx="20.66474"
+     inkscape:cy="30.924855"
+     inkscape:window-x="0"
+     inkscape:window-y="332"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g825"
+     inkscape:pagecheckerboard="0"
+     width="99px"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" /><g
+     id="g825"
+     clip-path="url(#clipPath827)"
+     transform="translate(-0.484148,-12.583082)"><g
+       inkscape:label="Clip"
+       id="g823"
+       style="fill:#ffffff"><polygon
+         points="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 71.9,49 24.3,49 "
+         id="polygon2"
+         inkscape:export-filename="/home/ouidade/Sites/EQL/docker-eql/src_d9/web/themes/custom/eql/images/pictos/polygon2.png"
+         inkscape:export-xdpi="300"
+         inkscape:export-ydpi="300"
+         transform="translate(-23.815852,-33.316918)"
+         style="fill:#ffffff" /></g></g></svg>
diff --git a/web/themes/custom/eql/scss/pages/_basededonnees.scss b/web/themes/custom/eql/scss/pages/_basededonnees.scss
index 21abdc0..191b4d2 100644
--- a/web/themes/custom/eql/scss/pages/_basededonnees.scss
+++ b/web/themes/custom/eql/scss/pages/_basededonnees.scss
@@ -129,6 +129,15 @@
                                     height: fit-content;
                                     margin-bottom: 1rem;
                                     background-color: $white;
+                                    &:hover{
+                                        background-color: $blue-light;
+                                        .field--name-field-mots-clefs{
+                                            &::after{
+                                                content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                                
+                                            }
+                                        }    
+                                    }
                                     // &::after{
                                     //     content: url("../images/pictos/noun_Arrow_3771902.svg");
                                     //     align-self: end;