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

Design: Serverpuls-Projekttabelle (Sortierkoepfe und Zeilen als Buttons, Deltas als Farbe)

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 14:43:53 +00:00
1 parent ab4a300e70
commit fa1ce2c4cb
2 files changed
+82 -61
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/styles/serverpuls.css
+9 -11
View File
@@ -1,4 +1,4 @@
/* Serverpuls (P9): Kopf, Warnungen, Kacheln, Umschalter, Panels. Die Tabellenregeln weiter unten gehoeren Task 5. */
/* Serverpuls (P9): Kopf, Warnungen, Kacheln, Umschalter, Panels, Projekttabelle */
.sp-page .msg { margin: 0 0 16px; }
.sp-head-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
@@ -26,16 +26,14 @@
.sp-chart .u-legend { font-size: 13px; color: var(--text-2); }
.sp-nodata { padding: 40px 0; text-align: center; color: var(--text-2); }
.sp-search { width: 100%; max-width: 320px; margin-bottom: var(--sp-3); background: var(--surface-2); border: 1px solid var(--border); color: var(--text); border-radius: var(--r-sm); padding: 8px 12px; font: inherit; }
.sp-table-wrap { overflow-x: auto; }
.sp-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.sp-table th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); padding: 8px 10px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.sp-sortable { cursor: pointer; user-select: none; }
.sp-table td { padding: 8px 10px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.sp-row { cursor: pointer; }
.sp-row:hover, .sp-row-active { background: var(--surface-2); }
.sp-name { font-weight: 600; }
.sp-empty { text-align: center; color: var(--text-muted); }
.sp-sort { display: block; width: 100%; text-align: inherit; white-space: nowrap; }
.sp-page .table td.num { white-space: nowrap; }
.sp-name { overflow-wrap: anywhere; }
.sp-name .link { text-align: left; overflow-wrap: anywhere; }
.sp-page .table tr.sp-row-active td { background: var(--bg-subtle); }
.sp-page .table tr.sp-row-active td:first-child { box-shadow: -12px 0 0 var(--bg-subtle); }
.sp-page .table tr.sp-row-active td:last-child { box-shadow: 12px 0 0 var(--bg-subtle); }
.sp-empty { text-align: center; color: var(--text-2); }
.sp-delta { font-variant-numeric: tabular-nums; }
.sp-detail { margin-top: 28px; }