smart phone actus bdd

web/themes/custom/eql/css-compiled/styles.css

@@ -1072,6 +1072,11 @@ a {
         .path-actualites .block-region-content .block-views .view-content .views-row {
           width: 25%;
           flex: 0 0 25%; }
+        @media (max-width: 810px) {
+          .path-actualites .block-region-content .block-views .view-content {
+            flex-direction: column; }
+            .path-actualites .block-region-content .block-views .view-content .views-row {
+              width: 100%; } }
       .path-actualites .block-region-content .block-views .view-display-id-block_2 {
         padding-top: 0; }
       .path-actualites .block-region-content .block-views .node-type-actualite {
@@ -1392,6 +1397,12 @@ a {
                 background: #09398b; }
                 .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a {
                   color: white; }
+            @media (max-width: 810px) {
+              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content {
+                flex-direction: column; }
+                .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
+                  width: 100%;
+                  margin-top: 1rem; } }
     .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
       grid-column: 3 / span 5;
       margin: auto;
@@ -1452,6 +1463,11 @@ a {
           margin-bottom: 1rem; }
           .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row:hover {
             background-color: #009ee3; }
+        @media (max-width: 810px) {
+          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
+            flex-direction: column; }
+            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
+              width: 100%; } }
         .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 {
           display: flex;
           flex-direction: column;
@@ -2509,7 +2525,8 @@ a {
   padding-top: 3rem; }
   @media (max-width: 810px) {
     #fotter-bottom {
-      flex-direction: column; } }
+      flex-direction: column;
+      padding-right: 1rem; } }
   #fotter-bottom .region {
     display: block;
     padding-left: 2rem;

web/themes/custom/eql/scripts/main.js

@@ -55,14 +55,14 @@ function rotateFleche(event) {
 
 // /////////////////
 //// ancre dans texte
-document.querySelector('.paragraph--view-mode--textes-toc').click( function() {
-  var page = this.attr('href'); 
-  var speed = 750; // gérer la vitesse de défliement
+// document.querySelector('.paragraph--view-mode--textes-toc').click( function() {
+//   var page = this.attr('href'); 
+//   var speed = 750; // gérer la vitesse de défliement
       
-      // Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles)
-document.querySelector('html, body').animate( { scrollTop: page.offset().top - 201 }, speed );
-  return false;
-});
+//       // Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles)
+// document.querySelector('html, body').animate( { scrollTop: page.offset().top - 201 }, speed );
+//   return false;
+// });
 
 /// sticky header on scroll
 

web/themes/custom/eql/scss/pages/_basededonnees.scss

@@ -58,6 +58,7 @@
                                         margin-bottom: 2rem;
                                         justify-content: space-between;
                                         align-items: center;
+ 
                                         .views-row{
                                             display: flex;
                                             margin: auto;
@@ -92,6 +93,13 @@
                                             }
             
                                         }
+                                        @media (max-width: 810px){
+                                            flex-direction: column;
+                                            .views-row{
+                                                width: 100%;
+                                                margin-top: 1rem;
+                                            }
+                                        }
                                     }
                                 }
                                 // .view-filters{
@@ -191,6 +199,7 @@
                                 flex-wrap: wrap;
                                 justify-content: space-between;
                                 margin-top: 3rem;
+                                
                                 .views-row{
                                     width: 49%;
                                     // padding: 1rem;                            
@@ -202,7 +211,14 @@
                                     &:hover{
                                         background-color: $blue-light;    
                                     }
+                                    
                                 }
+                                @media (max-width: 810px){
+                                    flex-direction: column;
+                                    .views-row{
+                                        width: 100%;
+                                    }
+                                } 
         
                                     .node-type-ressource{
                                         display: flex;

web/themes/custom/eql/scss/pages/_static.scss

@@ -60,6 +60,7 @@
                                 }
                             }
                         }
+
                     }
                 }
                 

web/themes/custom/eql/scss/pages/_toutesactualites.scss

@@ -19,7 +19,13 @@
                 .views-row{
                     width: 25%;
                     flex: 0 0 25%;
-                }    
+                } 
+                @media (max-width: 810px){
+                    flex-direction: column;
+                    .views-row{
+                        width: 100%;
+                    }
+                }   
             }
             .view-display-id-block_2{
                 padding-top: 0;

web/themes/custom/eql/scss/partials/_footer.scss

@@ -11,6 +11,7 @@
 
     @media (max-width: 810px){
         flex-direction: column;
+        padding-right: 1rem;
     }
 
     .region{