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

affichage correct layout d'admin

This commit is contained in:
Valentin 2024-01-06 08:57:17 +01:00
parent 09e205ff09
commit 869d880264
4 changed files with 55 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
web/themes/erabletheme/css/styles.css
View File

@ -50,12 +50,21 @@ a {
} }
/* PARTIALS */ /* PARTIALS */
body.toolbar-tray-open header {
left: 15rem !important;
width: calc(100% - 15rem) !important;
}
body.toolbar-fixed header {
top: 2.4em !important;
}
.layout-container { .layout-container {
width: 100vw; width: 100%;
overflow: hidden; overflow: hidden;
} }
.layout-container header { .layout-container header {
width: 100vw; width: 100%;
background: white; background: white;
position: fixed; position: fixed;
top: 0; top: 0;
@ -71,7 +80,7 @@ a {
justify-content: space-between; justify-content: space-between;
} }
.layout-container header div #block-erabletheme-logorepublique { .layout-container header div #block-erabletheme-logorepublique {
width: 15vw; width: 15%;
} }
.layout-container header div #block-erabletheme-logorepublique a { .layout-container header div #block-erabletheme-logorepublique a {
display: flex; display: flex;
@ -94,13 +103,13 @@ a {
} }
@media (min-width: 1080px) { @media (min-width: 1080px) {
.layout-container header div #block-erabletheme-logorepublique { .layout-container header div #block-erabletheme-logorepublique {
width: 10vw; width: 10%;
padding-right: 1vw; padding-right: 1%;
} }
} }
.layout-container header div #block-erabletheme-logoerable { .layout-container header div #block-erabletheme-logoerable {
max-height: 100%; max-height: 100%;
width: 20vw; width: 20%;
} }
.layout-container header div #block-erabletheme-logoerable > div { .layout-container header div #block-erabletheme-logoerable > div {
width: auto; width: auto;
@ -119,17 +128,18 @@ a {
} }
@media (min-width: 1080px) { @media (min-width: 1080px) {
.layout-container header div #block-erabletheme-logoerable { .layout-container header div #block-erabletheme-logoerable {
width: 10vw; width: 10%;
padding-left: 3vw; padding-left: 3%;
padding-top: 0.4rem; padding-top: 0.4rem;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
} }
} }
.layout-container header div #block-erabletheme-navigationprincipale { .layout-container header div #block-erabletheme-navigationprincipale {
display: none; display: none;
width: 60%;
} }
.layout-container header div #block-erabletheme-navigationprincipale ul { .layout-container header div #block-erabletheme-navigationprincipale ul {
width: 60vw; width: 100%;
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
@ -159,8 +169,8 @@ a {
} }
} }
.layout-container header div #block-erabletheme-socialmedialinks { .layout-container header div #block-erabletheme-socialmedialinks {
width: 7vw; width: 7%;
margin: 0 calc((20vw - (7vw + 7vh)) / 2); margin: 0 calc((20% - (7% + 7vh)) / 2);
display: none; display: none;
} }
.layout-container header div #block-erabletheme-socialmedialinks ul { .layout-container header div #block-erabletheme-socialmedialinks ul {
@ -631,7 +641,7 @@ a {
} }
.actu_full h2 { .actu_full h2 {
padding-top: 0 !important; padding-top: 0 !important;
margin-bottom: 0 !important; margin-bottom: 2rem !important;
} }
.actu_full h2 + div { .actu_full h2 + div {
position: relative; position: relative;
@ -640,6 +650,9 @@ a {
.actu_full h2 + div .visually-hidden { .actu_full h2 + div .visually-hidden {
width: 0% !important; width: 0% !important;
} }
.actu_full h2 + div .sous_titre {
margin-top: -1.5rem;
}
.actu_full h2 + div .sous_titre > div > div { .actu_full h2 + div .sous_titre > div > div {
font-size: 1.3rem; font-size: 1.3rem;
margin-bottom: 30px; margin-bottom: 30px;

2
web/themes/erabletheme/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

8
web/themes/erabletheme/scss/partials/_articles.scss
View File

@ -21,7 +21,7 @@
} }
h2 { h2 {
padding-top: 0 !important; padding-top: 0 !important;
margin-bottom: 0 !important; margin-bottom: 2rem !important;
} }
h2 + div { h2 + div {
position: relative; position: relative;
@ -29,10 +29,14 @@
.visually-hidden { .visually-hidden {
width: 0% !important; width: 0% !important;
} }
.sous_titre > div > div { .sous_titre {
margin-top: -1.5rem;
> div > div {
font-size: $l_font_size; font-size: $l_font_size;
margin-bottom: 30px; margin-bottom: 30px;
} }
}
> div { > div {
> div { > div {
width: 100%; width: 100%;

32
web/themes/erabletheme/scss/partials/_header.scss
View File

@ -1,9 +1,18 @@
body.toolbar-tray-open header {
left: 15rem !important;
width: calc(100% - 15rem) !important;
}
body.toolbar-fixed header {
top: 2.4em !important;
}
.layout-container { .layout-container {
width: 100vw; width: 100%;
overflow: hidden; overflow: hidden;
header { header {
width: 100vw; width: 100%;
background: white; background: white;
position: fixed; position: fixed;
top: 0; top: 0;
@ -17,7 +26,7 @@
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: space-between; justify-content: space-between;
#block-erabletheme-logorepublique { #block-erabletheme-logorepublique {
width: 15vw; width: 15%;
a { a {
display: flex; display: flex;
align-items: center; align-items: center;
@ -34,13 +43,13 @@
padding-right: 2rem; padding-right: 2rem;
} }
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
width: 10vw; width: 10%;
padding-right: 1vw; padding-right: 1%;
} }
} }
#block-erabletheme-logoerable { #block-erabletheme-logoerable {
max-height: 100%; max-height: 100%;
width: 20vw; width: 20%;
> div { > div {
width: auto; width: auto;
a { a {
@ -57,16 +66,17 @@
} }
} }
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
width: 10vw; width: 10%;
padding-left: 3vw; padding-left: 3%;
padding-top: 0.4rem; padding-top: 0.4rem;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
} }
} }
#block-erabletheme-navigationprincipale { #block-erabletheme-navigationprincipale {
display: none; display: none;
width: 60%;
ul { ul {
width: 60vw; width: 100%;
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
@ -95,8 +105,8 @@
} }
} }
#block-erabletheme-socialmedialinks { #block-erabletheme-socialmedialinks {
width: 7vw; width: 7%;
margin: 0 calc((20vw - (7vw + 7vh)) / 2); margin: 0 calc((20% - (7% + 7vh)) / 2);
display: none; display: none;
ul { ul {
height: 100%; height: 100%;