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 bad20fe..1980d3c 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 @@ -460,7 +460,6 @@ header .header_nav_container #block-quartiers-de-demain-entete ul { padding-left: 1rem; padding-right: 1rem; margin: auto; - padding-top: 1%; } @media (max-width: 1025px) { header .header_nav_container #block-quartiers-de-demain-entete ul { @@ -499,6 +498,15 @@ header .header_nav_container #block-quartiers-de-demain-selecteurdelangue { width: fit-content; margin: auto; } +@media (max-width: 810px) { + header .header_nav_container #block-quartiers-de-demain-selecteurdelangue { + padding-bottom: 0.5rem; + margin-bottom: 0.5rem; + } + header .header_nav_container #block-quartiers-de-demain-selecteurdelangue .links { + margin-top: 0.5rem; + } +} header .header_nav_container.hidden { transform: translateX(30%); } @@ -578,7 +586,6 @@ header .header:hover + .header_nav_container { @media (max-width: 810px) { .header--collapsed-already { width: 100%; - height: 170px; } } @media (min-width: 1400px) { @@ -819,7 +826,7 @@ footer { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 { background-color: white; - padding: 0.3rem 1rem 1rem 1rem; + padding: 0.3rem 0.5rem 1rem 1rem; width: 100%; } @media (max-width: 810px) { @@ -3394,56 +3401,6 @@ body { display: flex; flex-direction: column; } -#page-node .content_container .node-type-actualite div { - order: 2; - display: flex; - flex-direction: column; -} -#page-node .content_container .node-type-actualite div .field_body { - order: 2; - padding-bottom: 2rem; - font-family: "gilroy-light"; -} -#page-node .content_container .node-type-actualite div .field_body p { - font-size: 0.8rem; -} -#page-node .content_container .node-type-actualite div .field_field_site { - margin-left: 0.5rem; - align-items: center; -} -#page-node .content_container .node-type-actualite div .field_field_site a { - color: red; - font-size: 0.7rem; - font-weight: 600; - display: inline-flex; - align-items: center; - padding-left: 0.1rem; -} -#page-node .content_container .node-type-actualite div .field_field_site a::before { - content: ""; - display: inline-block; - width: 10px; /* Ajuste la largeur */ - height: 20px; /* Ajuste la hauteur */ - background-image: url("../img/map_pointer.svg"); - background-size: contain; - background-repeat: no-repeat; - padding-right: 0.5rem; -} -#page-node .content_container .node-type-actualite div .field_field_images { - order: 5; -} -#page-node .content_container .node-type-actualite div .field_field_images img { - width: 100%; - height: auto; -} -#page-node .content_container .node-type-actualite div .field_field_images blockquote.image-field-caption { - margin-left: 0; - margin-top: 0; -} -#page-node .content_container .node-type-actualite div .field_field_images blockquote.image-field-caption p { - margin-top: 0; - font-size: 0.4rem; -} #page-node .content_container .node-type-actualite .infos-actu { order: 1; display: flex; @@ -3479,13 +3436,48 @@ body { content: url("../img/date-actu.svg"); padding-right: 0.4rem; } -#page-node .content_container .node-type-actualite .infos-actu .field_field_liens { - order: 3; - margin-left: 1rem; +#page-node .content_container .node-type-actualite .infos-actu .field_field_site { + margin-left: 0.5rem; + align-items: center; +} +#page-node .content_container .node-type-actualite .infos-actu .field_field_site a { + color: red; + font-size: 0.7rem; + font-weight: 600; + display: inline-flex; + align-items: center; + padding-left: 0.1rem; +} +#page-node .content_container .node-type-actualite .infos-actu .field_field_site a::before { + content: ""; + display: inline-block; + width: 10px; /* Ajuste la largeur */ + height: 20px; /* Ajuste la hauteur */ + background-image: url("../img/map_pointer.svg"); + background-size: contain; + background-repeat: no-repeat; + padding-right: 0.5rem; +} +#page-node .content_container .node-type-actualite .content-wrapper-actu { + order: 2; + display: flex; + flex-direction: column; +} +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_body { + order: 1; + padding-bottom: 1rem; + font-family: "gilroy-light"; +} +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_body p { + font-size: 0.8rem; +} +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_liens { + order: 2; width: fit-content; display: block !important; + margin-bottom: 1rem; } -#page-node .content_container .node-type-actualite .infos-actu .field_field_liens a { +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_liens a { display: flex; flex-direction: row; padding-left: 0.5rem; @@ -3496,15 +3488,30 @@ body { text-transform: uppercase; font-size: 0.6rem; } -#page-node .content_container .node-type-actualite .infos-actu .field_field_liens a svg { +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_liens a svg { display: none; } -#page-node .content_container .node-type-actualite .infos-actu .field_field_liens a::after { +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_liens a::after { display: inline-flex; content: url("../img/noun-arrow-to-right.svg"); padding-right: 0.2rem; padding-left: 0.2rem; } +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_images { + order: 3; +} +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_images img { + width: 100%; + height: auto; +} +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_images blockquote.image-field-caption { + margin-left: 0; + margin-top: 0; +} +#page-node .content_container .node-type-actualite .content-wrapper-actu .field_field_images blockquote.image-field-caption p { + margin-top: 0; + font-size: 0.4rem; +} #page-node .content_container .toggle-actualite { visibility: hidden; } @@ -4372,7 +4379,7 @@ main { #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage { display: flex; margin: auto; - margin-top: 14rem; + margin-top: 16rem; } } #actualites .layout-content .content_container #block-quartiers-de-demain-titredepage h1 { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss index 7509608..4dea8c6 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss @@ -30,7 +30,7 @@ @media(max-width: 810px){ display: flex; margin:auto; - margin-top: 14rem; + margin-top: 16rem; } h1{ width: fit-content; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss similarity index 91% rename from web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss rename to web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss index caf2261..12908a6 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-actualite.scss @@ -35,66 +35,6 @@ padding-bottom: 7rem; display: flex; flex-direction: column; - div{ - order: 2; - display: flex; - flex-direction: column; - .field_body { - order: 2; - padding-bottom: 2rem; - // opacity:1 !important; - // display: block !important; - font-family: "gilroy-light" ; - p{ - font-size: 0.8rem; - } - } - .field_field_site{ - // margin-top: 0.2rem; - margin-left: 0.5rem; - align-items: center; - - a{ - color: red; - font-size: 0.7rem; - font-weight: 600; - display: inline-flex; - align-items: center; - // margin-left: 1rem; - padding-left: 0.1rem; - - &::before{ - content: ""; - display: inline-block; - width: 10px; /* Ajuste la largeur */ - height: 20px; /* Ajuste la hauteur */ - background-image: url("../img/map_pointer.svg"); - background-size: contain; - background-repeat: no-repeat; - // margin-right: 0.4rem; - padding-right: 0.5rem; - } - } - } - - - .field_field_images{ - order: 5; - img{ - width: 100%; - height: auto; - } - blockquote.image-field-caption{ - margin-left: 0; - margin-top: 0; - p{ - margin-top: 0; - font-size: 0.4rem; - } - - } - } - } .infos-actu{ order: 1; @@ -104,7 +44,6 @@ border-bottom: solid red 1px; padding: 1rem 0rem; margin-bottom: 1rem; - // justify-content: space-around; .field_field_type_d_actualite a{ text-transform: uppercase; @@ -133,14 +72,51 @@ padding-right: 0.4rem; } } + .field_field_site{ + margin-left: 0.5rem; + align-items: center; + + a{ + color: red; + font-size: 0.7rem; + font-weight: 600; + display: inline-flex; + align-items: center; + padding-left: 0.1rem; + + &::before{ + content: ""; + display: inline-block; + width: 10px; /* Ajuste la largeur */ + height: 20px; /* Ajuste la hauteur */ + background-image: url("../img/map_pointer.svg"); + background-size: contain; + background-repeat: no-repeat; + padding-right: 0.5rem; + } + } + } + + + } + .content-wrapper-actu{ + order: 2; + display: flex; + flex-direction: column; + .field_body { + order: 1; + padding-bottom: 1rem; + font-family: "gilroy-light" ; + p{ + font-size: 0.8rem; + } + } + .field_field_liens{ - order: 3; - // padding-bottom: 2rem; - // padding-top: 2rem; - margin-left: 1rem; + order: 2; width: fit-content; display: block !important; - + margin-bottom: 1rem; a{ display: flex; flex-direction: row; @@ -165,9 +141,26 @@ } } - + + .field_field_images{ + order: 3; + img{ + width: 100%; + height: auto; + } + blockquote.image-field-caption{ + margin-left: 0; + margin-top: 0; + p{ + margin-top: 0; + font-size: 0.4rem; + } + + } + } } + } .toggle-actualite{ diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss index 4a9a66f..a4f6888 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss @@ -19,7 +19,7 @@ #block-quartiers-de-demain-formulaireexposeressourcespage-1, #block-quartiers-de-demain-formulaireexposeactuspage-1{ background-color: white; - padding: 0.3rem 1rem 1rem 1rem; + padding: 0.3rem 0.5rem 1rem 1rem; width: 100%; @media(max-width: 810px){ display: flex; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss index 918be4e..96ec7d9 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss @@ -213,7 +213,7 @@ header{ padding-left: 1rem; padding-right: 1rem; margin: auto; - padding-top: 1%; + // padding-top: 5%; @media(max-width: 1025px){ top: 0; align-items: center; @@ -261,6 +261,13 @@ header{ #block-quartiers-de-demain-selecteurdelangue{ width: fit-content; margin: auto; + @media(max-width: 810px){ + padding-bottom: 0.5rem; + margin-bottom: 0.5rem; + .links{ + margin-top: 0.5rem; + } + } } } @@ -333,7 +340,7 @@ header{ } @media(max-width: 810px){ width: 100%; - height: 170px; + // height: 170px; } @media (min-width: 1400px) { height: $header-height-big; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss index ff23a34..3bb741d 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss @@ -46,7 +46,7 @@ @import "pages/partenaires"; @import "pages/pour_candidater"; @import "pages/static"; -@import "pages/actualite"; +@import "pages/node-type-actualite"; @import "pages/node-type-site"; @import "pages/lessites.scss"; @import "pages/ressources";