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

filters fixed not stiky

Browse Source
This commit is contained in:
ouidade
2025-06-23 10:05:26 +02:00
parent 9716fa4c5b
commit cf0f259b35
2 changed files with 29 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+9 -10
View File
@@ -5293,7 +5293,7 @@ svg.ext {
} }
.path-ressources .layout-container { .path-ressources .layout-container {
overflow: visible; overflow: hidden;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-ressources .layout-container { .path-ressources .layout-container {
@@ -5431,11 +5431,6 @@ svg.ext {
order: 3; 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) { @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 { .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; 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 { .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: fixed;
align-self: start; top: 25rem;
top: 21rem;
left: 0; left: 0;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
margin-bottom: 5rem; margin-bottom: 5rem;
@@ -5455,6 +5449,7 @@ svg.ext {
z-index: 1; z-index: 1;
transform: translateY(-210px); transform: translateY(-210px);
margin-bottom: -210px; margin-bottom: -210px;
width: 20%;
} }
@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-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 {
@@ -5677,7 +5672,7 @@ svg.ext {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; 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 { .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%; width: 80%;
@@ -5898,6 +5893,10 @@ div.view-type-slide:nth-child(2) > div:nth-child(4) article {
padding-right: 0; padding-right: 0;
} }
footer {
z-index: 1;
}
.carousel { .carousel {
display: none; display: none;
} }
web/themes/custom/eql/scss/pages/ressources.scss
+20 -9
View File
@@ -1,8 +1,8 @@
.path-ressources{ .path-ressources{
.layout-container { .layout-container {
overflow: visible; overflow: hidden;
@media (max-width:810px) { @media (max-width:810px) {
overflow: hidden; overflow: hidden;
} }
@@ -137,17 +137,19 @@
order: 3; order: 3;
} }
.view-base-de-donnees{ .view-base-de-donnees{
display: grid; // display: grid;
grid-template-columns: 22% 80%; // grid-template-columns: 22% 80%;
gap: 2rem; // gap: 2rem;
// overflow-x: hidden;
@media (max-width:810px) { @media (max-width:810px) {
display: flex; display: flex;
flex-direction: column ; flex-direction: column ;
} }
.view-filters{ .view-filters{
position: sticky; position: fixed;
align-self: start; // align-self: start;
top: 21rem; top: 25rem;
left: 0; left: 0;
background-color: $white; background-color: $white;
margin-bottom: 5rem; margin-bottom: 5rem;
@@ -157,6 +159,7 @@
z-index: 1; z-index: 1;
transform: translateY(-210px); transform: translateY(-210px);
margin-bottom: -210px; margin-bottom: -210px;
width: 20%;
@media (max-width: 810px) { @media (max-width: 810px) {
@@ -431,11 +434,15 @@
} }
} }
.view-content{ .view-content{
// * { outline: 1px solid red; }
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; // width: 80%;
padding-left: 25%;
// overflow-x: hidden;
.border{ .border{
width: 80%; width: 80%;
border-top: solid 1px rgba(0, 0, 0, 0.3); 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{ article{
padding-right: 0; padding-right: 0;
} }
}
footer{
z-index: 1;
} }