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

ajustement design

This commit is contained in:
ouidade 2024-03-05 16:09:13 +01:00
parent 01533549d4
commit 094fb35c8e
3 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -178,8 +178,8 @@ header {
display: flex;
flex-direction: row;
border-right: 1px solid #808080;
padding-left: 5%;
padding-right: 5%; }
padding-left: 2%;
padding-right: 2%; }
@media (max-width: 660px) {
header .header_left_container {
height: inherit; } }
@ -192,8 +192,7 @@ header {
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
height: 110px; } }
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
margin-left: auto;
padding-right: 5%; }
margin-left: auto; }
header .header_left_container img {
width: auto;
height: 150px; }
@ -617,6 +616,11 @@ header {
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr); }
#presentation .layout-sidebar-first {
position: relative; }
#presentation .layout-sidebar-first .sidebar_first_container {
position: sticky;
position: -webkit-sticky; }
#presentation .layout-content {
grid-row: 1;
order: 2;

7
web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
View File

@ -4,6 +4,13 @@
display: grid;
grid-template-columns: repeat(12, 1fr);
// grid-gap: 10px;
.layout-sidebar-first{
position: relative;
.sidebar_first_container{
position: sticky;
position: -webkit-sticky;
}
}
.layout-content{
// grid-column: 3 / 11;
grid-row: 1;

6
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
View File

@ -34,8 +34,8 @@ header{
display: flex;
flex-direction: row;
border-right: 1px solid #808080;
padding-left: 5%;
padding-right: 5%;
padding-left: 2%;
padding-right: 2%;
@media(max-width: 660px){
height: inherit;
}
@ -53,7 +53,7 @@ header{
}
#block-quartiers-de-demain-logoquartiersdedemain{
margin-left: auto;
padding-right: 5%;
// padding-right: 5%;
}
img{
width: auto;