bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive filters +intro

Browse Source
This commit is contained in:
ouidade
2025-05-30 23:04:05 +02:00
parent caca917a95
commit 94537a37cc
2 changed files with 40 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+22 -1
View File
@@ -5291,6 +5291,12 @@ svg.ext {
width: fit-content; width: fit-content;
margin-left: 28%; 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 { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -5306,6 +5312,12 @@ svg.ext {
margin: auto; margin: auto;
margin-left: 28%; 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) { @media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
order: 1; order: 1;
@@ -5317,7 +5329,8 @@ svg.ext {
} }
@media (max-width: 810px) { @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 { .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; margin-top: 1rem;
} }
} }
@@ -5397,6 +5410,12 @@ svg.ext {
grid-template-columns: 25% 80%; grid-template-columns: 25% 80%;
gap: 2rem; 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 { .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; position: sticky;
align-self: start; 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 { .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; position: static;
margin-bottom: 2rem; margin-bottom: 2rem;
transform: none;
margin-bottom: 0px;
} }
} }
@media (max-width: 479px) { @media (max-width: 479px) {
web/themes/custom/eql/scss/pages/ressources.scss
+18 -2
View File
@@ -18,6 +18,10 @@
margin-bottom: 1rem; margin-bottom: 1rem;
width: fit-content; width: fit-content;
margin-left: 28%; margin-left: 28%;
@media (max-width:810px) {
margin-left: 0;
line-height: 4rem;
}
} }
.layout--onecol{ .layout--onecol{
.layout__region--content{ .layout__region--content{
@@ -36,15 +40,20 @@
width: 60%; width: 60%;
margin: auto; margin: auto;
margin-left: 28%; margin-left: 28%;
@media (max-width:810px) {
margin-left: 0;
width: 90%;
}
@media (max-width:479px) { @media (max-width:479px) {
order: 1; order: 1;
margin-left: 0; margin-left: 0;
} }
.config_pages--base-de-donnees--full{ .config_pages--base-de-donnees--full{
grid-column: 1 / span 5; grid-column: 1 / span 5;
@media (max-width: 810px){ @media (max-width: 810px){
padding: 2rem; padding-top: 1rem;
padding-left: 2rem;
margin-top:1rem; margin-top:1rem;
} }
@media (max-width: 479px){ @media (max-width: 479px){
@@ -124,6 +133,10 @@
display: grid; display: grid;
grid-template-columns: 25% 80%; grid-template-columns: 25% 80%;
gap: 2rem; gap: 2rem;
@media (max-width:810px) {
display: flex;
flex-direction: column ;
}
.view-filters{ .view-filters{
position: sticky; position: sticky;
align-self: start; align-self: start;
@@ -141,6 +154,9 @@
@media (max-width: 810px) { @media (max-width: 810px) {
position: static; position: static;
margin-bottom: 2rem; margin-bottom: 2rem;
transform: none;
margin-bottom: 0px;
} }
@media (max-width: 479px) { @media (max-width: 479px) {
margin-left: 0; margin-left: 0;