Handy: vollständige Prüfung von Inhalten, Knöpfen und allen Systemen

Nachtrag auf Nachfrage ("hast du alles geprüft oder nur die menü
leisten?") -- vorher hatte ich nur Navigation, Seitenbreite, Tippflächen
und Hoch/Querformat geprüft. Jetzt zusätzlich Bilder, Texte, Knöpfe und
die kompletten Abläufe.

Geprüft über alle 35 Seiten bei 393px:
- Bilder: kein einziges kaputtes Bild, keine fehlenden alt-Texte
- Dateien: keine 404er
- Knöpfe/Links: alle beschriftet (keine namenlosen Bedienelemente)
- Text: nichts wird abgeschnitten. Die zunächst gemeldeten "Überläufe"
  bei .btn/.card waren Fehlalarme -- sie stammen von den dekorativen
  Leucht-Ebenen (::before mit negativem inset), echter Text ragt
  nirgends heraus (einzeln gegengeprüft).

Zwei echte Funde behoben:
1. Marken-Unterzeile war mit 8,96px zu klein zum Lesen (hatte ich beim
   Handy-Fix selbst so verkleinert). Jetzt 11px -- Platz ist da, seit der
   Menü-Knopf eigenständig rechts sitzt. Über acht Breiten gegengeprüft,
   Kopfleiste bleibt überall stabil.
2. "Aktiv"-Ankreuzfelder in der Verwaltung waren 22px. Jetzt 26px, die
   ganze Beschriftungszeile ist 44px hoch und schaltet mit um.

Abläufe am Handy durchgespielt (echte Fingertipps, Fake-Backend):
- Registrierung über alle drei Schritte inkl. falschem Code
- Login mit falschem und richtigem Zugangscode
- Abmelden auf supporter.html
- Stimme einreichen inkl. Profilbild-Auswahl
- Verwaltung: Team-Mitglied anlegen, Stimme freigeben, alle Bereiche
  sichtbar, kein Überlauf

Cache-Busting-Version auf 20260821r erhöht.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-08-21 18:33:52 +02:00
co-authored by Claude Opus 5
parent 6910112d97
commit 41faf22614
36 changed files with 265 additions and 245 deletions
+27 -11
View File
@@ -19,10 +19,10 @@
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon-admin.png" />
<meta name="apple-mobile-web-app-title" content="DogiCrew-Verwaltung" />
<meta name="theme-color" content="#0e0a16" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821q" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821q" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821q" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821q" />
<link rel="stylesheet" href="assets/css/main.css?v=20260821r" />
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821r" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821r" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821r" />
<style>
/* =====================================================================
verwaltung.html — Dogis privater Command-Center-Bereich.
@@ -696,6 +696,22 @@
.vw-table tbody tr:nth-child(4) { animation-delay: .11s; }
.vw-table tbody tr:nth-child(5) { animation-delay: .14s; }
@media (prefers-reduced-motion: reduce) { .vw-stat, .vw-table tbody tr { animation: none; } }
/* Ankreuzfelder am Handy groß genug zum Tippen (21.08.2026). Die drei
"Aktiv"-Kästchen (Event des Jahres, Spezielles Live-Event, Team) sind
mit width/height als style="" direkt am Element gesetzt -- ein normaler
Stylesheet-Eintrag käme dagegen nicht an, deshalb hier ausnahmsweise
!important. Antippen der Beschriftung daneben funktionierte zwar schon
(alle drei stecken in einem <label>), das Kästchen selbst war mit 22px
aber deutlich unter einer bequemen Fingerfläche. */
@media (max-width: 760px) {
input[type="checkbox"] {
width: 26px !important;
height: 26px !important;
flex-shrink: 0;
}
label:has(> input[type="checkbox"]) { min-height: 44px; }
}
</style>
</head>
<body>
@@ -1216,13 +1232,13 @@
<!-- 21.08.2026: für den "Bestehende Mitglieder importieren"-Knopf in der
Team-Verwaltung -- liest die von Hand gepflegten Profile aus diesen
Dateien aus und bietet an, sie 1:1 in die Datenbank zu übernehmen. -->
<script src="assets/js/data-modis.js?v=20260821q"></script>
<script src="assets/js/data-scouts.js?v=20260821q"></script>
<script src="assets/js/data-creator.js?v=20260821q"></script>
<script src="assets/js/data-manager.js?v=20260821q"></script>
<script src="assets/js/data-stimmen-avatare.js?v=20260821q"></script>
<script src="assets/js/main.js?v=20260821q"></script>
<script src="assets/js/admin-auth.js?v=20260821q"></script>
<script src="assets/js/data-modis.js?v=20260821r"></script>
<script src="assets/js/data-scouts.js?v=20260821r"></script>
<script src="assets/js/data-creator.js?v=20260821r"></script>
<script src="assets/js/data-manager.js?v=20260821r"></script>
<script src="assets/js/data-stimmen-avatare.js?v=20260821r"></script>
<script src="assets/js/main.js?v=20260821r"></script>
<script src="assets/js/admin-auth.js?v=20260821r"></script>
<script>
(function () {
const API_BASE_URL = "https://postfach.dogfather-universe.com";