diff --git a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css index 32f6969..c80b93f 100644 --- a/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css +++ b/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css @@ -10,6 +10,10 @@ max-width: 600px; margin: 0 auto; height: auto; + +} +#sites-map-container h2{ + font-size: 2rem; } @media (max-width: 810px) { #sites-map-container { @@ -56,10 +60,12 @@ #sites-map-container strong a { color: #f7002b; font-family: 'gilroy-bold'; + font-size: 0.6rem !important; + } #sites-map-container .link-30-projets{ - margin-bottom: 2rem; + padding-bottom: 2rem; } #sites-map-container .link-30-projets a { @@ -68,24 +74,27 @@ color: white; background: black; text-transform: uppercase; - font-size: 0.5rem; + font-size: 0.55rem; padding-left: 0.5rem; + padding-top: 0.1rem; + padding-bottom: 0.1rem; } #sites-map-container .link-30-projets a:after { display: inline-flex; content: url("../img/noun-arrow-to-right.svg"); - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.4rem; + padding-left: 0.4rem; + height: 10px; } #popup-content { width: 300px; padding-right: 30px; - font-size: 0.6rem !important; + font-size: 0.5rem !important; position: relative; } #popup-content p { - font-size: 0.6rem !important; + font-size: 0.5rem !important; } @media (max-width: 1089px) { #popup-content { @@ -100,7 +109,11 @@ padding-left: 0; position: relative; /* margin-top: 2rem; */ + font-size: 0.6rem !important; + padding-top: calc(1.8rem / 8); /* même valeur que ton margin-top */ + } + #popup-content ul::after { content: ""; position: absolute; @@ -117,7 +130,7 @@ font-family: "gilroy-semibold"; padding-top: 0.3rem; padding-bottom: 0.5rem; - background-color: #f6f7f3; + /* background-color: #f6f7f3; */ } #popup-content ul li::after { @@ -132,23 +145,28 @@ } +#popup-content ul li.laureat { + margin-top: 0; /* on enlève la marge qui cause le problème */ +} + /* Spécifique au li .laureat */ #popup-content ul li.laureat { - --badge-size: 2.6rem; /* taille du badge */ + --badge-size: 1.8rem; /* taille du badge */ margin-top: calc(var(--badge-size) / 2); /* on réserve de la place au-dessus */ padding-left: 0rem; /* place à gauche pour le badge */ + } /* Badge LAUREAT responsive */ #popup-content ul li.laureat::before { content: ""; position: absolute; - left: -1.5rem; /* aligne avec le début du contenu */ - top: -33%; /* milieu vertical du li */ + left: -1rem; /* aligne avec le début du contenu */ + top: -18%; /* milieu vertical du li */ /* top: calc(var(--badge-size) / 2); remonte dans la marge au-dessus */ width: var(--badge-size); height: var(--badge-size); - background-color: #f6f7f3; + /* background-color: #f6f7f3; */ background-image: url("../img/laureat-ouvert.svg"); background-repeat: no-repeat; background-position: center; @@ -156,6 +174,7 @@ z-index: -1; /* sous le texte mais au-dessus du fond */ } + /* Mobile : on resserre tout, le badge suit */ @media (max-width: 1089px) { #popup-content { diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 8afd6a2..970a14e 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -2408,24 +2408,24 @@ body { font-family: "gilroy-bold"; padding-bottom: 1rem; } -#home article.node-type-static .field_field_map_block #block-sitesmapblock { +#home article.node-type-static .field_field_map_block #block-projetsmapblock { background-color: #cecfcc; padding-top: 3rem; padding-left: 4rem; } @media (max-width: 1090px) { - #home article.node-type-static .field_field_map_block #block-sitesmapblock { + #home article.node-type-static .field_field_map_block #block-projetsmapblock { padding-left: 0rem; } } -#home article.node-type-static .field_field_map_block #block-sitesmapblock h2 { +#home article.node-type-static .field_field_map_block #block-projetsmapblock h2 { width: fit-content; margin: auto; font-size: 2rem; padding-bottom: 2rem; } @media (max-width: 1090px) { - #home article.node-type-static .field_field_map_block #block-sitesmapblock h2 { + #home article.node-type-static .field_field_map_block #block-projetsmapblock h2 { padding-bottom: 0rem; font-size: 1.8rem; } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss index f22b27a..9e02c89 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss @@ -47,6 +47,7 @@ #block-quartiers-de-demain-titredepage{ display: none; } + } .paragraph--type--static-parts{ padding-top: 4rem; @@ -153,7 +154,7 @@ } .field_field_map_block{ - #block-sitesmapblock{ + #block-projetsmapblock{ background-color: #cecfcc; padding-top: 3rem; padding-left: 4rem; @@ -705,6 +706,8 @@ } } + + }