Zwei Server-Reparaturen zurueckgeholt, die es nur auf dem Server gab

Beim Abgleich der beiden Staende (Rechner vs. Netcup-Server) gefunden --
beide Aenderungen liefen bereits live, waren aber nirgends gespeichert und
haetten beim naechsten Deploy vom Rechner aus verloren gehen koennen:

1. gate.html: autofocus im Dogi-Feld entfernt (21.08.2026, Rueckmeldung von
   Diene -- der Cursor sprang nach dem Laden zurueck nach oben, die eigene
   Kachel scrollte dabei aus dem Bild).
2. verwaltung.html: "Oeffnen"-Knoepfe wurden auf dem Handy vom
   overflow:hidden der Karte abgeschnitten (22.08.2026); jetzt
   overflow:visible plus etwas mehr Unterabstand.

Inhalt unveraendert vom Server uebernommen, nur hier nachgetragen.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-08-22 15:24:35 +02:00
co-authored by Claude Opus 5
parent 3f9997456a
commit e5d55137d4
2 changed files with 25 additions and 3 deletions
+10 -1
View File
@@ -331,7 +331,16 @@
<form id="gate-form-dogi" class="gate-card gate-card--dogi" novalidate>
<span class="gate-card-icon gate-card-icon--dogi" aria-hidden="true"></span>
<h2 class="gate-card-name">Dogi</h2>
<input type="text" id="gate-code-dogi" placeholder="Zugangscode" autocomplete="off" autocapitalize="off" spellcheck="false" autofocus />
<!-- autofocus hier bewusst ENTFERNT (21.08.2026, Rückmeldung von Diene:
wenn ich bei mir Zugangscode eingebe, springt er danach zu dir hoch,
mein Name ist dann nicht mehr sichtbar). Auf dem Handy tippt man
unten in die eigene Kachel, während die Seite noch lädt — sobald sie
fertig ist, zieht autofocus den Cursor zurück in DIESES Feld ganz
oben, das Handy scrollt mit und die eigene Kachel ist weg. Bei drei
gleichberechtigten Kacheln ist ein vorausgewähltes Feld ohnehin
falsch: für zwei von drei Personen öffnet sich die Tastatur an der
falschen Stelle. -->
<input type="text" id="gate-code-dogi" placeholder="Zugangscode" autocomplete="off" autocapitalize="off" spellcheck="false" />
<button type="submit" class="btn-holo gate-card-btn">
<span class="btn-holo-text">💙 Öffnen</span>
</button>
+15 -2
View File
@@ -217,9 +217,22 @@
display: flex; flex-wrap: wrap; gap: 1.3rem; justify-content: center; align-items: stretch;
}
.vw-gate-card {
position: relative; isolation: isolate; overflow: hidden;
/* 22.08.2026 Bugfix (Meldung: "auf dem Handy sehe ich die Öffnen-Buttons gar nicht", Foto
zeigte nur einen millimeterschmalen Farbstreifen am unteren Kartenrand statt des ganzen
Knopfs): overflow:hidden war hier nie nötig — der Verlaufs-Rand-Trick (padding-box/
border-box-Hintergrund) respektiert border-radius von sich aus, ganz ohne Clipping, anders
als bei .vw-shine-card/.vw-noise, wo overflow:hidden ein ::after-Rausch-Pseudoelement
einfängt (das diese Karte gar nicht hat). overflow:hidden hat stattdessen auf manchen
Handys/Schriftgrößen-Einstellungen den Öffnen-Knopf mit-abgeschnitten, sobald der
tatsächliche Karteninhalt (z.B. bei vergrößerter System-Schrift) minimal höher wurde, als
die Karte beim ersten Layout-Durchlauf angenommen hatte. overflow:visible behebt das ohne
jeden optischen Nachteil (der Verlaufs-Rand bleibt exakt gleich, weil border-radius die
Hintergrund-Ebenen unabhängig von overflow immer schon rundet) und etwas mehr
Unterabstand als zusätzliches Sicherheitspolster, falls der Knopf durch größere
Systemschrift zweizeilig wird. */
position: relative; isolation: isolate; overflow: visible;
flex: 1 1 280px; max-width: 340px;
padding: 1.7rem 1.5rem 1.6rem;
padding: 1.7rem 1.5rem 1.9rem;
border-radius: 20px; border: 1.5px solid transparent;
background:
linear-gradient(rgba(16,18,22,.95), rgba(9,10,13,.97)) padding-box,