style: align badge colors — open hellblau, Fehler capitalised
- 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:
@@ -68,7 +68,7 @@
|
|||||||
background: #7ed321;
|
background: #7ed321;
|
||||||
}
|
}
|
||||||
.status-badge.fehler {
|
.status-badge.fehler {
|
||||||
background: #c00;
|
background: #e24a4a;
|
||||||
}
|
}
|
||||||
.actions {
|
.actions {
|
||||||
margin: 1em 0 1.5em;
|
margin: 1em 0 1.5em;
|
||||||
@@ -259,7 +259,7 @@
|
|||||||
<h1>
|
<h1>
|
||||||
<span class="title">
|
<span class="title">
|
||||||
{% call ol::render(oneliner) %} {% if has_failed_recording
|
{% 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
|
has_document %}<span class="status-badge done">ausgewertet</span
|
||||||
>{% else %}<span class="status-badge open">offen</span>{% endif
|
>{% else %}<span class="status-badge open">offen</span>{% endif
|
||||||
%}
|
%}
|
||||||
|
|||||||
@@ -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 .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; }
|
.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 { 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.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 { display: flex; gap: 0.4em; align-items: center; }
|
||||||
.case-row .actions button { font-size: 0.85em; padding: 0.35em 0.8em; }
|
.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; }
|
.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">
|
<div class="body">
|
||||||
<a href="/web/cases/{{ case.case_id }}{% if case.is_closed %}?show_closed=1{% endif %}">
|
<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="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 %}
|
{% if is_admin %}<div class="uuid admin-only">{{ case.case_id }}</div>{% endif %}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user