fix calendar-strip hover
This commit is contained in:
parent
988ab96bfb
commit
11bba7b1ff
3 changed files with 45 additions and 39 deletions
|
|
@ -93,7 +93,7 @@
|
|||
</ul>
|
||||
<a href="<?= page('programme')->url() ?>" class="calendar-strip__calendar-btn">calendrier</a>
|
||||
<div class="calendar-strip__date" :class="open ? 'open' : ''">
|
||||
<ul class="sessions sessions--detailed">
|
||||
<ul class="sessions">
|
||||
<template x-for="session in targetSessions">
|
||||
<li
|
||||
x-data="{
|
||||
|
|
@ -102,38 +102,37 @@
|
|||
:style="'--color: ' + session.color"
|
||||
class="session"
|
||||
>
|
||||
<a class="session__event-link" :href="session.eventUrl" title="En savoir plus">
|
||||
<div class="session__info session__info--slot">
|
||||
<p x-html="`${session.day} ${monthName}`"></p>
|
||||
<p x-html="session.time"></p>
|
||||
<a class="session__event-link" :href="session.eventUrl" title="En savoir plus"></a>
|
||||
<div class="session__info session__info--slot">
|
||||
<p x-html="`${session.day} ${monthName}`"></p>
|
||||
<p x-html="session.time"></p>
|
||||
</div>
|
||||
<div class="session__info session__info--title">
|
||||
<p><strong x-html="`<strong>${session.title}</strong>`"></strong></p>
|
||||
<p x-html="session.authors"></p>
|
||||
</div>
|
||||
<div x-text="session.duration ? session.duration : ''" class="session__info session__info--duration"></div>
|
||||
<div x-text="`${session.place}`" class="session__info session__info--place"></div>
|
||||
<template x-if="!session.ticketingUrl">
|
||||
<div class="session__info session__info--book">
|
||||
<a class="ticket-link" target="_blank" title="Entrée libre" disabled><?php snippet('ticket') ?> Entrée libre</a>
|
||||
</div>
|
||||
<div class="session__info session__info--title">
|
||||
<p><strong x-html="`<strong>${session.title}</strong>`"></strong></p>
|
||||
<p x-html="session.authors"></p>
|
||||
</template>
|
||||
<template x-if="session.bookableStock === 0">
|
||||
<div class="session__info session__info--book">
|
||||
<a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> Complet</a>
|
||||
</div>
|
||||
<div x-text="session.duration ? session.duration : ''" class="session__info session__info--duration"></div>
|
||||
<div x-text="`${session.place}`" class="session__info session__info--place"></div>
|
||||
<template x-if="!session.ticketingUrl">
|
||||
<div class="session__info session__info--book">
|
||||
<a class="ticket-link" target="_blank" title="Entrée libre" disabled><?php snippet('ticket') ?> Entrée libre</a>
|
||||
</div>
|
||||
</template>
|
||||
<template x-if="session.bookableStock === 0">
|
||||
<div class="session__info session__info--book">
|
||||
<a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> Complet</a>
|
||||
</div>
|
||||
</template>
|
||||
<template x-if="session.bookableStock > stockThreshold">
|
||||
<div class="session__info">
|
||||
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> Billetterie</a>
|
||||
</div>
|
||||
</template>
|
||||
<template x-if="session.bookableStock !== 0 && session.bookableStock < stockThreshold">
|
||||
<div class="session__info">
|
||||
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> Plus que quelques places !</a>
|
||||
</div>
|
||||
</template>
|
||||
</a>
|
||||
</template>
|
||||
<template x-if="session.bookableStock > stockThreshold">
|
||||
<div class="session__info">
|
||||
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> Billetterie</a>
|
||||
</div>
|
||||
</template>
|
||||
<template x-if="session.bookableStock !== 0 && session.bookableStock < stockThreshold">
|
||||
<div class="session__info">
|
||||
<a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> Plus que quelques places !</a>
|
||||
</div>
|
||||
</template>
|
||||
</li>
|
||||
</template>
|
||||
</ul>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue