responsive bdd

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

@@ -1443,23 +1443,42 @@ a {
             margin-bottom: 2rem;
             justify-content: space-between;
             align-items: center; }
+            @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 {
+                width: 100%;
+                margin: auto;
+                padding-top: 1rem;
+                padding-bottom: 2rem; } }
             .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 {
               display: flex;
               margin: auto;
               background: white;
-              width: 46%;
+              width: 40%;
               height: 80%;
               padding: 1rem; }
-              .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 .views-field-name .field-content {
-                grid-column: 3 /span 6; }
-              .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 .views-field-name span {
-                margin: 0;
-                padding: 1rem;
-                padding-bottom: 2rem; }
+              @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 .views-row {
+                  width: 100%;
+                  margin: 0em; } }
+              .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 .views-field-name {
+                display: flex; }
+                .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 .views-field-name .field-content {
+                  margin: auto; }
+                .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 .views-field-name span {
+                  margin: 0;
+                  padding: 1rem;
+                  padding-bottom: 2rem; }
+                  @media (max-width: 359px) {
+                    .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 .views-field-name span {
+                      padding-left: 0.5rem; } }
               .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 a {
                 color: black;
                 font-size: 1.5rem;
                 font-weight: 600; }
+                @media (max-width: 453px) {
+                  .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 a {
+                    font-size: 1.3rem;
+                    hyphens: auto; } }
               .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 {
                 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 {
@@ -1490,10 +1509,11 @@ a {
       grid-column: 3 / span 5;
       margin: auto;
       background: white;
-      margin-top: 2rem; }
+      margin-top: 5rem; }
       @media (max-width: 810px) {
         .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
-          padding: 2rem; } }
+          padding: 2rem;
+          margin-top: 1rem; } }
     .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
       visibility: hidden; }
       @media (max-width: 810px) {
@@ -1596,6 +1616,9 @@ a {
         flex-direction: column;
         margin: auto; } }
 
+.path-ressources.basededonnees.autres .block-config-pages-block {
+  display: none; }
+
 .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
   visibility: visible !important;
   grid-column: 8 / span 9;

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

@@ -60,21 +60,31 @@
                                         margin-bottom: 2rem;
                                         justify-content: space-between;
                                         align-items: center;
+                                        @media (max-width: 810px){
+                                            width: 100%;
+                                            margin: auto;
+                                            padding-top: 1rem;
+                                            padding-bottom: 2rem;
+                                        }
                                         
                                         .views-row{
                                             display: flex;
                                             margin: auto;
                                             background: $white;
-                                            width: 46%;
+                                            width: 40%;
                                             height: 80%;
                                             padding: 1rem;
+                                            @media (max-width: 810px){
+                                                width: 100%;
+                                                margin: 0em;
+                                            }
                                             
                                             
                                             .views-field-name{
-                                                
+                                                display: flex;
                                                 .field-content{
-                                                    grid-column: 3 /span 6;
-                                                    
+                                                    // grid-column: 3 /span 6;
+                                                    margin: auto;
  
                                                 }
                                                 span{
@@ -82,6 +92,9 @@
                                                     margin: 0;
                                                     padding: 1rem;
                                                     padding-bottom: 2rem;
+                                                    @media (max-width: 359px){
+                                                        padding-left: 0.5rem;
+                                                    }
                                                 }
                                                 
                                                
@@ -90,6 +103,10 @@
                                                 color: $black;
                                                 font-size: 1.5rem;    
                                                 font-weight: 600;
+                                                @media (max-width: 453px){
+                                                    font-size: 1.3rem;
+                                                    hyphens: auto;
+                                                }
                                             }
                                             &:hover{
                                                 background: $blue-dark;
@@ -157,10 +174,11 @@
                                 // width: 65%;
                                 margin: auto;
                                 background: $white;
-                                margin-top:2rem;
+                                margin-top:5rem;
                             // }
                             @media (max-width: 810px){
                                 padding: 2rem;
+                                margin-top:1rem;
                             }
                         }
 

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

@@ -1,5 +1,12 @@
   
 .path-ressources.basededonnees.autres{
+
+
+    .block-config-pages-block{
+        display: none;
+    }
+
+
   //button proposer une ressource
     .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
         visibility: visible !important;