mateusz/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

calendar

Browse Source
This commit is contained in:
mateusz
2026-11-03 08:44:11 +01:00
parent cbf5f20c75
commit 0a9da4f9c5
13 changed files with 422 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/static/retro.css
+34
View File
@@ -491,3 +491,37 @@ textarea {
letter-spacing: 0;
}
.clipboard-delete-form button:hover { background: var(--mc-red-bright); }
/* --- Calendar --- */
.calendar-controls { display: flex; gap: 0.8em; align-items: center; margin-top: 0.5rem; }
.calendar-title-row { display: flex; align-items: center; justify-content: space-between; gap: 0.8em; margin-top: 0.5rem; }
.calendar-grid { display: flex; flex-direction: column; gap: 0.4em; margin-top: 1rem; }
.calendar-week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.4em; }
.calendar-day { border: 2px solid var(--mc-dim); background: var(--mc-deep); min-height: 6em; padding: 0.3em; width: 100%; box-sizing: border-box; }
.calendar-day-outside { opacity: 0.55; }
.calendar-day-header { color: var(--mc-yellow); text-transform: uppercase; letter-spacing: 1px; font-size: 0.8em; }
.calendar-readouts { list-style: none; padding: 0; margin: 0.3em 0 0; }
.calendar-event { border-bottom: 1px dashed var(--mc-dim); padding: 0.15em 0; font-size: 0.9em; }
.calendar-event-time { color: var(--mc-cyan); margin-right: 0.4em; }
.calendar-event-sensor { color: var(--mc-bright); }
.calendar-event-type { color: var(--mc-dim); }
.calendar-event-value { float: right; color: var(--mc-yellow); }
.calendar-list { list-style: none; padding: 0; margin: 1rem 0; }
.calendar-day-item { border: 2px solid var(--mc-dim); background: var(--mc-deep); margin: 0.5rem 0; padding: 0.4em 0.6em; min-height: 6em; width: 100%; box-sizing: border-box; }
.calendar-nav { display: flex; gap: 0.8em; margin-top: 0.8rem; }
.calendar-today {
display: inline-block;
text-transform: uppercase;
letter-spacing: 2px;
background: var(--mc-yellow);
color: var(--mc-black);
box-shadow: 4px 4px 0 var(--mc-black);
padding: 0.4em 1.2em;
text-decoration: none;
}
.calendar-today:hover { background: var(--mc-cyan); color: var(--mc-black); }
.calendar-day.calendar-today,
.calendar-day-item.calendar-today {
background: var(--mc-deep);
border: 3px solid var(--mc-yellow);
}