prev next actus

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;
 }

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{
+            #block-quartiers-de-demain-prevnextblock{
-                display: flex;
+                padding-top: 1rem;
-                flex-direction: row;
+                .prev-actu{
-                border-top: solid red 1px;
+                    padding-right: 0.5rem;
-                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');
+                        content: url('../img/prev.svg');
-                        padding-right: 0.4rem;
+                    }
+                    span{
+                        display: none;
                     }
                 }
-                .field_field_date{
+                .next-actu{
-                    color: red;
+                    span{
-                    display: inline-flex;
+                        display: none;
-                    align-items: center;
+                    }
-                    margin-left: 1rem;
                     &::before{
-                        content: url('../img/date-actu.svg');
+                        content: url('../img/next.svg');
-                        padding-right: 0.4rem;
                     }
                 }
+            }
+            .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;
+                }
             }
-            .field_body p{
+
-                font-size: 0.8rem;
-            }
         
         }
     }

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
+ */
+#}
+<div{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>

web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig

@@ -69,8 +69,7 @@
       <div>
     {% endif %}
     {% for item in items %}
-      <div{{ item.attributes }}>{{ item.content }}
+      <div{{ item.attributes }}>{{ item.content }} </div>
-      </div>
     {% endfor %}
     {% if multiple %}
       </div>