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

tableau info site

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-11-06 11:27:46 +01:00
parent d2e5392251
commit 8a5f0b9a90
5 changed files with 94 additions and 96 deletions
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-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 {
content: url("../img/map_pointer.svg");
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) {
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;
font-size: 0.5rem;
flex: 0 0 70%;
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;
flex-direction: row;
flex-wrap: wrap;
}
.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 {
padding-bottom: 0.5rem;
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;
}
.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;
padding-bottom: 0;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_mots_clefs) {
display: none;
margin-top: 1rem;
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 .infos div:has(.field_field_region) {
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;

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 /////////////////////////
///////////////////////////////////////
// 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);

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-size: 1.3rem;
}
.field_field_numero{
display: none;
// .field_field_numero{
// display: none;
div{
&::after{
content: "-";
padding-left: 0.4rem;
padding-right: 0.4rem;
}
// div{
// &::after{
// content: "-";
// padding-left: 0.4rem;
// padding-right: 0.4rem;
// }
}
}
// }
// }
.field_title{
::before{
@@ -185,56 +185,46 @@
flex: 0 0 100%;
}
.views-element-container{
.infos{
margin-top: 1rem;
font-size: 0.5rem;
flex: 0 0 70%;
border-bottom: solid 1px $red_QDD;
// padding-bottom: 0.5rem;
.views-row{
// width: 70%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.views-field{
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-bottom: 0.5rem;
font-family: 'gilroy-light';
h2{
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%;
}
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{
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 }}
{% endblock %}
</div>