Schemer: Bedienelemente bei schmalen Viewports überlappen oder sind nicht erreichbar

[jurei733]

Beobachtung

Im veröffentlichten Schemer 2.8.5 überlappen beziehungsweise verschwinden Bedienelemente bei schmalen Viewports. Das ist insbesondere relevant, falls Tablet- oder Smartphone-Breiten unterstützt werden sollen.

Reproduktion

1. Schemer 2.8.5 im Browser öffnen und eine Variablenliste laden.
2. Die Browserbreite auf 768 px setzen: Beschriftungen und Karten überlappen; Werkzeugleisten umbrechen ungünstig.
3. Die Breite auf 375 px setzen: Die rechte Karte und wichtige Aktionen sind abgeschnitten. Es gibt keinen brauchbaren horizontalen Zugriff auf die verdeckten Steuerelemente.

Bei 1440 und 1024 px waren die geprüften Oberflächen nutzbar.

Erwartet: Für offiziell unterstützte Breiten bleiben Navigation, Variablenliste, Kodierungsansicht und Aktionen sichtbar beziehungsweise erreichbar. Für nicht unterstützte Breiten sollte die Mindestbreite und das Verhalten explizit festgelegt werden.

Abnahme

• Unterstützte Mindestbreite festlegen.
• Bei 768 und 375 px die genannten Ansichten ohne Überlappung oder unerreichbare Aktionen prüfen, sofern diese Breiten unterstützt werden.
• Einen Browser-Regressionstest für die festgelegten Viewports ergänzen.

[jurei733]

Behoben und mit #248 gemerged. Schemer unterstützt jetzt Containerbreiten ab 320 CSS-px: Navigation, Karten und Werkzeugleisten passen sich an; Aktionen und ODER/UND bleiben erreichbar. Sieben Browser-Regressionstests für 320–1440 px und Container-Resizing sind grün, ebenso die CI.