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

small adjustments

This commit is contained in:
ouidade 2024-10-21 12:25:32 +02:00
parent 6d5ca756b0
commit 7909acf96a
9 changed files with 36 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js
View File

@ -95,7 +95,7 @@ svgElement.addEventListener('click', function(event) {
}); });
///////////////////// page site point rouge /////////////////////// ///////////////////// page site point rouge quand sur page ///////////////////////
// Récupérer l'ID de la page depuis la classe du body // Récupérer l'ID de la page depuis la classe du body
const body = document.querySelector('body'); const body = document.querySelector('body');

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

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

@ -479,7 +479,7 @@ header .header:hover + .header_nav_container {
} }
} }
.header--collapsed .header_left_container { .header--collapsed .header_left_container {
flex: 0 0 70%; flex: 0 0 65%;
transform-origin: bottom right; transform-origin: bottom right;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
@ -516,7 +516,7 @@ header .header:hover + .header_nav_container {
} }
} }
.header--collapsed-already .header_left_container { .header--collapsed-already .header_left_container {
flex: 0 0 70%; flex: 0 0 65%;
transform-origin: bottom right; transform-origin: bottom right;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
@ -3056,14 +3056,12 @@ body {
font-size: 0.5rem; font-size: 0.5rem;
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties {
width: 70%;
}
.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;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
margin-top: 2rem; margin-top: 2rem;
width: 100%;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
@ -3082,7 +3080,8 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama { .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; display: flex !important;
flex-direction: row !important; flex-direction: row !important;
justify-content: space-between; gap: 20px;
flex-wrap: wrap;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama {
@ -3094,13 +3093,14 @@ body {
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .cadre-img-zoom img { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .cadre-img-zoom img {
object-fit: cover; object-fit: cover;
width: 300px; width: 350px;
height: 200px; height: 230px;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption {
margin: 0; margin: 0;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption p { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption p {
margin-top: 0;
font-size: 0.3rem; font-size: 0.3rem;
font-family: "gilroy-light"; font-family: "gilroy-light";
} }

4
web/themes/custom/quartiers_de_demain/dist/assets/img/next.svg vendored
View File

@ -4,8 +4,8 @@
<svg <svg
version="1.1" version="1.1"
id="svg1" id="svg1"
width="75" width="60"
height="75" height="60"
viewBox="0 0 90.491943 90.492186" viewBox="0 0 90.491943 90.492186"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

4
web/themes/custom/quartiers_de_demain/dist/assets/img/prev.svg vendored
View File

@ -4,8 +4,8 @@
<svg <svg
version="1.1" version="1.1"
id="svg1" id="svg1"
width="75" width="60"
height="75" height="60"
viewBox="0 0 90.490723 90.492186" viewBox="0 0 90.490723 90.492186"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

@ -206,7 +206,7 @@
//// ancre dans texte au click parragraphe correspondant arrive en dessous du header //// ancre dans texte au click paragraphe correspondant arrive en dessous du header
(function($, window) { (function($, window) {
@ -317,15 +317,17 @@
$(document).ready(function(){ $(document).ready(function(){
$('.__timeline-content').slick({ $('.__timeline-content').slick({
slidesToShow: 3, slidesToShow: 3,
// slidesToScroll: 1, slidesToScroll: 1,
dots: false, dots: false,
arrows: true, arrows: true,
centerMode: true, centerMode: true,
adaptiveHeight: true, adaptiveHeight: false,
autoplay: false, autoplay: false,
draggable: true, draggable: true,
infinate: true,
loop: true,
// autoplaySpeed: 1500, // autoplaySpeed: 1500,
infinite: true, // infinite: true,
// centerPadding: '100px', // centerPadding: '100px',
responsive: [ responsive: [
{ {
@ -367,7 +369,7 @@
}); });
//////////// slideshow home ////////////////////////// //////////// start slideshow home //////////////////////////
@ -380,7 +382,7 @@
dots: false, dots: false,
arrows: true, arrows: true,
centerMode: true, centerMode: true,
adaptiveHeight: true, adaptiveHeight: false,
autoplay: false, autoplay: false,
// autoplaySpeed: 1500, // autoplaySpeed: 1500,
// infinite: true, // infinite: true,
@ -421,7 +423,7 @@
dots: false, dots: false,
arrows: false, arrows: false,
// centerMode: true, // centerMode: true,
adaptiveHeight: true, adaptiveHeight: false,
autoplay: true, // Activer l'autoplay autoplay: true, // Activer l'autoplay
autoplaySpeed: 4000, // Changement de slide toutes les 4 secondes autoplaySpeed: 4000, // Changement de slide toutes les 4 secondes
// infinite: true, // infinite: true,
@ -443,9 +445,9 @@
} }
}); });
//////////// end slideshow home //////////////////////////
//////////////// start lightbox galerie image page site////////////////////////
//////////////// lightbox galerie image page site////////////////////////
// Sélectionne uniquement les images à l'intérieur de '.paragraph--type--site-diapo' // Sélectionne uniquement les images à l'intérieur de '.paragraph--type--site-diapo'
let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger'); let images = document.querySelectorAll('.paragraph--type--site-diapo .lightbox-trigger');
@ -508,6 +510,7 @@
} }
}); });
//////////////// end lightbox galerie image page site////////////////////////

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

@ -201,10 +201,11 @@
} }
.field_field_parties{ .field_field_parties{
div{width: fit-content;} div{width: fit-content;}
width: 70%; // width: 70%;
} }
div:has(.field_field_parties){ div:has(.field_field_parties){
margin-top: 2rem; margin-top: 2rem;
width: 100%;
@media(max-width: 500px){ @media(max-width: 500px){
width: 100%; width: 100%;
} }
@ -228,7 +229,9 @@
.diaporama{ .diaporama{
display: flex !important; display: flex !important;
flex-direction: row !important; flex-direction: row !important;
justify-content: space-between; // justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
@media(max-width: 500px){ @media(max-width: 500px){
flex-direction: column !important; flex-direction: column !important;
} }
@ -236,13 +239,14 @@
margin: auto; margin: auto;
img{ img{
object-fit: cover; object-fit: cover;
width: 300px; width: 350px;
height: 200px; height: 230px;
} }
} }
.image-field-caption{ .image-field-caption{
margin: 0; margin: 0;
p{ p{
margin-top: 0;
font-size: 0.3rem; font-size: 0.3rem;
font-family: 'gilroy-light'; font-family: 'gilroy-light';
} }

4
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@ -227,7 +227,7 @@ header{
height: 170px; height: 170px;
} }
.header_left_container{ .header_left_container{
flex: 0 0 70%; flex: 0 0 65%;
transform-origin: bottom right; transform-origin: bottom right;
@media(max-width: 810px){ @media(max-width: 810px){
flex: 1 0 100%; flex: 1 0 100%;
@ -258,7 +258,7 @@ header{
height: 170px; height: 170px;
} }
.header_left_container{ .header_left_container{
flex: 0 0 70%; flex: 0 0 65%;
transform-origin: bottom right; transform-origin: bottom right;
@media(max-width: 810px){ @media(max-width: 810px){
flex: 1 0 100%; flex: 1 0 100%;

0
web/themes/custom/quartiers_de_demain/templates/block-region-second.html.twig
View File