18 Commits

Author SHA1 Message Date
eb0b690542 live-youtub home block 2025-03-01 23:38:17 +01:00
3a68d5a2c8 home map label 2025-03-01 23:11:49 +01:00
601a784163 poids fichier 2025-02-03 12:21:20 +01:00
5cbaa3e7e3 video site 2025-02-03 12:00:39 +01:00
7f0227bb06 taile fichier display none 2025-01-16 10:18:22 +01:00
b3acc28592 Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain 2025-01-13 12:02:59 +01:00
d91e0aa86e taille docs 2025-01-13 12:02:29 +01:00
5a48eee4ef custom map language aware links url; patched core for image field link language aware 2024-12-02 11:03:07 +01:00
bfb94ef05b responsive header nav et taille carte, fix css 2024-11-21 10:42:14 +01:00
e50c8d95a2 patched image_field_caption THE PATCH previous commit wont work withour it git add patches/image_field_caption_3472997_12.patch -f! 2024-11-20 12:37:02 +01:00
b864319025 patched image_field_caption caption translation 2024-11-20 12:32:00 +01:00
e5a0323a8a patched image_field_caption WARNING pmu image_field_caption before applying this commit 2024-11-20 12:28:02 +01:00
471d16089b css infos sites et flèches actus caroussel 2024-11-20 11:48:08 +01:00
69d780a12f site info translation fix 2024-11-19 15:50:40 +01:00
1e10015d88 home actus language duplicate fix 2024-11-18 12:50:44 +01:00
f0d07f6de6 langswitcher mobile 2024-11-14 13:40:02 +01:00
fb294a22d6 Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain 2024-11-14 12:44:08 +01:00
5e2cdd8d3e langswitcher mobile 2024-11-14 12:44:00 +01:00
36 changed files with 2176 additions and 91 deletions

View File

@ -24,7 +24,7 @@
"drupal/editor_advanced_link": "^2.2",
"drupal/geofield": "^1.60",
"drupal/image_delta_formatter": "^1.2",
"drupal/image_field_caption": "^2.0",
"drupal/image_field_caption": "2.0.x-dev@dev",
"drupal/leaflet": "^10.2",
"drupal/leaflet_more_maps": "^2.2",
"drupal/linked_field": "^1.5",
@ -126,9 +126,20 @@
"merge-extra": true
},
"patches": {
"drupal/core": {
"Image field generates only default language URL when linking to corresponding entity. https://www.drupal.org/node/2645922?no_cache=1733132298":"https://www.drupal.org/files/issues/2021-03-15/2645922-45.patch"
},
"drupal/social_media_links":{
"Replace Twitter with X https://www.drupal.org/project/social_media_links/issues/3384469": "https://www.drupal.org/files/issues/2023-09-12/social_media_links-change_twitter_to_x-3384469-7.patch"
},
"drupal/image_field_caption":{
"Rewrite module to use default field storage https://www.drupal.org/project/image_field_caption/issues/3472997": "./patches/image_field_caption_3472997_12.patch"
},
"drupal/video_embed_field":{
"Support Youtube Live urls https://www.drupal.org/project/video_embed_field/issues/3417567":"https://www.drupal.org/files/issues/2024-01-27/video_embed_field--support-live--3417567--2.patch"
}
},
"oldpatches": {
}
}
}

24
composer.lock generated
View File

