agenda : implement view buttons
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s
This commit is contained in:
parent
585437dcf1
commit
6075322cde
3 changed files with 14 additions and 6 deletions
|
|
@ -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
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue