fmueller/fabcal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add configurable legend to footer

Browse Source
This commit is contained in:
Fabian Müller
2025-02-06 01:01:45 +01:00
parent 54222eb8cc
commit 53cb75f1d5
4 changed files with 89 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
static/style.css
View File

@ -167,3 +167,44 @@ details.calendar-event-details[open] summary ~ * {
0% {opacity: 0; transform: translateY(-10px)}
100% {opacity: 1; transform: translateY(0)}
}
.calendar-legend {
padding: 5px;
border: var(--calendar-border);
border-radius: 5px;
background-color: #eee;
margin: 12px 2px 2px 2px;
}
.calendar-legend-list {
margin: 0;
}
.calendar-legend-heading {
font-size: 18px;
margin-bottom: 6px;
text-decoration: underline black;
}
.calendar-legend-item {
margin-bottom: 4px;
list-style: none;
font-size: 13px;
display: flex;
flex-direction: row;
justify-content: left;
}
.calendar-legend-item-color {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 4px;
}
.calendar-legend-item-description {
word-break: break-word;
word-wrap: break-word;
hyphens: auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.calendar-legend-item-link {
display: flex;
}