Brummel/doctate
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

style: align badge colors — open hellblau, Fehler capitalised

Browse Source 
- my_cases.html: `.status-badge.open` from red (#e24a4a) to blue (#4a90e2),
  matching case_page.html (which was already blue) and the reopen-btn
  accent. Resolves the cross-template inconsistency and frees red for
  the Fehler-Badge.
- Both templates: `.status-badge.fehler` from deep red (#c00) to the
  established system red (#e24a4a), already used by `.bulk-bar.purge`
  and `.delete-btn:hover`.
- Badge label capitalised: "fehler" → "Fehler" (user-facing string
  only; CSS class stays `.fehler`).
This commit is contained in:
Brummel
2026-04-21 14:41:57 +02:00
parent 1f32d4dd23
commit c8186c9f88
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/templates/case_page.html
+2 -2
View File
@@ -68,7 +68,7 @@
background: #7ed321;
}
.status-badge.fehler {
background: #c00;
background: #e24a4a;
}
.actions {
margin: 1em 0 1.5em;
@@ -259,7 +259,7 @@
<h1>
<span class="title">
{% call ol::render(oneliner) %} {% if has_failed_recording
%}<span class="status-badge fehler">fehler</span>{% else if
%}<span class="status-badge fehler">Fehler</span>{% else if
has_document %}<span class="status-badge done">ausgewertet</span
>{% else %}<span class="status-badge open">offen</span>{% endif
%}
server/templates/my_cases.html
+3 -3
View File
@@ -30,9 +30,9 @@ section h2 .count { font-weight: normal; font-size: 0.85em; color: #888; }
.case-row .line2 { margin: 0.2em 0 0; color: #555; font-size: 0.95em; display: flex; align-items: center; gap: 0.5em; }
.case-row .uuid { color: #999; font-family: monospace; font-size: 0.7em; margin-top: 0.2em; }
.status-badge { display: inline-block; padding: 0.05em 0.5em; border-radius: 999px; font-size: 0.75em; font-weight: bold; color: white; }
.status-badge.open { background: #e24a4a; }
.status-badge.open { background: #4a90e2; }
.status-badge.done { background: #7ed321; }
.status-badge.fehler { background: #c00; }
.status-badge.fehler { background: #e24a4a; }
.case-row .actions { display: flex; gap: 0.4em; align-items: center; }
.case-row .actions button { font-size: 0.85em; padding: 0.35em 0.8em; }
.case-row .actions .delete-btn { padding: 0.3em; background: transparent; border: none; color: #888; cursor: pointer; display: inline-flex; align-items: center; line-height: 0; border-radius: 4px; transition: color 0.15s, background 0.15s; }
@@ -97,7 +97,7 @@ try {
<div class="body">
<a href="/web/cases/{{ case.case_id }}{% if case.is_closed %}?show_closed=1{% endif %}">
<div class="line1"><span class="time"><time datetime="{{ case.recorded_at_iso }}">{{ case.time_hms_utc }}</time></span> — {% call ol::render(case.oneliner) %}</div>
<div class="line2">{{ case.recordings_count }} Aufnahmen{% if case.has_failed_recording %} — <span class="status-badge fehler">fehler</span>{% else if case.has_document %} — <span class="status-badge done">ausgewertet</span>{% else if !case.is_closed %} — <span class="status-badge open">offen</span>{% endif %}{% if case.analyzing %} <span class="label analyzing">wird analysiert</span>{% endif %}{% if case.is_closed %}<span class="closed-badge">geschlossen{% match case.days_until_purge %}{% when Some with (d) %} — wird in {{ d }} Tagen entfernt{% when None %}{% endmatch %}</span>{% endif %}</div>
<div class="line2">{{ case.recordings_count }} Aufnahmen{% if case.has_failed_recording %} — <span class="status-badge fehler">Fehler</span>{% else if case.has_document %} — <span class="status-badge done">ausgewertet</span>{% else if !case.is_closed %} — <span class="status-badge open">offen</span>{% endif %}{% if case.analyzing %} <span class="label analyzing">wird analysiert</span>{% endif %}{% if case.is_closed %}<span class="closed-badge">geschlossen{% match case.days_until_purge %}{% when Some with (d) %} — wird in {{ d }} Tagen entfernt{% when None %}{% endmatch %}</span>{% endif %}</div>
{% if is_admin %}<div class="uuid admin-only">{{ case.case_id }}</div>{% endif %}
</a>
</div>