aside fixed mais à changer

This commit is contained in:
ouidade 2024-03-07 13:01:10 +01:00
parent 5ee93dd988
commit beb4775cad
2 changed files with 16 additions and 27 deletions

View File

@ -382,14 +382,12 @@ footer span.totop {
flex-direction: column; } }
.layout-sidebar-first {
width: 25%;
display: flex;
justify-content: end;
position: relative;
grid-column: 1 /span 2;
grid-row: 1;
z-index: 98;
order: 1;
margin-top: 5rem; }
position: fixed;
left: 5%;
top: 200px;
z-index: 98; }
@media (max-width: 891px) {
.layout-sidebar-first {
margin-left: 5%;
@ -399,13 +397,9 @@ footer span.totop {
width: 80%;
margin-top: 3rem; } }
.layout-sidebar-first .sidebar_first_container {
position: sticky;
position: -webkit-sticky;
top: 0;
align-self: flex-start;
display: flex;
flex-direction: column;
width: 80%;
width: 50%;
font-weight: 400; }
.layout-sidebar-first .sidebar_first_container .field-content {
margin-bottom: 0.5rem;

View File

@ -1,12 +1,15 @@
.layout-sidebar-first{
width: 25%;
display: flex;
justify-content: end;
position: relative;
grid-column: 1 /span 2;
grid-row: 1;
position: fixed;
left: 5%;
top: 200px;
z-index: 98;
order: 1;
margin-top: 5rem;
// order: 1;
// grid-column: 1 /span 2;
// grid-row: 1;
// margin-top: 5rem;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
@ -16,18 +19,10 @@
margin-top: 3rem;
}
.sidebar_first_container{
position: sticky;
position: -webkit-sticky;
top: 0;
align-self: flex-start;
display: flex;
flex-direction: column;
width: 80%;
// top: 10rem;
width: 50%;
font-weight: 400;
.field-content{
margin-bottom: 0.5rem;
font-size: 0.6rem;