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

ajout de exergue dans les pages statiques, correction de l'affichage des images verticales dans les diapos et des légendes, correction de l'affichage de pages sans image de couverture (vignette)

This commit is contained in:
Valentin 2024-10-11 17:26:08 +02:00
parent 95fc315ef0
commit 66d43ad373
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/themes/custom/caravane/assets/js/stores/content.js
View File

@ -238,13 +238,12 @@ export const useContentStore = defineStore('content', {
const partiesFetch = await this.fetchContent('field_parties_static', page.relationships);
if (partiesFetch) {
this.page.parties = [];
for (let partie of partiesFetch) {
const partieType = partie.type.replace(/^paragraph--/, "");
let partieContent = {
type: partieType,
};
};
switch (partieType) {
case 'titre_texte':
@ -263,6 +262,9 @@ export const useContentStore = defineStore('content', {
}
}
break;
case 'exergue':
partieContent.exergue = partie.attributes.field_texte_exergue.value;
break;
case 'video':
partieContent.videos = [];
for (let video of partie.attributes.field_videos) {

4
web/themes/custom/caravane/assets/js/vuejs/components/ModaleHeader.vue
View File

@ -1,7 +1,7 @@
<template>
<header>
<header :style="content.vignette ? '' : { marginTop: '20vh' }">
<div class="cover">
<img :src="content.vignette.url" :alt="content.vignette.alt">
<img v-if="content.vignette" :src="content.vignette.url" :alt="content.vignette.alt">
</div>
<div v-if="content.dates" class="cartouche" :style="{ backgroundColor: couleur }">
<p>Étape n°{{content.etape_number}}</p>

5
web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleDiaporama.vue
View File

@ -87,10 +87,15 @@ swiper-slide figure:not(.popup-figure) {
padding-bottom: 3rem;
}
swiper-slide figure:not(.popup-figure) figcaption {
text-align: center;
}
swiper-slide img:not(.popup-img) { /* cf main.scss */
max-height: 35vh;
cursor: pointer;
transition: transform 0.3s ease-out;
object-fit: contain !important;
&:hover {
transform: scale(1.01);
}