Week calendar: Collapse days on mobile (except the current day)

This commit is contained in:
Raphael Michel
2020-10-07 10:41:30 +02:00
parent 3bfaf55094
commit 9b671d6370
7 changed files with 61 additions and 8 deletions

View File

@@ -80,6 +80,16 @@
h3 {
margin-bottom: 5px;
font-weight: bold;
cursor: pointer;
}
h3 .fa::before {
content: $fa-var-caret-right;
}
details[open] h3 .fa::before {
content: $fa-var-caret-down;
}
.events {
overflow: hidden; /* required for smooth toggle animation */
}
.no-events {
display: none;
@@ -90,6 +100,14 @@
display: flex;
flex-direction: row;
details[open] summary {
cursor: default;
pointer-events: none;
h3 .fa {
display: none;
}
}
.weekday {
flex: 1;
margin: 0 5px;
@@ -128,4 +146,4 @@
.select-calendar-week-short {
max-width: 50%;
}
}
}