responsive filters +intro

This commit is contained in:
2025-05-30 23:04:05 +02:00
parent caca917a95
commit 94537a37cc
2 changed files with 40 additions and 3 deletions
+22 -1
View File
@@ -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,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;