studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix ticket color on same color

Browse source
This commit is contained in:
isUnknown 2024-09-20 09:40:30 +02:00
parent dbfd54f1a1
commit f2af3f2214
2 changed files with 13 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/css/src/ticket.css
View file

@ -41,7 +41,7 @@ a:not([disabled]):hover > .ticket svg,
animation: vibrate 0.5s forwards;
}
.ticket:not(a[disabled] .ticket):hover svg path:not(.dot),
.ticket:not(a[disabled] .ticket, .to-blank .ticket):hover svg path:not(.dot),
a:not([disabled]):hover > .ticket svg path:not(.dot) {
fill: var(--color-season);
stroke: var(--color-season);
@ -51,7 +51,7 @@ a.to-blank:hover > .ticket svg path:not(.dot) {
stroke: #fff;
}
.ticket:not(a[disabled] .ticket):hover svg path.dot,
.ticket:not(a[disabled] .ticket, .to-blank .ticket):hover svg path.dot,
a:not([disabled]):hover > .ticket svg path.dot {
fill: #fff;
}

19
site/snippets/calendar-strip.php
View file

@ -1,6 +1,5 @@
<section
class="calendar-strip"
@mouseleave="open = false"
x-data="{
calendar: createEmptyCalendar(),
currentMonthIndex: dayjs().month() + 1,
@ -158,10 +157,14 @@
<template x-if="!session.hideSessionsOnHome || index === 0">
<li
x-data="{
stockThreshold: (session.totalStock / 100) * 25
stockThreshold: (session.totalStock / 100) * 25,
get isSeasonColor() {
return session.color === '<?= $kirby->collection('current-season')->color() ?>'
},
}"
:style="'--color: ' + session.color"
class="session no-border"
class="session"
:class="session.hideSessionsOnHome && index === 0 ? 'no-border' : null"
>
<div class="left-column mobile-group">
<a class="session__event-link" :href="session.eventUrl" title="En savoir plus"></a>
@ -188,27 +191,27 @@
<div class="right-column mobile-group">
<template x-if="!session.ticketingUrl">
<div class="session__info session__info--book session__info--book-free">
<a class="ticket-link" target="_blank" title="Entrée libre" disabled><?php snippet('ticket') ?> <span class="desktop">Entrée libre</span></a>
<a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" target="_blank" title="Entrée libre" disabled><?php snippet('ticket') ?> <span class="desktop">Entrée libre</span></a>
</div>
</template>
<template x-if="session.ticketingUrl && !session.hasOwnProperty('bookableStock')">
<div class="session__info session__info--book">
<a class="ticket-link" :href="session.ticketingUrl" target="_blank" title="Entrée libre"><?php snippet('ticket') ?> <span class="desktop">Réserver</span></a>
<a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" :href="session.ticketingUrl" target="_blank" title="Entrée libre"><?php snippet('ticket') ?> <span class="desktop">Réserver</span></a>
</div>
</template>
<template x-if="session.bookableStock === 0">
<div class="session__info session__info--book session__info--book-sold-out">
<a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> <span class="desktop">Complet</span></a>
<a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> <span class="desktop">Complet</span></a>
</div>
</template>
<template x-if="session.bookableStock > stockThreshold">
<div class="session__info session__info--book session__info--book-open">
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Billetterie</span></a>
<a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Billetterie</span></a>
</div>
</template>
<template x-if="session.bookableStock !== 0 && session.bookableStock < stockThreshold">
<div class="session__info session__info--book session__info--book-few-places">
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Plus que quelques places !</span></a>
<a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Plus que quelques places !</span></a>
</div>
</template>
</div>