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