corrections centre de ressources

web/themes/erabletheme/css/styles.css

@@ -727,6 +727,7 @@ em {
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .carousel_container .slick-container footer a svg {
   display: none;
@@ -1131,6 +1132,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .home_introduction div.more-link a svg {
   display: none;
@@ -1249,6 +1251,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .home_consultation div.more-link a svg {
   display: none;
@@ -1434,6 +1437,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .layout-content .fullpage .fullpage_content .liens_fixed > div > div a svg, .layout-content .fullpage .fullpage_content .file_fixed > div > div a svg,
 .layout-content .fullpage .fullpage_content .liens > div > div a svg, .layout-content .fullpage .fullpage_content .file_fixed > div > div a svg {
@@ -1971,6 +1975,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .content_partenaires .views-row article > div:first-of-type > div:last-of-type a svg {
   display: none;
@@ -2521,6 +2526,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a svg {
   display: none;
@@ -2568,6 +2574,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div a svg {
   display: none;
@@ -3272,14 +3279,14 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
     font-size: 1.6rem;
   }
 }
-.ressources > div > div:first-of-type {
+.ressources > div > div:has(a) {
   grid-column: 2;
   grid-row: 3;
 }
-.ressources > div > div:first-of-type > div > span {
+.ressources > div > div:has(a) > div > span {
   margin-top: -1rem;
 }
-.ressources > div > div:first-of-type > div > span a {
+.ressources > div > div:has(a) > div > span a {
   text-align: center;
   color: black;
   font-family: "Marianne", sans-serif;
@@ -3289,28 +3296,30 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
-.ressources > div > div:first-of-type > div > span a svg {
+.ressources > div > div:has(a) > div > span a svg {
   display: none;
 }
-.ressources > div > div:first-of-type > div > span a:hover {
+.ressources > div > div:has(a) > div > span a:hover {
   background-color: #00ff80;
 }
-.ressources > div > div:first-of-type > div > span:last-of-type {
+.ressources > div > div:has(a) > div > span:last-of-type {
   display: none;
 }
-.ressources > div > div:nth-of-type(2) {
+.ressources > div > div:has(img) {
   grid-column: 1;
   grid-row: 1/4;
+  min-width: 120px;
   padding: 2rem 0;
   margin-right: 2rem;
 }
-.ressources > div > div:nth-of-type(2) img {
+.ressources > div > div:has(img) img {
   border: solid 1px #038788;
   width: 100%;
   height: auto;
 }
-.ressources > div > div:nth-of-type(3) {
+.ressources > div > div:has(time) {
   grid-column: 2;
   grid-row: 2;
   margin-top: -1rem;
@@ -3400,6 +3409,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .ressource > div:not(.retour_ressources) > div:not(.retour_ressources):first-of-type > div > span a svg {
   display: none;
@@ -3630,6 +3640,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
   border: solid 2px #00ff80;
   padding: 9px 18px;
   transition: background-color 0.3s ease;
+  text-wrap: nowrap !important;
 }
 .actu_full .liens_fixed > div > div:nth-of-type(2) a svg, .actu_full .file_fixed > div > div > div a svg {
   display: none;

web/themes/erabletheme/erabletheme.theme

@@ -156,4 +156,4 @@ function erabletheme_theme_suggestions_region_alter(array &$suggestions, array $
     }
 
   }
-}
+}

web/themes/erabletheme/js/erabletheme.js

@@ -194,6 +194,49 @@
         });
       }
 
+      // Changer le texte des liens des ressources
+      if (document.querySelector('.ressources')) {
+        let liens = document.querySelectorAll('.file a');
+        for (let lien of liens) {
+          lien.innerHTML = 'Télécharger le document';
+        }
+        // si la ressource n'a pas de date afficher le lien plus haute
+        // et la ressource en premier
+        let ressources = document.querySelectorAll('.views-row');
+        let container = document.querySelector('.views-row:first-of-type').parentElement;
+
+        for (let ressource of ressources) {
+          if (!ressource.querySelector('time')) {
+            let link = ressource.querySelector('.file');           
+            let linkContainer = link.parentElement.parentElement;
+            linkContainer.style.gridRow = '2';
+            linkContainer.style.marginTop = '30px';
+          }
+
+          const rows = Array.from(container.querySelectorAll('.views-row'));
+
+          const undated = [];
+          const dated = [];
+
+          rows.forEach(row => {
+            if (row.querySelector('time')) {
+              dated.push(row);
+            } else {
+              undated.push(row);
+            }
+          });
+
+          // Clear container
+          container.innerHTML = '';
+
+          // Append undated rows first, then dated
+          [...undated, ...dated].forEach(row => {
+            container.appendChild(row);
+          });
+        }
+      }
+
+
       //
       // Ajouter les logos réseaux sociaux dans le menu togglable
       //

web/themes/erabletheme/scss/_ressources.scss

@@ -28,7 +28,8 @@
         }
       }
     }
-    > div:first-of-type {
+    // lien
+    > div:has(a) {
       grid-column: 2;
       grid-row: 3;
       > div > span {
@@ -39,9 +40,11 @@
         display: none;
       }
     }
-    > div:nth-of-type(2) {
+    // image
+    > div:has(img) {
       grid-column: 1;
       grid-row: 1/4;
+      min-width: 120px;
       padding: 2rem 0;
       margin-right: 2rem;
       img {
@@ -50,7 +53,8 @@
         height: auto;
       }
     }
-    > div:nth-of-type(3) {
+    // date
+    > div:has(time) {
       grid-column: 2;
       grid-row: 2;
       margin-top: -1rem;

web/themes/erabletheme/scss/global/variables/_typography.scss

@@ -60,6 +60,7 @@ $title_size: 2.3rem;
     border: solid 2px $fluo_green;
     padding: 9px 18px;
     transition: background-color 0.3s ease;
+    text-wrap: nowrap !important;
     svg {
       display: none;
     }