JUSN/tickte-system
0
0 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Planboard: Mindestbreite der Tagesspalten mit eigenem Scrollen, Kontrast von Keine Termine am Wochenende

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-10-06 06:03:14 +00:00
1 parent e54a30b006
commit 416c79b3a6
1 file changed
+5 -2
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+5 -2
View File
@@ -1011,7 +1011,7 @@ button.link { font-weight: 500; } /* font: inherit setzt sonst das Gewicht von .
/* ===== Planboard (P3) ===== */ /* ===== Planboard (P3) ===== */
/* Woche ohne Karten: sieben Tagesspalten mit feinen Trennlinien, Wochenende hell abgesetzt, heute als schwarze Datumspille */ /* Woche ohne Karten: sieben Tagesspalten mit feinen Trennlinien, Wochenende hell abgesetzt, heute als schwarze Datumspille */
.week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-top: 1px solid var(--line); min-height: 420px; } .week { display: grid; grid-template-columns: repeat(7, minmax(128px, 1fr)); border-top: 1px solid var(--line); min-height: 420px; overflow-x: auto; }
.day { border-left: 1px solid var(--line); padding: 10px 8px 16px; min-width: 0; } .day { border-left: 1px solid var(--line); padding: 10px 8px 16px; min-width: 0; }
.day:first-child { border-left: 0; padding-left: 0; } .day:first-child { border-left: 0; padding-left: 0; }
.day-head { display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px; padding-left: 4px; flex-wrap: wrap; row-gap: 0; } .day-head { display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px; padding-left: 4px; flex-wrap: wrap; row-gap: 0; }
@@ -1027,14 +1027,17 @@ button.link { font-weight: 500; } /* font: inherit setzt sonst das Gewicht von .
.appt .cu { color: var(--text-2); margin-top: 2px; } .appt .cu { color: var(--text-2); margin-top: 2px; }
.appt.akquise { background: var(--appt-akquise); } .appt.akquise { background: var(--appt-akquise); }
.appt.akquise:hover { background: var(--appt-akquise-hover); } .appt.akquise:hover { background: var(--appt-akquise-hover); }
.appt:focus-visible { outline-offset: -2px; } /* im Scroll-Container .week wuerde der Ring sonst abgeschnitten */
.day.weekend .appt:not(.akquise) { background: var(--bg); } .day.weekend .appt:not(.akquise) { background: var(--bg); }
.day.weekend .appt:not(.akquise):hover { background: var(--appt-hover); } .day.weekend .appt:not(.akquise):hover { background: var(--appt-hover); }
.day .none { font-size: 12px; color: var(--text-3); padding-left: 4px; } .day .none { font-size: 12px; color: var(--text-3); padding-left: 4px; }
.day.weekend .none { color: var(--text-2); }
@media (max-width: 860px) { @media (max-width: 860px) {
.week { grid-template-columns: 1fr; border-top: 0; min-height: 0; } .week { grid-template-columns: 1fr; border-top: 0; min-height: 0; overflow-x: visible; }
.day { border-left: 0; padding: 12px 0; border-top: 1px solid var(--line); } .day { border-left: 0; padding: 12px 0; border-top: 1px solid var(--line); }
.day.weekend { background: none; } .day.weekend { background: none; }
.day.weekend .appt:not(.akquise) { background: var(--bg-hover); } .day.weekend .appt:not(.akquise) { background: var(--bg-hover); }
.day.weekend .none { color: var(--text-3); }
} }
/* ===== ENDE Planboard (P3) ===== */ /* ===== ENDE Planboard (P3) ===== */