tomh104/nat-as-server
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

improved scoring ui + removed test data filters
Some checks failed
PHPUnit / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Tom Hempel
2026-06-08 19:38:37 +02:00
parent 11bae269e9
commit 3211d35b43
6 changed files with 317 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
website/css/style.css
View File

@ -31,8 +31,6 @@
--font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--table-header-bg: #1e2430;
--row-hover-bg: #252c3a;
--test-row-bg: #2a2618;
--test-row-hover-bg: #3a321f;
--sticky-shadow: rgba(0, 0, 0, 0.35);
/* Incomplete translation highlight */
--trans-missing-bg: #1c222d;
@ -686,18 +684,6 @@ table.data-table th {
table.data-table tr:hover td {
background: var(--row-hover-bg);
}
table.data-table tbody tr.row-test-data td {
background: var(--test-row-bg);
}
table.data-table tbody tr.row-test-data:hover td {
background: var(--test-row-hover-bg);
}
#qdb-table tbody tr.row-test-data td {
background: var(--test-row-bg);
}
#qdb-table tbody tr.row-test-data:hover td {
background: var(--test-row-hover-bg);
}
table.data-table .sticky-col {
position: sticky;
left: 0;
@ -710,12 +696,6 @@ table.data-table thead th.sticky-col {
top: 0;
background: var(--table-header-bg);
}
table.data-table tbody tr.row-test-data td.sticky-col {
background: var(--test-row-bg);
}
table.data-table tbody tr.row-test-data:hover td.sticky-col {
background: var(--test-row-hover-bg);
}
th.sortable { cursor: pointer; user-select: none; }
th.sortable::after { content: ' \2195'; opacity: .4; }
th.sort-asc::after { content: ' \2191'; opacity: 1; }
@ -1250,18 +1230,6 @@ table.data-table tbody tr.row-orphan-category td {
border-color: var(--primary);
}
.coach-list-item.row-test-data {
background: var(--test-row-bg);
}
.coach-list-item.row-test-data:hover {
background: var(--test-row-hover-bg);
}
.coach-list-item.row-test-data.active {
background: var(--primary-subtle);
}
.coach-list-empty {
padding: 20px 12px;
text-align: center;
@ -3034,19 +3002,133 @@ select:disabled {
letter-spacing: .04em;
color: #ca8a04;
}
.client-coach-band-select {
min-width: 6.5rem;
/* Coach category picker (clients list) */
.coach-band-picker {
position: relative;
display: inline-flex;
max-width: 100%;
padding: 2px 6px;
font-size: .75rem;
border-radius: 6px;
border: 1px solid var(--border);
background: var(--surface, #fff);
color: var(--text);
}
.client-coach-band-select:disabled {
opacity: 0.65;
cursor: wait;
.coach-band-trigger {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 6px 2px 4px;
border: 1px solid var(--border);
border-radius: 999px;
background: var(--surface);
color: inherit;
cursor: pointer;
transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
max-width: 100%;
}
.coach-band-trigger:hover {
border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
background: var(--surface-hover, rgba(0, 0, 0, 0.03));
}
.coach-band-picker.is-open .coach-band-trigger,
.coach-band-trigger:focus-visible {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 22%, transparent);
}
.coach-band-trigger-badge .band-badge {
margin: 0;
}
.coach-band-trigger-caret {
font-size: .65rem;
color: var(--text-secondary);
line-height: 1;
flex-shrink: 0;
}
.coach-band-picker.is-saving .coach-band-trigger {
opacity: 0.6;
pointer-events: none;
}
.coach-band-menu {
min-width: 11.5rem;
padding: 10px;
border-radius: 10px;
border: 1px solid var(--border);
background: var(--surface);
box-shadow: var(--shadow-lg);
}
.coach-band-menu-label {
margin: 0 0 8px;
font-size: .7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--text-secondary);
}
.coach-band-menu-options {
display: flex;
flex-direction: column;
gap: 4px;
}
.coach-band-option {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
width: 100%;
padding: 8px 10px;
border: 1px solid transparent;
border-radius: 8px;
background: transparent;
color: inherit;
cursor: pointer;
text-align: left;
transition: background 0.12s, border-color 0.12s;
}
.coach-band-option:hover {
background: var(--surface-hover, rgba(0, 0, 0, 0.04));
}
.coach-band-option.is-selected {
border-color: color-mix(in srgb, var(--primary) 35%, var(--border));
background: color-mix(in srgb, var(--primary) 8%, var(--surface));
}
.coach-band-option-agree {
margin-top: 6px;
padding-top: 10px;
border-top: 1px solid var(--border);
border-radius: 0 0 8px 8px;
}
.coach-band-option-agree-label {
font-size: .75rem;
font-weight: 600;
color: var(--text-secondary);
}
.coach-band-confirm-compare {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 12px 16px;
margin: 8px 0 4px;
padding: 16px;
border-radius: 10px;
border: 1px solid var(--border);
background: var(--surface-elevated, rgba(0, 0, 0, 0.02));
}
.coach-band-confirm-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
min-width: 5.5rem;
}
.coach-band-confirm-label {
font-size: .7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--text-secondary);
}
.coach-band-confirm-arrow {
font-size: 1.25rem;
color: var(--text-secondary);
line-height: 1;
}
.client-profile-score-hint,
.client-profile-score-meta {