From 7a3edd55ae126629b57f08b5e3cf0dbb3c3fbed4 Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 8 Jul 2024 23:14:26 +0200 Subject: [PATCH] prev next actus --- .../dist/assets/css/bundle.css | 33 ++++++-- .../src/assets/scss/pages/actualite.scss | 76 ++++++++++++------- ...uartiers-de-demain-prevnextblock.html.twig | 40 ++++++++++ .../field--block-content--logo-link.html.twig | 3 +- 4 files changed, 118 insertions(+), 34 deletions(-) create mode 100644 web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-prevnextblock.html.twig 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 3138667..e04d524 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 @@ -2112,7 +2112,28 @@ footer { margin: auto; align-items: center; } -#page-node .content_container .infos-actu { +#page-node .content_container #block-quartiers-de-demain-prevnextblock { + padding-top: 1rem; +} +#page-node .content_container #block-quartiers-de-demain-prevnextblock .prev-actu { + padding-right: 0.5rem; +} +#page-node .content_container #block-quartiers-de-demain-prevnextblock .prev-actu::before { + content: url("../img/prev.svg"); +} +#page-node .content_container #block-quartiers-de-demain-prevnextblock .prev-actu span { + display: none; +} +#page-node .content_container #block-quartiers-de-demain-prevnextblock .next-actu span { + display: none; +} +#page-node .content_container #block-quartiers-de-demain-prevnextblock .next-actu::before { + content: url("../img/next.svg"); +} +#page-node .content_container .node-type-actualite { + width: 100%; +} +#page-node .content_container .node-type-actualite .infos-actu { display: flex; flex-direction: row; border-top: solid red 1px; @@ -2120,7 +2141,7 @@ footer { padding: 1rem 0rem; margin-bottom: 1rem; } -#page-node .content_container .infos-actu .field_field_type_d_actualite a { +#page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite a { text-transform: uppercase; color: red; font-size: 0.6rem; @@ -2128,20 +2149,20 @@ footer { display: inline-flex; align-items: center; } -#page-node .content_container .infos-actu .field_field_type_d_actualite a::before { +#page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite a::before { content: url("../img/type-actu.svg"); padding-right: 0.4rem; } -#page-node .content_container .infos-actu .field_field_date { +#page-node .content_container .node-type-actualite .infos-actu .field_field_date { color: red; display: inline-flex; align-items: center; margin-left: 1rem; } -#page-node .content_container .infos-actu .field_field_date::before { +#page-node .content_container .node-type-actualite .infos-actu .field_field_date::before { content: url("../img/date-actu.svg"); padding-right: 0.4rem; } -#page-node .content_container .field_body p { +#page-node .content_container .node-type-actualite .field_body p { font-size: 0.8rem; } \ No newline at end of file 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/actualite.scss index e373df1..809ea10 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/actualite.scss @@ -5,40 +5,64 @@ flex-direction: column; margin: auto; align-items: center; - .infos-actu{ - display: flex; - flex-direction: row; - border-top: solid red 1px; - border-bottom: solid red 1px; - padding: 1rem 0rem; - margin-bottom: 1rem; - .field_field_type_d_actualite a{ - text-transform: uppercase; - color: red; - font-size: 0.6rem; - font-weight: 600; - display: inline-flex; - align-items: center; + #block-quartiers-de-demain-prevnextblock{ + padding-top: 1rem; + .prev-actu{ + padding-right: 0.5rem; &::before{ - content: url('../img/type-actu.svg'); - padding-right: 0.4rem; + content: url('../img/prev.svg'); + } + span{ + display: none; } } - .field_field_date{ - color: red; - display: inline-flex; - align-items: center; - margin-left: 1rem; + .next-actu{ + span{ + display: none; + } &::before{ - content: url('../img/date-actu.svg'); - padding-right: 0.4rem; + content: url('../img/next.svg'); } } - } - .field_body p{ - font-size: 0.8rem; + .node-type-actualite{ + width: 100%; + .infos-actu{ + display: flex; + flex-direction: row; + border-top: solid red 1px; + border-bottom: solid red 1px; + padding: 1rem 0rem; + margin-bottom: 1rem; + .field_field_type_d_actualite a{ + text-transform: uppercase; + color: red; + font-size: 0.6rem; + font-weight: 600; + display: inline-flex; + align-items: center; + &::before{ + content: url('../img/type-actu.svg'); + padding-right: 0.4rem; + } + } + .field_field_date{ + color: red; + display: inline-flex; + align-items: center; + margin-left: 1rem; + &::before{ + content: url('../img/date-actu.svg'); + padding-right: 0.4rem; + } + } + + } + .field_body p{ + font-size: 0.8rem; + } } + } } diff --git a/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-prevnextblock.html.twig b/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-prevnextblock.html.twig new file mode 100644 index 0000000..8fc2272 --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-prevnextblock.html.twig @@ -0,0 +1,40 @@ +{# +/** + * @file + * Default theme implementation to display a block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - in_preview: Whether the plugin is being rendered in preview mode. + * - content: The content of this block. + * - attributes: array of HTML attributes populated by modules, intended to + * be added to the main container tag of this template. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * + * @see template_preprocess_block() + * + * @ingroup themeable + */ +#} + + {{ title_prefix }} + {% if label %} + {{ label }} + {% endif %} + {{ title_suffix }} + {% block content %} + {{ content }} + {% endblock %} + diff --git a/web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig b/web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig index b8795ed..2a112de 100644 --- a/web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig +++ b/web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig @@ -69,8 +69,7 @@
{% endif %} {% for item in items %} - {{ item.content }} -
+ {{ item.content }} {% endfor %} {% if multiple %}