bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tableau info site

This commit is contained in:
ouidade 2024-11-06 11:27:46 +01:00
parent d2e5392251
commit 8a5f0b9a90
5 changed files with 94 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

62
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -3057,14 +3057,6 @@ body {
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
font-size: 1.3rem; font-size: 1.3rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_numero {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_numero div::after {
content: "-";
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_title ::before { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_title ::before {
content: url("../img/map_pointer.svg"); content: url("../img/map_pointer.svg");
top: 0.8rem; top: 0.8rem;
@ -3081,50 +3073,38 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_sous_titre) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_sous_titre) {
flex: 0 0 100%; flex: 0 0 100%;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .views-element-container { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos {
margin-top: 1rem; margin-top: 1rem;
font-size: 0.5rem; font-size: 0.5rem;
flex: 0 0 70%;
border-bottom: solid 1px rgb(247, 0, 43); border-bottom: solid 1px rgb(247, 0, 43);
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .views-element-container .views-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
} padding-bottom: 0.5rem;
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .views-element-container .views-row .views-field {
flex: 0 0 50%;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .views-element-container .views-label {
color: rgb(247, 0, 43);
font-family: "gilroy-semibold";
text-transform: uppercase;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .views-element-container .field-content {
font-family: "gilroy-light"; font-family: "gilroy-light";
border-bottom: solid 1px rgb(247, 0, 43); }
margin-bottom: 0.3rem; .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos h2 {
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; padding-bottom: 0.5rem;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .views-element-container .views-field-field-nom-de-la-commune-nb-d-hab .field-content { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div {
flex: 0 0 50%;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div .field_field_nom_de_la_commune_nb_d_hab {
border-bottom: none; border-bottom: none;
padding-bottom: 0;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div:has(.field_field_region) {
display: none; border-bottom: none;
margin-top: 1rem; padding-bottom: 0;
flex: 0 0 25%;
padding-left: 1rem;
border-bottom: solid 1px rgb(247, 0, 43);
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) h2 {
font-size: 0.5rem;
color: rgb(7, 50, 194);
text-transform: uppercase;
margin: 0;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) .field_field_mots_clefs {
font-size: 0.5rem;
color: rgb(7, 50, 194);
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties div { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties div {
width: fit-content; width: fit-content;

26
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@ -571,6 +571,32 @@ document.addEventListener("DOMContentLoaded", function() {
//////////////////// end wrapper views-row lessites ///////////////////////// //////////////////// end wrapper views-row lessites /////////////////////////
///////////////////////////////////////
// Vérifie si la page a la classe 'node-type-site' dans le <body>
if (document.body.classList.contains('node-type-site')) {
// Sélectionne le conteneur principal
const blockRegion = document.querySelector('.block-region-second');
// Vérifie si le conteneur principal existe et contient suffisamment de divs
if (blockRegion && blockRegion.children.length >= 7) {
// Sélectionne les divs enfants à partir du 3e jusqu'au 7e (indices 2 à 6 en JavaScript)
const elementsToWrap = Array.from(blockRegion.children).slice(2, 7);
// Crée un nouveau conteneur pour les divs sélectionnés
const infosContainer = document.createElement('div');
infosContainer.className = 'infos'; // Attribue la classe 'infos' au conteneur
// Déplace chaque div sélectionné dans le nouveau conteneur
elementsToWrap.forEach(element => infosContainer.appendChild(element));
// Ajoute le nouveau conteneur dans le conteneur principal à la place des éléments déplacés
blockRegion.insertBefore(infosContainer, blockRegion.children[2]);
}
}
////////////////////////////////////////////
})(jQuery, window); })(jQuery, window);

98
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@ -149,18 +149,18 @@
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
font-size: 1.3rem; font-size: 1.3rem;
} }
.field_field_numero{ // .field_field_numero{
display: none; // display: none;
div{ // div{
&::after{ // &::after{
content: "-"; // content: "-";
padding-left: 0.4rem; // padding-left: 0.4rem;
padding-right: 0.4rem; // padding-right: 0.4rem;
} // }
} // }
} // }
.field_title{ .field_title{
::before{ ::before{
@ -185,56 +185,46 @@
flex: 0 0 100%; flex: 0 0 100%;
} }
.views-element-container{ .infos{
margin-top: 1rem; margin-top: 1rem;
font-size: 0.5rem; font-size: 0.5rem;
flex: 0 0 70%;
border-bottom: solid 1px $red_QDD; border-bottom: solid 1px $red_QDD;
// padding-bottom: 0.5rem; display: flex;
.views-row{ flex-direction: row;
// width: 70%; flex-wrap: wrap;
display: flex; padding-bottom: 0.5rem;
flex-direction: row; font-family: 'gilroy-light';
flex-wrap: wrap;
h2{
.views-field{ color: $red_QDD ;
text-transform: uppercase;
font-family: 'gilroy-regular' !important;
font-size: 0.5rem !important;
margin-bottom: 0 ;
}
div:first-of-type{
font-size: 0.7rem;
border-bottom: solid 0.1px $red_QDD;
padding-bottom: 0.5rem;
}
div{
flex: 0 0 50%; flex: 0 0 50%;
} }
div .field_field_nom_de_la_commune_nb_d_hab{
border-bottom: none;
padding-bottom: 0;
}
div:has(.field_field_region){
border-bottom: none;
padding-bottom: 0;
}
}
.views-label{
color: $red_QDD ;
font-family: "gilroy-semibold";
text-transform: uppercase;
// margin-top: 0.2rem;
}
.field-content{
font-family: "gilroy-light";
border-bottom: solid 1px $red_QDD;
margin-bottom: 0.3rem;
padding-bottom: 0.5rem;
}
.views-field-field-nom-de-la-commune-nb-d-hab .field-content{
border-bottom: none;
}
}
div:has(.field_field_mots_clefs){
display: none;
margin-top: 1rem;
flex: 0 0 25%;
padding-left: 1rem;
border-bottom: solid 1px $red_QDD;
h2{
font-size: 0.5rem;
color: $blue_QDD;
text-transform: uppercase;
margin: 0;
}
.field_field_mots_clefs{
font-size: 0.5rem;
color: $blue_QDD;
}
} }
.field_field_parties{ .field_field_parties{
div{width: fit-content;} div{width: fit-content;}

2
web/themes/custom/quartiers_de_demain/templates/block--entity-field--node.html.twig
View File

@ -38,3 +38,5 @@
{{ content }} {{ content }}
{% endblock %} {% endblock %}
</div> </div>