bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
View File

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

25
web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss
View File

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