Flaro
`
- + `
Der Server antwortet nicht: ${esc((fehler as Error).message)}
`
+ + `
Der Server antwortet nicht: ${esc(meldung(fehler))}
`
+ `
Läuft er? Stimmt die Adresse?
`;
anmeldeflaeche.classList.remove('hidden');
kopfleiste.classList.add('hidden');
diff --git a/web/app/src/style.css b/web/app/src/style.css
index 4848586..53f4f20 100644
--- a/web/app/src/style.css
+++ b/web/app/src/style.css
@@ -261,23 +261,53 @@ svg { width: 20px; height: 20px; display: block; flex: none; }
.pille {
position: relative; display: inline-flex; align-items: center;
}
-.pille select {
- appearance: none; -webkit-appearance: none;
- background: none; border: 0; outline: none; cursor: pointer;
- color: var(--text-dim); font-weight: 500;
- padding: 6px 26px 6px 11px; border-radius: var(--r-pill);
+.pille .auswahl {
+ background: none; border: 0; color: var(--text-dim); font-weight: 500;
+ padding: 6px 11px; border-radius: var(--r-pill);
}
-.pille select:hover { background: var(--elevated); color: var(--text); }
-.pille select:focus-visible { box-shadow: 0 0 0 2px var(--accent); }
+.pille .auswahl:hover { background: var(--elevated); color: var(--text); }
/* Gesetzt heisst farbig — so sieht man ohne Lesen, dass gefiltert wird. */
-.pille.gesetzt select { color: var(--accent); }
-.pille::after {
- content: ''; position: absolute; right: 11px; top: 50%;
- width: 6px; height: 6px; margin-top: -4px;
- border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor;
- transform: rotate(45deg); color: var(--text-faint); pointer-events: none;
+.pille.gesetzt .auswahl { color: var(--accent); }
+
+/* ---------- Auswahlfeld ----------
+ *
+ * Ersetzt