agenda : implement view buttons
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s

This commit is contained in:
isUnknown 2026-06-24 15:27:27 +02:00
parent 585437dcf1
commit 6075322cde
3 changed files with 14 additions and 6 deletions

View file

@ -712,11 +712,20 @@ main {
[data-template=agenda] main {
background-color: transparent;
margin-top: -2px;
}
[data-template=agenda] main .dates-container {
border: var(--border);
padding-bottom: 2rem;
border-radius: var(--radius);
background-color: var(--color-beige);
}
[data-template=agenda] main .dates-container [data-view=events] ul li {
padding-bottom: 2rem;
}
[data-template=agenda] main .dates-container .month-switcher {
position: sticky;
top: 6.8rem;
box-sizing: border-box;
width: 100%;
display: flex;

File diff suppressed because one or more lines are too long

View file

@ -1,12 +1,11 @@
<?php snippet('head') ?>
<?php snippet('header') ?>
<ul class="sort-buttons">
<li><button data-view="months">par mois</button></li>
<li><button data-view="events">par pièces</button></li>
</ul>
<section class="dates-container" data-view-section="months">
<ul class="view-buttons">
<li><button data-view="months">par mois</button></li>
<li><button data-view="events">par pièces</button></li>
</ul>
<div class="month-switcher">
<button class="prev"></button>
<h3 class="month-label"></h3>