diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css index 2a96742..1908f61 100644 --- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css +++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css @@ -377,6 +377,8 @@ header { width: 80%; margin-top: 3rem; } } .layout-sidebar-first .sidebar_first_container { + display: flex; + flex-direction: column; width: 80%; position: sticky; position: -webkit-sticky; @@ -388,8 +390,10 @@ header { .layout-sidebar-first .sidebar_first_container { display: none; } } .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-block-1 { + order: 1; text-transform: uppercase; } .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 { + order: 2; border-top: 2px solid #0732c2; padding-top: 0.3rem; } .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes { @@ -616,11 +620,6 @@ header { width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); } - #presentation .layout-sidebar-first { - position: relative; } - #presentation .layout-sidebar-first .sidebar_first_container { - position: sticky; - position: -webkit-sticky; } #presentation .layout-content { grid-row: 1; order: 2; @@ -735,7 +734,8 @@ header { padding-right: 0.5rem; } #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img { width: 40px; - height: auto; } + height: auto; + margin: auto; } @media (max-width: 891px) { #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img { width: 30px; } } diff --git a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss index a448d56..8647f0c 100644 --- a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss +++ b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss @@ -4,13 +4,7 @@ display: grid; grid-template-columns: repeat(12, 1fr); // grid-gap: 10px; - .layout-sidebar-first{ - position: relative; - .sidebar_first_container{ - position: sticky; - position: -webkit-sticky; - } - } + .layout-content{ // grid-column: 3 / 11; grid-row: 1; @@ -168,6 +162,7 @@ img{ width: 40px; height: auto; + margin: auto; @media(max-width: 891px){ width: 30px; } diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss index d4e625a..189630e 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss @@ -16,6 +16,8 @@ margin-top: 3rem; } .sidebar_first_container{ + display: flex; + flex-direction: column; width: 80%; position: sticky; position: -webkit-sticky; @@ -29,9 +31,11 @@ } #block-quartiers-de-demain-views-block-statics-block-1{ + order: 1; text-transform: uppercase; } #block-quartiers-de-demain-views-block-statics-fields-block-1{ + order: 2; border-top: 2px solid $blue_QDD; padding-top: 0.3rem; .views-field-field-pieces-jointes{ diff --git a/web/themes/custom/quartiers_de_demain/templates/paragraph.html.twig b/web/themes/custom/quartiers_de_demain/templates/paragraph.html.twig index cff8fa5..c6a1bd6 100644 --- a/web/themes/custom/quartiers_de_demain/templates/paragraph.html.twig +++ b/web/themes/custom/quartiers_de_demain/templates/paragraph.html.twig @@ -52,7 +52,6 @@ {% block content %} - {{ content }} {% endblock %}