filters fixed not stiky

This commit is contained in:
2025-06-23 10:05:26 +02:00
parent 9716fa4c5b
commit cf0f259b35
2 changed files with 29 additions and 19 deletions
+9 -10
View File
@@ -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;
}
@@ -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;
}