prev next actus

This commit is contained in:
ouidade 2024-07-08 23:14:26 +02:00
parent 47792a44c0
commit 7a3edd55ae
4 changed files with 118 additions and 34 deletions

View File

@ -2112,7 +2112,28 @@ footer {
margin: auto; margin: auto;
align-items: center; 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; display: flex;
flex-direction: row; flex-direction: row;
border-top: solid red 1px; border-top: solid red 1px;
@ -2120,7 +2141,7 @@ footer {
padding: 1rem 0rem; padding: 1rem 0rem;
margin-bottom: 1rem; 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; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
@ -2128,20 +2149,20 @@ footer {
display: inline-flex; display: inline-flex;
align-items: center; 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"); content: url("../img/type-actu.svg");
padding-right: 0.4rem; 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; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
margin-left: 1rem; 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"); content: url("../img/date-actu.svg");
padding-right: 0.4rem; 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; font-size: 0.8rem;
} }

View File

@ -5,40 +5,64 @@
flex-direction: column; flex-direction: column;
margin: auto; margin: auto;
align-items: center; 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{ &::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{ &::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;
}
} }
} }

View File

@ -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>

View File

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