fix collapsable content padding

This commit is contained in:
isUnknown 2024-09-03 13:21:23 +02:00
parent 674c65a25e
commit 2aceb888d2
3 changed files with 9 additions and 8 deletions

View file

@ -4,9 +4,8 @@
padding: 0 !important;
}
.collapsable > *,
.collapsable.sessions > button,
.collapsable .session {
.collapsable > button.toggle,
.collapsable__item--padding {
padding: var(--row-padding);
box-sizing: border-box;
width: 100%;
@ -51,7 +50,7 @@
}
.sessions--detailed .session {
grid-template-columns: 2fr 2.5fr 1fr 1fr 1fr !important;
grid-template-columns: 1.5fr 2fr 1fr 1fr 1.5fr !important;
}
.collapsable__content .production p:not(:last-child) {

View file

@ -79,7 +79,7 @@
"
>
<template x-for="session in sessions">
<div class="session grid">
<div class="collapsable__item--padding session grid">
<p x-text="dateToFrench(session.date)"></p>
<p x-text="session.time"></p>
<p><?= $page->place() ?></p>
@ -104,7 +104,7 @@
<?php slot('content') ?>
<div class="production">
<?php foreach ($page->production()->toLayouts() as $layout): ?>
<div class="grid" id="<?= $layout->id() ?>">
<div class="collapsable__item--padding grid" id="<?= $layout->id() ?>">
<?php foreach ($layout->columns() as $column): ?>
<div class="grid__item" style="--span:<?= $column->span() ?>">
<div class="blocks">
@ -121,12 +121,14 @@
<?php if ($page->resources()->isNotEmpty()): ?>
<?php snippet('collapsable-section', ['title' => 'Ressources'], slots: true) ?>
<?php slot('content') ?>
<div class="resources grid">
<div class="resources">
<div class="collapsable__item--padding grid">
<?php foreach($page->resources()->toStructure() as $resource): ?>
<div class="resource grid__item" style="--span: 4;">
<p><?= $resource->name() ?></p><a href="<?= $resource->file()->toFile()->url() ?>" title="Télécharger le fichier" download>télécharger ↓</a>
</div>
<?php endforeach ?>
</div>
</div>
<?php endslot() ?>
<?php endsnippet() ?>

View file

@ -108,7 +108,7 @@
throw new Exception($session['title'], 1);
}
?>
<li class="session grid js-link" style="--color: <?= $session['color'] ?>" @click="goTo(event, '<?= $session['event-url'] ?>')" title="En savoir plus">
<li class="collapsable__item--padding session grid js-link" style="--color: <?= $session['color'] ?>" @click="goTo(event, '<?= $session['event-url'] ?>')" title="En savoir plus">
<div class="session__info">
<p><?= $formattedDate ?></p>
<p><?= $session['time'] ?><?php e($endTime, ' - ' . $endTime) ?></p>