@ -4,7 +4,7 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
"This file is @generated automatically"
],
"content-hash": "3f682451141745b61e2f384d1c28ce84",
"content-hash": "21ca923d67e614146f8e96c3190d1cde",
"packages": [
{
"name": "asm89/stack-cors",
@ -4550,29 +4550,26 @@
},
{
"name": "drupal/image_field_caption",
"version": "2.0.1",
"version": "dev-2.0.x",
"source": {
"type": "git",
"url": "https://git.drupalcode.org/project/image_field_caption.git",
"reference": "2.0.1"
},
"dist": {
"type": "zip",
"url": "https://ftp.drupal.org/files/projects/image_field_caption-2.0.1.zip",
"reference": "2.0.1",
"shasum": "053e1ccfc638b3b2cd5c59c3c6a053e4e5041183"
"reference": "b0c155d5aac125666f01c0aa102a8a1f88b1f955"
},
"require": {
"drupal/core": "^9 || ^10"
},
"type": "drupal-module",
"extra": {
"branch-alias": {
"dev-2.0.x": "2.0.x-dev"
},
"drupal": {
"version": "2.0.1",
"datestamp": "1705443097",
"version": "2.0.x-dev",
"datestamp": "1711647363",
"security-coverage": {
"status": "covered",
"message": "Covered by Drupal's security advisory policy"
"status": "not-covered",
"message": "Dev releases are not covered by Drupal security advisories."
}
}
},
@ -12961,6 +12958,7 @@
"drupal/entity_clone": 20,
"drupal/field_group": 20,
"drupal/filter_perms": 20,
"drupal/image_field_caption": 20,
"drupal/inline_entity_form": 5,
"drupal/linkit": 10,
"drupal/login_destination": 20,

View File

@ -0,0 +1,8 @@
uuid: dc650ace-a4b8-479c-bb14-fa42e7534214
langcode: fr
status: true
dependencies: { }
id: live_youtube
label: live-youtube
revision: 0
description: ''

View File

@ -0,0 +1,49 @@
uuid: 9d4c0c8b-d55b-4f5d-a1b8-f1df7af95607
langcode: fr
status: true
dependencies:
config:
- block_content.type.live_youtube
- field.field.block_content.live_youtube.field_descritpion
- field.field.block_content.live_youtube.field_titre
- field.field.block_content.live_youtube.field_youtube
module:
- text
- video_embed_field
id: block_content.live_youtube.default
targetEntityType: block_content
bundle: live_youtube
mode: default
content:
field_descritpion:
type: text_textarea
weight: 2
region: content
settings:
rows: 5
placeholder: ''
third_party_settings: { }
field_titre:
type: string_textfield
weight: 1
region: content
settings:
size: 60
placeholder: ''
third_party_settings: { }
field_youtube:
type: video_embed_field_textfield
weight: 3
region: content
settings: { }
third_party_settings: { }
info:
type: string_textfield
weight: 0
region: content
settings:
size: 60
placeholder: ''
third_party_settings: { }
hidden:
langcode: true

View File

@ -0,0 +1,48 @@
uuid: a96096d1-f93c-48f3-9b6c-f9940f4ee2fc
langcode: fr
status: true
dependencies:
config:
- block_content.type.live_youtube
- field.field.block_content.live_youtube.field_descritpion
- field.field.block_content.live_youtube.field_titre
- field.field.block_content.live_youtube.field_youtube
module:
- manage_display
- text
- video_embed_field
id: block_content.live_youtube.default
targetEntityType: block_content
bundle: live_youtube
mode: default
content:
field_descritpion:
type: text_default
label: visually_hidden
settings: { }
third_party_settings: { }
weight: 1
region: content
field_titre:
type: title
label: visually_hidden
settings:
link_to_entity: false
tag: h2
third_party_settings: { }
weight: 0
region: content
field_youtube:
type: video_embed_field_video
label: visually_hidden
settings:
autoplay: true
responsive: true
width: 854
height: 480
third_party_settings: { }
weight: 2
region: content
hidden:
langcode: true
search_api_excerpt: true

View File

@ -4,7 +4,7 @@ status: true
dependencies:
config:
- field.field.paragraph.site_diapo.field_images
- image.style.wide
- image.style.very_large
- paragraphs.paragraphs_type.site_diapo
module:
- image_field_caption
@ -17,12 +17,12 @@ content:
type: image_caption
label: visually_hidden
settings:
image_style: wide
image_style: very_large
image_link: ''
image_loading:
attribute: lazy
third_party_settings: { }
weight: 0
weight: 2
region: content
hidden:
search_api_excerpt: true

View File

@ -0,0 +1,24 @@
uuid: e3139bc9-11e2-49a5-a296-5d6f08499a78
langcode: fr
status: true
dependencies:
config:
- block_content.type.live_youtube
- field.storage.block_content.field_descritpion
- filter.format.wysiwyg
module:
- text
id: block_content.live_youtube.field_descritpion
field_name: field_descritpion
entity_type: block_content
bundle: live_youtube
label: Description
description: ''
required: false
translatable: false
default_value: { }
default_value_callback: ''
settings:
allowed_formats:
- wysiwyg
field_type: text_long

View File

@ -0,0 +1,19 @@
uuid: f32e837b-2b65-438e-9b1a-681267ed114d
langcode: fr
status: true
dependencies:
config:
- block_content.type.live_youtube
- field.storage.block_content.field_titre
id: block_content.live_youtube.field_titre
field_name: field_titre
entity_type: block_content
bundle: live_youtube
label: Titre
description: ''
required: false
translatable: false
default_value: { }
default_value_callback: ''
settings: { }
field_type: string

View File

@ -0,0 +1,25 @@
uuid: 0557bdb1-03b5-4b9f-8941-63d7880a2e88
langcode: fr
status: true
dependencies:
config:
- block_content.type.live_youtube
- field.storage.block_content.field_youtube
module:
- video_embed_field
id: block_content.live_youtube.field_youtube
field_name: field_youtube
entity_type: block_content
bundle: live_youtube
label: youtube
description: ''
required: false
translatable: false
default_value: { }
default_value_callback: ''
settings:
allowed_providers:
youtube: youtube
youtube_playlist: '0'
vimeo: '0'
field_type: video_embed_field

View File

@ -13,6 +13,7 @@ third_party_settings:
translation_sync:
alt: alt
title: title
caption: caption
file: '0'
id: node.actualite.field_images
field_name: field_images
@ -43,6 +44,6 @@ settings:
width: null
height: null
caption: ''
caption_field: 1
caption_field_required: 0
caption_field: true
caption_field_required: false
field_type: image

View File

@ -13,6 +13,7 @@ third_party_settings:
translation_sync:
alt: alt
title: title
caption: caption
file: '0'
id: paragraph.site_diapo.field_images
field_name: field_images
@ -43,6 +44,6 @@ settings:
width: null
height: null
caption: ''
caption_field: 1
caption_field_required: 0
caption_field: true
caption_field_required: false
field_type: image

View File

@ -0,0 +1,19 @@
uuid: 833e03f3-0e59-4537-b1eb-3d5b3eba9e0f
langcode: fr
status: true
dependencies:
module:
- block_content
- text
id: block_content.field_descritpion
field_name: field_descritpion
entity_type: block_content
type: text_long
settings: { }
module: text
locked: false
cardinality: 1
translatable: true
indexes: { }
persist_with_no_fields: false
custom_storage: false

View File

@ -0,0 +1,21 @@
uuid: c8b30bc0-f7cb-49a0-8bb1-2a83fef02fb2
langcode: fr
status: true
dependencies:
module:
- block_content
id: block_content.field_titre
field_name: field_titre
entity_type: block_content
type: string
settings:
max_length: 255
case_sensitive: false
is_ascii: false
module: core
locked: false
cardinality: 1
translatable: true
indexes: { }
persist_with_no_fields: false
custom_storage: false

View File

@ -0,0 +1,19 @@
uuid: cc74fdc1-0972-4669-a610-c3ec2df20732
langcode: fr
status: true
dependencies:
module:
- block_content
- video_embed_field
id: block_content.field_youtube
field_name: field_youtube
entity_type: block_content
type: video_embed_field
settings: { }
module: video_embed_field
locked: false
cardinality: 1
translatable: true
indexes: { }
persist_with_no_fields: false
custom_storage: false

View File

@ -21,6 +21,7 @@ settings:
title: ''
width: null
height: null
caption: ''
module: image
locked: false
cardinality: -1

View File

@ -21,6 +21,7 @@ settings:
title: ''
width: null
height: null
caption: ''
module: image
locked: false
cardinality: -1

View File

@ -6,7 +6,10 @@ dependencies:
- page_manager.page.home
- views.view.actus
- views.view.presentation
content:
- 'block_content:live_youtube:1d330f27-3197-43ed-8f7f-a1b05826c25b'
module:
- block_content
- config_pages
- panels
- views
@ -30,7 +33,7 @@ variant_settings:
items_per_page: none
exposed: { }
region: content
weight: 0
weight: 1
uuid: f1486b62-7ff8-475b-b6a1-e153b6b6fb89
css_classes:
- ''
@ -60,7 +63,7 @@ variant_settings:
config_page_type: deroulement
config_page_view_mode: full
region: content
weight: 1
weight: 2
uuid: 346ce88d-2925-4bf8-884d-dfbca1e8d5b6
css_classes:
- ''
@ -76,12 +79,28 @@ variant_settings:
items_per_page: none
exposed: { }
region: content
weight: 2
weight: 0
uuid: d4d27033-dc91-45d7-adc0-8690fd0ab27a
css_classes:
- ''
html_id: ''
css_styles: ''
e68622dd-ffb9-463b-af33-0955e75f8019:
id: 'block_content:1d330f27-3197-43ed-8f7f-a1b05826c25b'
label: 'Live 03-03-2025'
label_display: visible
provider: block_content
status: true
info: ''
view_mode: full
context_mapping: { }
region: content
weight: -1
uuid: e68622dd-ffb9-463b-af33-0955e75f8019
css_classes:
- ''
html_id: ''
css_styles: ''
page_title: ''
layout: layout_onecol
layout_settings:

View File

@ -69,11 +69,20 @@ variant_settings:
context_mapping:
entity: node
formatter:
type: file_default
type: formatter_suite_general_file_link
weight: 0
label: visually_hidden
settings:
use_description_as_link_text: true
titleStyle: text_from_link
titleCustomText: ''
showSize: 0
showIcon: 0
classes: ''
showLink: 1
openLinkIn: _blank
linkTopic: any
listStyle: span
listSeparator: ', '
third_party_settings: { }
region: third
weight: -5
@ -157,14 +166,14 @@ variant_settings:
2f4a8a1a-2071-44f7-b725-bbe79798df48:
id: 'entity_field:node:field_porteur_s_de_site'
label: "Maîtrise d'ouvrage"
label_display: visible
label_display: '0'
provider: ctools_block
context_mapping:
entity: node
formatter:
type: basic_string
weight: 0
label: visually_hidden
label: above
settings: { }
third_party_settings: { }
region: second
@ -177,14 +186,14 @@ variant_settings:
3e40ac9a-e27e-4faf-b129-451d5ae0e742:
id: 'entity_field:node:field_region'
label: Région
label_display: visible
label_display: '0'
provider: ctools_block
context_mapping:
entity: node
formatter:
type: string
weight: 0
label: visually_hidden
label: above
settings:
link_to_entity: false
third_party_settings: { }
@ -198,14 +207,14 @@ variant_settings:
68368738-0e9b-43f5-a553-cd19390bfbbc:
id: 'entity_field:node:field_nom_du_qpv_nb_d_hab'
label: "Nom du QPV (nb d'hab.)"
label_display: visible
label_display: '0'
provider: ctools_block
context_mapping:
entity: node
formatter:
type: string
weight: 0
label: visually_hidden
label: above
settings:
link_to_entity: false
third_party_settings: { }
@ -219,14 +228,14 @@ variant_settings:
63a45085-391f-403b-934e-bc47a2fc76ed:
id: 'entity_field:node:field_departement_s'
label: Département(s)
label_display: visible
label_display: '0'
provider: ctools_block
context_mapping:
entity: node
formatter:
type: string
weight: 0
label: visually_hidden
label: above
settings:
link_to_entity: false
third_party_settings: { }
@ -240,14 +249,14 @@ variant_settings:
e048da61-ac83-4a80-9112-f06a22b5cc34:
id: 'entity_field:node:field_programme_de_l_etat'
label: "Programmes de l'état"
label_display: visible
label_display: '0'
provider: ctools_block
context_mapping:
entity: node
formatter:
type: string
weight: 0
label: visually_hidden
label: above
settings:
link_to_entity: false
third_party_settings: { }
@ -261,14 +270,14 @@ variant_settings:
bdf10817-0225-4bba-9fea-0c779f18c9af:
id: 'entity_field:node:field_nom_de_la_commune_nb_d_hab'
label: "Nom de la commune (nb d'hab.)"
label_display: visible
label_display: '0'
provider: ctools_block
context_mapping:
entity: node
formatter:
type: string
weight: 0
label: visually_hidden
label: above
settings:
link_to_entity: false
third_party_settings: { }

View File

@ -133,6 +133,48 @@ display:
plugin_id: bundle
value:
actualite: actualite
langcode:
id: langcode
table: node_field_data
field: langcode
relationship: none
group_type: group
admin_label: ''
entity_type: node
entity_field: langcode
plugin_id: language
operator: in
value:
'***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
group: 1
exposed: false
expose:
operator_id: ''
label: ''
description: ''
use_operator: false
operator: ''
operator_limit_selection: false
operator_list: { }
identifier: ''
required: false
remember: false
multiple: false
remember_roles:
authenticated: authenticated
reduce: false
is_grouped: false
group_info:
label: ''
description: ''
identifier: ''
optional: true
widget: select
multiple: false
remember: false
default_group: All
default_group_multiple: { }
group_items: { }
style:
type: default
row:

File diff suppressed because it is too large Load Diff

View File

@ -7,7 +7,7 @@
text-align: center;
position: relative;
width: 155%;
max-width: 800px;
max-width: 600px;
margin: 0 auto;
height: auto;
}
@ -63,7 +63,7 @@
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
font-size: 0.5rem;
padding-left: 0.5rem;
text-decoration: none;
margin-top: 0.7rem;
@ -83,9 +83,10 @@
#popup-content {
width: 300px;
padding-right: 30px;
font-size: 0.6rem !important;
}
#popup-content p {
font-size: 0.7rem;
font-size: 0.6rem !important;
}
@media (max-width: 810px) {
#popup-content {

View File

@ -11,7 +11,7 @@
function q2d_mod_theme() {
return array(
'svg_mapsites' => array(
'variables' => array('vpw' => null, 'vph' => null, 'sites' => []),
'variables' => array('vpw' => null, 'vph' => null, 'sites' => [], 'label' => null),
),
);
}

View File

@ -41,12 +41,14 @@ class SitesMap extends BlockBase {
foreach($allSites as $index => $site){
$langcode = \Drupal::languageManager()->getCurrentLanguage()->getId();
// $title = $site->get('title')->getString();
$title = $site->hasTranslation($language) ? $site->getTranslation($language)->get('title')->getString() : $site->get('title')->getString();
// $subtitle = $site->get('field_sous_titre')->getString();
$subtitle = $site->hasTranslation($language) ? $site->getTranslation($language)->get('field_sous_titre')->getString() : $site->get('field_sous_titre')->getString();
$link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'site-link']]; // Passer 'absolute' à TRUE
$link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'site-link'], 'language' => \Drupal::languageManager()->getLanguage($langcode)]; // Passer 'absolute' à TRUE
$site_url = $site->toUrl('canonical', $link_options)->toString(); // URL absolue pour le data-url
$site_link_object = Link::createFromRoute(t("got to site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
$link = $site_link_object->toString()->getGeneratedLink();
@ -61,9 +63,9 @@ class SitesMap extends BlockBase {
$x = round(($lon - $lonLeft) / ($lonRight - $lonLeft) * $vp_w);
$y = round(($latTop - $lat) / ($latTop - $latBottom) * $vp_h);
$r = 15;
$r = 12;
$m = -$r/1.5+3;
$l = $r/1.5 +4;
$l = $r/1.5 +2.5;
$sites_paths .= <<<SVGSITEPATH
<g
id="site-$index"
@ -99,6 +101,7 @@ class SitesMap extends BlockBase {
],
'svg_mapsites' => [
'#theme' => 'svg_mapsites',
'#label' => "Les 10 sites de projet",
'#sites' => $sites_paths,
'#vpw' => $vp_w,
'#vph' => $vp_h,
@ -115,6 +118,7 @@ class SitesMap extends BlockBase {
// '#markup' => $this->t('Hello, Sites Map!'),
// ];
}
public function getCacheMaxAge() {
return 0;
}

View File

@ -1,4 +1,7 @@
<div id="sites-map-container">
<h2>{{label}}</h2>
{# <svg {{ svg_attributes }}>
<path {{ path_attributes }}></path>
</svg> #}

File diff suppressed because one or more lines are too long

View File

@ -202,7 +202,12 @@ h2, h3 {
}
@media (max-width: 810px) {
.layout-container main#home {
padding-top: 320px;
padding-top: 380px;
}
}
@media (max-width: 810px) {
.layout-container .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 14rem;
}
}
@ -255,6 +260,33 @@ header {
top: 0;
transition: none;
}
header .language-switcher-language-url {
text-transform: uppercase;
color: white;
}
header .language-switcher-language-url ul {
display: flex;
flex-direction: row;
font-size: 0.6rem;
padding: 0;
width: fit-content;
}
@media (max-width: 810px) {
header .language-switcher-language-url ul {
font-size: 0.9rem;
}
}
header .language-switcher-language-url ul li a {
color: white;
font-family: "gilroy-light";
}
header .language-switcher-language-url ul li:nth-child(1)::after {
content: " / ";
white-space: pre;
}
header .language-switcher-language-url ul .is-active {
font-family: "gilroy-bold";
}
@media (max-width: 810px) {
header {
height: 100vh;
@ -401,6 +433,11 @@ header .header_nav_container {
transition: transform 0.3s ease-in-out;
z-index: -1;
}
@media (max-width: 1090px) {
header .header_nav_container {
height: fit-content;
}
}
@media (max-width: 500px) {
header .header_nav_container {
flex: 0 0 40%;
@ -442,7 +479,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li a {
font-size: 0.6rem;
}
}
@media (max-width: 500px) {
@media (max-width: 810px) {
header .header_nav_container #block-quartiers-de-demain-entete ul li a {
display: flex;
flex-direction: column;
@ -457,6 +494,10 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li:not(:last-o
padding-bottom: 0.3rem;
width: 60%; /* Réduit la largeur du soulignement à 50% */
}
header .header_nav_container #block-quartiers-de-demain-selecteurdelangue {
width: fit-content;
margin: auto;
}
header .header_nav_container.hidden {
transform: translateX(30%);
}
@ -521,6 +562,7 @@ header .header:hover + .header_nav_container {
flex: 1 0 100%;
position: relative;
left: -100%;
top: -45px;
}
}
@ -563,6 +605,7 @@ header .header:hover + .header_nav_container {
flex: 1 0 100%;
position: relative;
left: -100%;
top: -45px;
}
}
@ -1464,6 +1507,9 @@ footer {
font-family: "gilroy-semibold";
padding-left: 0.5rem;
}
#actus-caroussel button {
top: -2.5rem;
}
#actus-caroussel .content-actus .view {
display: flex;
flex-direction: row;
@ -2540,7 +2586,7 @@ body {
}
@media (max-width: 810px) {
#consultation .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 10rem;
margin-top: 14rem;
}
}
#consultation .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@ -2672,6 +2718,12 @@ body {
grid-column: 2;
grid-row: 2;
}
#consultation .layout-content .content_container .node-type-static #paragraph-id--11 .colone-picto p:nth-of-type(3) {
grid-column: 1/span 2;
grid-row: 3;
font-size: 0.6rem;
padding-top: 1rem;
}
#consultation .layout-content .content_container .node-type-static #paragraph-id--11 .colone-picto h5 {
font-size: 3.5rem;
font-family: "gilroy-semibold";
@ -2719,13 +2771,6 @@ body {
#consultation .layout-content .content_container .node-type-static #paragraph-id--12 .field_field_texte {
width: 80%;
}
#consultation .layout-content .content_container .node-type-static #paragraph-id--12::after {
content: "";
display: block;
border-bottom: solid 1px rgb(7, 50, 194);
width: 100%;
padding-bottom: 2rem;
}
#consultation .layout-content .content_container .node-type-static #paragraph-id--13 .field_field_texte .colone-picto {
display: flex;
flex-direction: row;
@ -2762,7 +2807,7 @@ body {
}
@media (max-width: 810px) {
.partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 10rem;
margin-top: 14rem;
grid-column: 2/span 9;
}
}
@ -2968,6 +3013,12 @@ body {
grid-column: 2/span 9;
}
}
@media (max-width: 510px) {
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 13rem;
grid-column: 2/span 9;
}
}
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
text-transform: none;
color: black;
@ -3026,7 +3077,7 @@ body {
}
@media (max-width: 810px) {
#page-node .content_container {
margin-top: 10rem;
margin-top: 14rem;
width: 80%;
}
}
@ -3311,17 +3362,18 @@ body {
padding-bottom: 0.5rem;
font-family: "gilroy-light";
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos h2 {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div div:nth-of-type(2) {
font-size: 0.7rem;
border-bottom: solid 0.1px rgb(247, 0, 43);
padding-bottom: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos .field--label-above {
color: rgb(247, 0, 43);
text-transform: uppercase;
font-family: "gilroy-regular" !important;
font-size: 0.5rem !important;
margin-bottom: 0;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div:first-of-type {
font-size: 0.7rem;
border-bottom: solid 0.1px rgb(247, 0, 43);
padding-bottom: 0.5rem;
margin-top: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div {
flex: 1 1 auto;
@ -3331,9 +3383,6 @@ body {
border-bottom: none;
padding-bottom: 0;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties div {
width: fit-content;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
margin-top: 2rem;
width: 100%;
@ -3363,6 +3412,12 @@ body {
font-size: 0.8rem;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-video .field_field_titre_site {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-video .field_field_video {
margin-bottom: 2rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama {
display: flex !important;
flex-direction: row !important;
@ -3516,6 +3571,10 @@ body {
flex-direction: column;
}
.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span {
visibility: hidden;
}
main {
background-color: #f6f7f3;
}
@ -3534,7 +3593,7 @@ main {
}
@media (max-width: 810px) {
#lessites .content_container #block-quartiers-de-demain-titredepage {
margin-top: 10rem;
margin-top: 14rem;
grid-column: 2/span 9;
margin-left: 0;
padding-left: 0%;

View File

@ -661,6 +661,30 @@ document.addEventListener("DOMContentLoaded", function() {
});
document.addEventListener("DOMContentLoaded", function () {
// Fonction pour déplacer le bloc en fonction de la taille de l'écran
function moveLanguageSwitcher() {
const languageSwitcher = document.getElementById("block-quartiers-de-demain-selecteurdelangue");
const navContainer = document.querySelector(".header_nav_container");
if (window.innerWidth <= 810) { // Si écran téléphone
if (languageSwitcher && navContainer && !navContainer.contains(languageSwitcher)) {
navContainer.appendChild(languageSwitcher); // Déplace le bloc dans header_nav_container
}
} else { // Si écran non téléphone
const headerRightContainer = document.querySelector(".header_right_container");
if (languageSwitcher && headerRightContainer && !headerRightContainer.contains(languageSwitcher)) {
headerRightContainer.appendChild(languageSwitcher); // Remet le bloc dans sa position initiale
}
}
}
// Déclencher au chargement et au redimensionnement
moveLanguageSwitcher();
window.addEventListener("resize", moveLanguageSwitcher);
});
})(jQuery, window);

View File

@ -45,10 +45,15 @@ $width-menu-slidedown : 550px;
@media(max-width: 810px){
padding-top: 320px;
padding-top: 380px;
}
}
}
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage{
@media(max-width: 810px){
margin-top: 14rem;
}
}
}
.layout--threecol-25-50-25{

View File

@ -7,7 +7,7 @@
margin: auto;
align-items: center;
@media(max-width: 810px){
margin-top: 10rem;
margin-top: 14rem;
width: 80%;
}
#block-quartiers-de-demain-prevnextblock{

View File

@ -13,7 +13,7 @@
margin-top: 1rem;
width: fit-content;
@media(max-width: 810px){
margin-top: 10rem;
margin-top: 14rem;
}
h1{
text-transform: none;

View File

@ -15,7 +15,7 @@ main{
padding-left: 20%;
@media(max-width: 810px){
margin-top: 10rem;
margin-top: 14rem;
grid-column: 2 /span 9;
margin-left: 0;
padding-left: 0%;

View File

@ -201,33 +201,29 @@
.infos{
margin-top: 1rem;
font-size: 0.5rem;
// border-bottom: solid 1px $red_QDD;
display: flex;
flex-direction: row;
flex-wrap: wrap;
// display: grid;
// grid-template-columns: 1fr 1fr;
// grid-template-rows: 1fr 1fr 1fr;
padding-bottom: 0.5rem;
font-family: 'gilroy-light';
h2{
div{
div:nth-of-type(2){
font-size: 0.7rem;
border-bottom: solid 0.1px $red_QDD;
padding-bottom: 0.5rem;
}
}
.field--label-above{
color: $red_QDD ;
text-transform: uppercase;
font-family: 'gilroy-regular' !important;
font-size: 0.5rem !important;
margin-bottom: 0 ;
margin-top: 0.5rem;
}
div:first-of-type{
font-size: 0.7rem;
border-bottom: solid 0.1px $red_QDD;
padding-bottom: 0.5rem;
}
div{
flex: 1 1 auto;
min-width: 50%;
@ -248,7 +244,7 @@
}
.field_field_parties{
div{width: fit-content;}
// div{width: fit-content;}
// width: 70%;
}
div:has(.field_field_parties){
@ -283,6 +279,15 @@
}
}
.paragraph--type--site-video{
.field_field_titre_site{
// margin-bottom: 1rem;
display: none;
}
.field_field_video{
margin-bottom: 2rem;
}
}
.paragraph--type--site-diapo{
.field_field_images {
.diaporama{
@ -442,6 +447,8 @@
padding-bottom: 0.2rem;
}
}
}
}
@ -452,4 +459,7 @@
.field_field_liens_site > div:nth-child(2) > div:nth-child(1){
display: flex;
flex-direction: column;
}
}
.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span{
visibility: hidden;
}

View File

@ -9,7 +9,7 @@
margin-top: 1rem;
width: fit-content;
@media(max-width: 810px){
margin-top: 10rem;
margin-top: 14rem;
grid-column: 2 /span 9;
}

View File

@ -15,6 +15,10 @@
margin-top: 10rem;
grid-column: 2 /span 9;
}
@media(max-width: 510px){
margin-top: 13rem;
grid-column: 2 /span 9;
}
h1{
text-transform: none;

View File

@ -3,6 +3,7 @@
flex-direction: column;
align-items: center;
padding-bottom: 6rem;
h2{
width: fit-content;
padding-bottom: 0.5rem;
@ -13,6 +14,9 @@
padding-left: 0.5rem;
}
button{
top: -2.5rem;
}
.content-actus{
.view{
display: flex;

View File

@ -11,6 +11,46 @@ header{
// transition: height 2s ease-in-out, width 2s ease-in-out; /* Transition pour le changement de taille */
// transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
.language-switcher-language-url{
text-transform: uppercase;
color: white;
ul{
display: flex;
flex-direction: row;
font-size:0.6rem;
padding: 0;
width: fit-content;
@media(max-width: 810px){
font-size: 00.9rem;
}
// @media(max-width: 500px){
// flex-direction: column;
// // margin-bottom: 0;
// margin: auto;
// }
li a {
color: white;
font-family: 'gilroy-light';
}
li:nth-child(1){
&::after{
content: " / ";
white-space: pre;
@media(max-width: 660px){
// content:none ;
}
}
}
.is-active{
font-family: 'gilroy-bold';
}
}
}
@media(max-width: 810px){
height: 100vh;
}
@ -146,6 +186,7 @@ header{
z-index: -1 ;
@media(max-width: 1090px){
// text-align:left;
height: fit-content;
}
@media(max-width: 500px){
flex: 0 0 40%;
@ -180,7 +221,7 @@ header{
@media(max-width:1090px){
font-size: 0.6rem;
}
@media(max-width: 500px){
@media(max-width: 810px){
display: flex;
flex-direction: column;
align-items: center;
@ -205,6 +246,11 @@ header{
}
}
#block-quartiers-de-demain-selecteurdelangue{
width: fit-content;
margin: auto;
}
}
.header_nav_container.hidden {
@ -259,6 +305,8 @@ header{
flex: 1 0 100%;
position: relative;
left: -100%;
top: -45px;
}
}
@ -293,6 +341,7 @@ header{
flex: 1 0 100%;
position: relative;
left: -100%;
top: -45px;
}
}