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

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
const body = document.querySelector('body');

File diff suppressed because one or more lines are too long

View File

@ -479,7 +479,7 @@ header .header:hover + .header_nav_container {
}
}
.header--collapsed .header_left_container {
flex: 0 0 70%;
flex: 0 0 65%;
transform-origin: bottom right;
}
@media (max-width: 810px) {
@ -516,7 +516,7 @@ header .header:hover + .header_nav_container {
}
}
.header--collapsed-already .header_left_container {
flex: 0 0 70%;
flex: 0 0 65%;
transform-origin: bottom right;
}
@media (max-width: 810px) {
@ -3056,14 +3056,12 @@ body {
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 {
width: 70%;
}
.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%;
}
@media (max-width: 500px) {
.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 {
display: flex !important;
flex-direction: row !important;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
@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 {
@ -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 {
object-fit: cover;
width: 300px;
height: 200px;
width: 350px;
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 {
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 {
margin-top: 0;
font-size: 0.3rem;
font-family: "gilroy-light";
}

View File

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

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

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

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

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

View File

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

View File

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