diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 620276f..1360c3e 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5293,7 +5293,7 @@ svg.ext { } .path-ressources .layout-container { - overflow: visible; + overflow: hidden; } @media (max-width: 810px) { .path-ressources .layout-container { @@ -5431,11 +5431,6 @@ svg.ext { order: 3; } } -.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: grid; - grid-template-columns: 22% 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; @@ -5443,9 +5438,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: sticky; - align-self: start; - top: 21rem; + position: fixed; + top: 25rem; left: 0; background-color: rgb(255, 255, 255); margin-bottom: 5rem; @@ -5455,6 +5449,7 @@ svg.ext { z-index: 1; transform: translateY(-210px); margin-bottom: -210px; + width: 20%; } @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 .view-filters { @@ -5677,7 +5672,7 @@ svg.ext { display: flex; flex-direction: row; flex-wrap: wrap; - width: 100%; + padding-left: 25%; } .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-content .border { width: 80%; @@ -5898,6 +5893,10 @@ div.view-type-slide:nth-child(2) > div:nth-child(4) article { padding-right: 0; } +footer { + z-index: 1; +} + .carousel { display: none; } diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index b635249..8217e04 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -1,8 +1,8 @@ .path-ressources{ - + .layout-container { - overflow: visible; + overflow: hidden; @media (max-width:810px) { overflow: hidden; } @@ -137,17 +137,19 @@ order: 3; } .view-base-de-donnees{ - display: grid; - grid-template-columns: 22% 80%; - gap: 2rem; + // display: grid; + // grid-template-columns: 22% 80%; + // gap: 2rem; + // overflow-x: hidden; + @media (max-width:810px) { display: flex; flex-direction: column ; } .view-filters{ - position: sticky; - align-self: start; - top: 21rem; + position: fixed; + // align-self: start; + top: 25rem; left: 0; background-color: $white; margin-bottom: 5rem; @@ -157,6 +159,7 @@ z-index: 1; transform: translateY(-210px); margin-bottom: -210px; + width: 20%; @media (max-width: 810px) { @@ -431,11 +434,15 @@ } } .view-content{ + // * { outline: 1px solid red; } transition: opacity 0.3s ease; display: flex; flex-direction: row; flex-wrap: wrap; - width: 100%; + // width: 80%; + padding-left: 25%; + // overflow-x: hidden; + .border{ width: 80%; border-top: solid 1px rgba(0, 0, 0, 0.3); @@ -675,4 +682,8 @@ div.view-type-slide:nth-child(2) > div:nth-child(4){ article{ padding-right: 0; } +} + +footer{ + z-index: 1; } \ No newline at end of file