header fixed

This commit is contained in:
2024-03-07 14:44:46 +01:00
parent beb4775cad
commit 1f8059afbd
11 changed files with 2268 additions and 249 deletions

View File

@@ -1,15 +1,11 @@
.layout-sidebar-first{
width: 25%;
display: flex;
// display: flex;
position: fixed;
left: 5%;
left: 3%;
top: 200px;
z-index: 98;
// order: 1;
// grid-column: 1 /span 2;
// grid-row: 1;
// margin-top: 5rem;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
@@ -18,6 +14,30 @@
width: 80%;
margin-top: 3rem;
}
#toTop-aside{
margin: auto;
background-color: #fff;
border-top-left-radius: 10%;
border-top-right-radius: 10%;
padding-bottom: 0.5rem;
.arrow-up{
font-size: 1.7rem;
line-height: 2.5rem;
text-align: center;
width: 3rem;
height: 2rem;
display: inline-block;
text-align: top;
&::before{
content:url(../images/up-arrow.svg) ;
width: 50%;
}
// .fa{
// color: #fff;
// }
}
}
.sidebar_first_container{
display: flex;
flex-direction: column;
@@ -31,42 +51,15 @@
display: none;
}
#block-quartiers-de-demain-views-block-statics-block-1{
order: 1;
text-transform: uppercase;
}
// #block-quartiers-de-demain-views-block-statics-fields-block-1{
// order: 2;
// border-top: 2px solid $blue_QDD;
// padding-top: 0.3rem;
// .views-field-field-pieces-jointes{
// display: flex;
// flex-direction: row;
// &::before{
// content: url(../images/noun-arrow-download.svg);
// padding-right: 00.3rem;
// }
// .field-content{
// display: flex;
// flex-direction: column;
// font-size: 0.6rem;
// font-weight: 800;
// span{
// font-weight: 400;
// }
// }
// }
// }
}
}
}
.sticky-menu{
position: sticky;
position: -webkit-sticky;
top: 10rem;
}
// .sticky-menu{
// position: sticky;
// position: -webkit-sticky;
// top: 10rem;
// }

View File

@@ -1,4 +1,5 @@
footer{
span.totop {
display: inline-flex;
width: 100vw;

View File

@@ -8,9 +8,7 @@ header{
z-index: 99;
width: 100vw;
max-width: 100vw;
position: -webkit-sticky;
position: sticky;
position: relative;
position: fixed;
top: 0;
border-bottom: 1px solid #808080;
@media (max-width:810px) {