fleche ouverture presentation equipe

web/themes/custom/quartiers_de_demain/dist/assets/bundle.js

@@ -72,6 +72,8 @@ var __webpack_exports__ = {};
 } (Drupal));
 
 
+
+
 //////// start header ////////////
 document.addEventListener('DOMContentLoaded', function() {
 

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -4472,10 +4472,13 @@ body {
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .btn-equipe-toggle::after {
   display: inline-flex;
-  content: url("../img/noun-arrow-to-right.svg");
+  content: url("../img/arrow-down-white.svg");
   padding-right: 0.2rem;
   padding-left: 0.2rem;
-  height: 25px;
+  height: 12px;
+}
+.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .btn-equipe-toggle[aria-expanded=true]::after {
+  content: url("../img/arrow-up-white.svg");
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .equipe-separator {
   border-bottom: 1px solid black;
@@ -4706,32 +4709,8 @@ body {
   font-size: 0.5rem;
   padding-right: 0.5rem;
   background-color: black;
-  padding-bottom: 0.1rem;
+  padding-bottom: 0.2rem;
-  padding-top: 0.1rem;
+  padding-top: 0.2rem;
-  padding-left: 0.2rem;
-}
-.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link a::before {
-  display: inline-flex;
-  content: url("../img/noun-arrow-to-left.svg");
-  padding-right: 0.2rem;
-  padding-left: 0.2rem;
-  height: 12px;
-}
-.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link div {
-  display: flex;
-  justify-content: center;
-}
-.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link a {
-  display: inline-flex;
-  justify-content: space-between;
-  align-items: center;
-  color: white;
-  text-transform: uppercase;
-  font-size: 0.5rem;
-  padding-right: 0.5rem;
-  background-color: black;
-  padding-bottom: 0.1rem;
-  padding-top: 0.1rem;
   padding-left: 0.2rem;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link a::before {
@@ -4852,9 +4831,10 @@ body {
   background: black;
   padding-left: 0.5rem;
   text-transform: uppercase;
-  font-size: 0.6rem;
+  font-size: 0.5rem;
   margin-bottom: 0.3rem;
   padding: 0.3rem;
+  padding: 0.2rem 0.5rem;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_documents) .field_field_documents a {
   color: white;
@@ -4873,7 +4853,7 @@ body {
   background: black;
   padding-left: 0.5rem;
   text-transform: uppercase;
-  font-size: 0.6rem;
+  font-size: 0.5rem;
   margin-bottom: 0.3rem;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens svg {
@@ -4884,6 +4864,7 @@ body {
   content: url("../img/noun-arrow-to-right.svg");
   padding-right: 0.2rem;
   padding-left: 0.2rem;
+  height: 25px;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens a {
   color: white;

web/themes/custom/quartiers_de_demain/dist/assets/img/arrow-down-white.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="14.947381"
+   height="18.174984"
+   viewBox="0 0 4.497851 5.4690765"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="translate(-102.76452,-145.67101)">
+    <path
+       d="m 107.0214,148.83607 -1.86476,1.82265 v -4.84236 a 0.14436835,0.14436835 0 1 0 -0.28873,0 v 4.84236 l -1.86476,-1.82265 a 0.14436835,0.14436835 0 0 0 -0.19851,0 0.1503837,0.1503837 0 0 0 0,0.20452 l 2.10537,2.06326 a 0.1624144,0.1624144 0 0 0 0.20452,0 l 2.10538,-2.06326 a 0.14436835,0.14436835 0 0 0 0,-0.20452 0.14436835,0.14436835 0 0 0 -0.19851,0 z"
+       id="path2-2"
+       style="fill:#ffffff;stroke-width:0.0601533" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/arrow-up-white.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="14.947379"
+   height="18.174984"
+   viewBox="0 0 4.4978504 5.4690765"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="translate(-102.76452,-145.67101)">
+    <path
+       d="m 103.00549,147.97502 1.86476,-1.82265 v 4.84236 a 0.14436835,0.14436835 0 1 0 0.28873,0 v -4.84236 l 1.86476,1.82265 a 0.14436835,0.14436835 0 0 0 0.19851,0 0.1503837,0.1503837 0 0 0 0,-0.20452 l -2.10537,-2.06326 a 0.1624144,0.1624144 0 0 0 -0.20452,0 l -2.10538,2.06326 a 0.14436835,0.14436835 0 0 0 0,0.20452 0.14436835,0.14436835 0 0 0 0.19851,0 z"
+       id="path2-2"
+       style="fill:#ffffff;stroke-width:0.0601533" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -14,6 +14,8 @@
 } (Drupal));
 
 
+
+
 //////// start header ////////////
 document.addEventListener('DOMContentLoaded', function() {
 

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss

@@ -222,20 +222,25 @@
                     margin: auto;
                     display: flex;
                     border: none;
+                    // padding-top: 0.3rem;
+                    // padding-bottom: 0.3rem;
                     svg{
                         display: none;
                     }
                     &::after{
                         display: inline-flex;
-                        content: url("../img/noun-arrow-to-right.svg");
+                        content: url("../img/arrow-down-white.svg");
                         padding-right: 0.2rem;
                         padding-left: 0.2rem;
                         // padding-bottom: 0.2rem;
-                        height: 25px;
+                        height: 12px;
                     }
                     margin-bottom: 1rem;
                    
                 }
+                .btn-equipe-toggle[aria-expanded="true"]::after {
+                    content: url("../img/arrow-up-white.svg");
+                }
                 .equipe-separator {
                     border-bottom: 1px solid black;
                     margin: 20px 0;

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-ressource.scss

@@ -28,37 +28,8 @@
                             content: " :";
                         }
                     }
-                }                .field_field_link{
-                    div{
-                        display: flex;
-                        justify-content: center;
-                    }
-                    a{
-                        display: inline-flex;
-                        justify-content: space-between;
-                        align-items: center;
-                        color: white;
-                        text-transform: uppercase;
-                        font-size: 0.5rem;
-                        padding-right: 0.5rem;
-                        background-color: black;
-                        padding-bottom: 0.1rem;
-                        padding-top: 0.1rem;
-                        padding-left: 0.2rem;
-
-                        // svg{
-                        //     display: none;
-                        // }
-                        &::before{
-                            display: inline-flex;
-                            content: url("../img/noun-arrow-to-left.svg");
-                            padding-right: 0.2rem;
-                            padding-left: 0.2rem;
-                            // padding-bottom: 0.2rem;
-                            height: 12px;
-                        }
-                    } 
                 }                
+
                 .field_field_link{
                     div{
                         display: flex;
@@ -73,8 +44,8 @@
                         font-size: 0.5rem;
                         padding-right: 0.5rem;
                         background-color: black;
-                        padding-bottom: 0.1rem;
+                        padding-bottom: 0.2rem;
-                        padding-top: 0.1rem;
+                        padding-top: 0.2rem;
                         padding-left: 0.2rem;
 
                         // svg{
@@ -206,9 +177,10 @@
                         background: black;
                         padding-left: 0.5rem;
                         text-transform: uppercase;
-                        font-size: 0.6rem;
+                        font-size: 0.5rem;
                         margin-bottom: 0.3rem;
                         padding: 0.3rem;
+                        padding: 0.2rem 0.5rem;
                         
                         svg{
                             display: none;
@@ -226,7 +198,7 @@
                         background: black;
                         padding-left: 0.5rem;
                         text-transform: uppercase;
-                        font-size: 0.6rem;
+                        font-size: 0.5rem;
                         margin-bottom: 0.3rem;
                         
                         svg{
@@ -237,6 +209,7 @@
                             content: url("../img/noun-arrow-to-right.svg");
                             padding-right: 0.2rem;
                             padding-left: 0.2rem;
+                            height: 25px;
                         }
                         a{
                             color: white;

web/themes/custom/quartiers_de_demain/webpack.config.js

@@ -66,7 +66,12 @@ let config = {
             
         ],
         
-    }
+    },
+
+    externals: {
+      drupal: 'Drupal',
+      Drupal: 'Drupal',
+    },
 }
 
 
@@ -74,3 +79,5 @@ let config = {
 
 
 module.exports = config;
+
+