diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 9321fc5..c500cc8 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -308,20 +308,19 @@ a { margin: 0; padding-bottom: 1rem; } -.field--name-field-partenaires { - display: flex; - flex-direction: column; } +.field--name-field-partenaires .paragraph--type--partenaire { + display: grid; + grid-template-columns: 1fr 2fr; + grid-template-areas: "logo content"; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo { - display: block; - width: 30%; - height: inherit; - float: left; } + grid-area: logo; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre { - clear: both; - width: 70%; + grid-area: content; font-weight: 800; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte { - width: 70%; } + grid-area: content; } + .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien { + grid-area: content; } .node-type-actualite { color: #09398b; diff --git a/web/themes/custom/eql/scss/pages/_partenaires.scss b/web/themes/custom/eql/scss/pages/_partenaires.scss index 3084d78..3787ed0 100644 --- a/web/themes/custom/eql/scss/pages/_partenaires.scss +++ b/web/themes/custom/eql/scss/pages/_partenaires.scss @@ -2,23 +2,35 @@ .field--name-field-partenaires{ - display: flex; - flex-direction: column; + // display: flex; + // flex-direction: column; .paragraph--type--partenaire{ + // display: flex; + // flex-direction: column; + display: grid; + grid-template-columns: 1fr 2fr; + grid-template-areas: "logo content"; .field--name-field-logo{ - display: block; - width: 30%; - height: inherit; - float: left; + grid-area: logo; + + // width: 30%; + // order: -1; + // flex: 0 0 100%; + } .field--name-field-titre{ - clear: both; - width: 70%; + // // clear: both; + // width: 70%; + grid-area: content; font-weight: 800; } .field--name-field-texte{ - width: 70%; + // width: 70%; + grid-area: content; + } + .field--name-field-lien{ + grid-area: content; } } diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index 32d4f4a..934e4e7 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -2,9 +2,9 @@ .layout-container{ position: relative; } -header{ +header{ display: block; - position: sticky; + position: sticky; // sticky marche pas :( } @@ -20,7 +20,7 @@ header{ top:0%; - .region-header-top-left { + .region-header-top-left { // logo + menu déroulant display:flex; flex-direction: row; padding: 1rem; @@ -43,6 +43,8 @@ header{ padding-right: 1rem; a { color: $black; + // font-weight: 800; + } .is-active { color: $blue-light; @@ -86,7 +88,7 @@ header{ } - #block-burger { + #block-burger { // menu burger à droite z-index: 1; background-color: $blue-light; font-size: 0.5rem; @@ -127,24 +129,23 @@ header{ z-index: 99; } - ul { - display: none; - background-color: $blue-light; - line-height: 2rem; - list-style: none; - - .ul1 .sous-liste{ - a{ - opacity: 1; - } - } - a{ - opacity: 0.6; - color: $white; - font-weight: 800; - font-size: 1rem; - } + ul { + display: none; + background-color: $blue-light; + line-height: 2rem; + list-style: none; + .ul1 .sous-liste{ + a{ + opacity: 1; + } + } + a{ + opacity: 0.6; + color: $white; + font-weight: 800; + font-size: 1rem; + } } &.opened ul { display: block;