From 5bd85f61d514f204246e2608751308765bec4930 Mon Sep 17 00:00:00 2001 From: Valentin Date: Wed, 27 Nov 2024 19:40:57 +0100 Subject: [PATCH] corrections graphiques --- web/themes/erabletheme/css/styles.css | 54 +++++++++---------- web/themes/erabletheme/scss/_gouvernance.scss | 2 +- 2 files changed, 28 insertions(+), 28 deletions(-) diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css index 1cc0e9a..3fb2e36 100644 --- a/web/themes/erabletheme/css/styles.css +++ b/web/themes/erabletheme/css/styles.css @@ -1710,7 +1710,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > } @media screen and (min-width: 1080px) { - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2.5vw; @@ -1718,7 +1718,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding: 0 3vw; } } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe { height: auto; display: grid; grid-template-columns: 30vw auto 1fr; @@ -1726,22 +1726,22 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > margin-bottom: 5vh; padding: 0 3vw !important; } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe:first-of-type { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe:first-of-type { margin-top: 5vh; } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .portrait { grid-row: 1/3; } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .portrait > div { display: flex; align-items: center; } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .portrait > div > div { width: 20vw; height: 20vw; position: relative; } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div img { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .portrait > div > div img { border-radius: 10vw; width: 100%; height: 100%; @@ -1749,7 +1749,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > padding: 1px; filter: grayscale(100%); } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div::after { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .portrait > div > div::after { top: 0; left: 0; position: absolute; @@ -1761,8 +1761,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > display: block; pointer-events: none; } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom, -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .nom { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom, +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom { align-self: flex-end; margin-bottom: 2vh; font-family: "Marianne", sans-serif; @@ -1772,70 +1772,70 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) > line-height: 1.3; } @media (min-width: 760px) { - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom, - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .nom { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom, + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom { font-size: 1.2rem; } } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .nom > div { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom > div { padding-left: 0.5rem; } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .texte { grid-column: 2/4; font-family: "Marianne", sans-serif; font-size: 1rem; line-height: 1.4; } -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte p { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .texte p { margin-top: 0 !important; padding-left: 0 !important; } @media screen and (min-width: 760px) { - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe { grid-template-columns: 10vw auto 1fr; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .portrait > div > div { width: 10vw; height: 10vw; border-radius: 5vw; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom { padding-left: 3vw; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte p { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .texte p { padding-left: 3vw !important; } } @media screen and (min-width: 1080px) { - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe { padding: 0 !important; grid-template-columns: auto 1fr; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .portrait { grid-column: 1/3; grid-row: 1/1; width: 7vw; height: 7vw; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .portrait > div > div { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .portrait > div > div { width: 7vw; height: 7vw; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom, - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .nom { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom, + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .nom { margin-top: 0.8rem; align-self: start; padding: 0 !important; grid-row: 2/2; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .prenom { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .prenom { justify-self: end; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .texte { grid-column: 1/3; grid-row: 3/3; } - .fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type .paragraph--type--membre-equipe > .texte p { + .fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) .paragraph--type--membre-equipe > .texte p { padding: 0 !important; margin: 0 !important; } diff --git a/web/themes/erabletheme/scss/_gouvernance.scss b/web/themes/erabletheme/scss/_gouvernance.scss index be5f5d5..cab78da 100644 --- a/web/themes/erabletheme/scss/_gouvernance.scss +++ b/web/themes/erabletheme/scss/_gouvernance.scss @@ -1,4 +1,4 @@ -.fullpage_content:has(.paragraph--type--membre-equipe):not(.equipe) > div > div:last-of-type { +.fullpage_content:has(.paragraph--type--membre-equipe) > div > div:last-of-type:not(.equipe) { @media screen and (min-width: $breakpoint_desktop) { display: grid; grid-template-columns: 1fr 1fr;