filters fixed not stiky
This commit is contained in:
+9
-10
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user