th/hyprcrd
3
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

kalender und fixes

Browse Source
This commit is contained in:
th committed 2026-04-08 17:24:55 +02:00
1 parent 940d9bbde4
commit 416ca9e854
14 files changed
+376 -71
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/css/style.css
+27 -6
View File
@@ -18,6 +18,19 @@ body { font-family: 'JetBrains Mono', monospace; }
.cal-item-journal { opacity: 0.8; }
.cal-todo { font-family: var(--t-font-pixel, 'Silkscreen', cursive); font-size: 8px; color: var(--t-accent); flex-shrink: 0; }
/* Datepicker */
.dp-header { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.dp-header button { background: none; border: 1px solid var(--t-border); color: var(--t-muted); cursor: pointer; padding: 2px 8px; border-radius: 3px; transition: color 0.1s, border-color 0.1s; }
.dp-header button:hover { color: var(--t-accent); border-color: var(--t-accent); }
.dp-title { flex: 1; text-align: center; font-family: var(--t-font-pixel); font-size: 10px; color: var(--t-bright); }
.dp-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.dp-day-label { text-align: center; font-family: var(--t-font-pixel); font-size: 8px; color: var(--t-dim); padding: 2px 0; text-transform: uppercase; }
.dp-day { text-align: center; font-size: 11px; color: var(--t-text); padding: 5px 0; cursor: pointer; border-radius: 3px; transition: background 0.1s, color 0.1s; }
.dp-day:hover { background: var(--t-raised); color: var(--t-bright); }
.dp-day.dp-out { color: var(--t-dim); opacity: 0.4; }
.dp-day.dp-today { color: var(--t-accent); font-weight: bold; }
.dp-day.dp-selected { background: var(--t-accent); color: var(--t-bg); }
/* Scrollbars */
* {
scrollbar-width: thin;
@@ -561,20 +574,24 @@ body.detail-image-fs-open { overflow: hidden; }
.prose blockquote { border-left: 3px solid var(--t-accent); padding-left: 1em; margin: 0.8em 0; color: var(--t-muted); }
.prose hr { border: none; border-top: 1px solid var(--t-border); margin: 1.2em 0; }
/* Todo component */
.prose ul:has(.todo-item), .prose ol:has(.todo-item) { padding-left: 1.5em; }
.todo-item {
list-style: none !important;
margin: 0 !important;
margin-left: -1.5em !important;
display: flex !important;
align-items: flex-start;
gap: 10px;
padding: 4px 0;
border-bottom: 1px solid color-mix(in srgb, var(--t-border) 40%, transparent);
min-height: 28px;
padding: 5px 0;
}
.todo-item:last-child { border-bottom: none; }
.todo-item { cursor: pointer; }
.todo-item:hover { background: color-mix(in srgb, var(--t-raised) 50%, transparent); }
.todo-item.todo-done .todo-text { color: var(--t-dim); text-decoration: line-through; }
.todo-text { flex: 1; min-width: 0; line-height: 20px; }
.todo-text { flex: 1; min-width: 0; line-height: 1.5; user-select: none; }
.todo-cb {
width: 20px; height: 20px; min-width: 20px;
width: 18px; height: 18px; min-width: 18px;
transform: translateY(-9px);
border: 2px solid var(--t-border); border-radius: 3px;
background: transparent; cursor: pointer;
display: flex; align-items: center; justify-content: center;
@@ -583,12 +600,16 @@ body.detail-image-fs-open { overflow: hidden; }
}
.todo-cb:hover { border-color: var(--t-accent); }
.todo-cb.checked { background: var(--t-accent); border-color: var(--t-accent); }
.todo-cb i { font-size: 14px; transition: opacity 0.12s; }
.todo-cb i { font-size: 12px; transition: opacity 0.12s; }
.todo-cb:not(.checked) i { opacity: 0; color: var(--t-accent); }
.todo-cb:not(.checked):hover i { opacity: 0.5; }
.todo-cb.checked i { opacity: 1; color: var(--t-bg); }
.prose input[type="checkbox"] { display: none; }
/* Todo progress bar */
.todo-progress { display: flex; flex: 1; gap: 3px; }
.todo-seg { flex: 1; height: 5px; border-radius: 3px; transition: background 0.2s; }
.prose audio {
width: 100%;
max-width: 400px;