Bläddra i källkod

responsive filters +intro

ouidade 6 dagar sedan
förälder
incheckning
94537a37cc

+ 22 - 1
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -5291,6 +5291,12 @@ svg.ext {
   width: fit-content;
   margin-left: 28%;
 }
+@media (max-width: 810px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 {
+    margin-left: 0;
+    line-height: 4rem;
+  }
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
   display: flex;
   flex-direction: column;
@@ -5306,6 +5312,12 @@ svg.ext {
   margin: auto;
   margin-left: 28%;
 }
+@media (max-width: 810px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
+    margin-left: 0;
+    width: 90%;
+  }
+}
 @media (max-width: 479px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
     order: 1;
@@ -5317,7 +5329,8 @@ svg.ext {
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full {
-    padding: 2rem;
+    padding-top: 1rem;
+    padding-left: 2rem;
     margin-top: 1rem;
   }
 }
@@ -5397,6 +5410,12 @@ svg.ext {
   grid-template-columns: 25% 80%;
   gap: 2rem;
 }
+@media (max-width: 810px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees {
+    display: flex;
+    flex-direction: column;
+  }
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
   position: sticky;
   align-self: start;
@@ -5415,6 +5434,8 @@ svg.ext {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
     position: static;
     margin-bottom: 2rem;
+    transform: none;
+    margin-bottom: 0px;
   }
 }
 @media (max-width: 479px) {

+ 18 - 2
web/themes/custom/eql/scss/pages/ressources.scss

@@ -18,6 +18,10 @@
                     margin-bottom: 1rem;
                     width: fit-content;
                     margin-left: 28%;
+                    @media (max-width:810px) {
+                     margin-left: 0;
+                     line-height: 4rem;
+                    }
                 }
                 .layout--onecol{
                     .layout__region--content{
@@ -36,15 +40,20 @@
                             width: 60%;
                             margin: auto;
                             margin-left: 28%;
-
+                            @media (max-width:810px) {
+                                margin-left: 0;
+                                width: 90%;
+                               }
                             @media (max-width:479px) {
                                 order: 1;
                                 margin-left: 0;
                             }
+
                                 .config_pages--base-de-donnees--full{
                                     grid-column: 1 / span 5;
                                     @media (max-width: 810px){
-                                        padding: 2rem;
+                                        padding-top: 1rem;
+                                        padding-left: 2rem;
                                         margin-top:1rem;
                                     }
                                     @media (max-width: 479px){
@@ -124,6 +133,10 @@
                                     display: grid;
                                     grid-template-columns: 25% 80%;
                                     gap: 2rem;
+                                    @media (max-width:810px) {
+                                        display: flex;
+                                        flex-direction: column ;
+                                    }
                                     .view-filters{
                                         position: sticky;
                                         align-self: start;
@@ -141,6 +154,9 @@
                                         @media (max-width: 810px) {
                                             position: static;
                                             margin-bottom: 2rem;
+                                            transform: none;
+                                            margin-bottom: 0px;
+
                                         }
                                         @media (max-width: 479px) {
                                             margin-left: 0;