diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index aa3237e..b2f7e2f 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/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) { diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index cf11edf..e571400 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/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;