/* General application-wide styles */ /* Zentrale Stellschraube für die Bildbreite im Chat-Verlauf. Generierte Bilder, Markdown-Bilder und die darunter liegenden Fußzeilen (Herkunft, Aktions-Buttons) richten sich alle danach — ohne gemeinsamen Wert laufen Bild und Fußzeile bei einer Änderung auseinander. */ :root { --aura-chat-image-max-width: 420px; /* Sichtbare Höhe der App und Höhe der Bildschirmtastatur. Beide Werte setzt js/auraKeyboard.js bei offener Tastatur als Pixelwert am -Element; hier stehen die Ruhewerte. Alles, was die volle Höhe einnimmt, MUSS --aura-viewport-height statt 100dvh/100vh benutzen — nur so schrumpft die Seite beim Aufklappen der Tastatur nach oben weg (Kopfbereich bleibt stehen, Eingabezeile sitzt auf der Tastatur), statt hinter die Tastatur zu rutschen oder verschoben zu werden. */ --aura-viewport-height: 100dvh; --aura-keyboard-inset: 0px; } /* Force the entire document to be constrained to viewport */ html, body { height: 100% !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; /* Kein Überziehen/Gummiband am Rand: auf iOS konnte die Seite dadurch beim Tippen mitgezogen werden und der Kopfbereich verschwand nach oben. */ overscroll-behavior: none; } #app { height: 100% !important; overflow: hidden !important; } /* Ensure MudBlazor components respect height constraints */ .mud-layout { height: var(--aura-viewport-height) !important; overflow: hidden !important; } /* iOS zoomt beim Fokussieren automatisch in ein Eingabefeld hinein, sobald dessen Schriftgröße unter 16px liegt — sichtbar als "die Seite zoomt/quetscht sich beim Tippen". max(16px, 1em) hebt nur die zu kleinen Felder an und lässt bewusst größere Schrift (z.B. Überschriften-Eingaben) unangetastet. Checkbox/Radio/Range tragen keinen Text und würden durch eine Schriftgröße nur in ihrer Größe verzerrt. Die contenteditable-Zeilen sind kein Beiwerk: die Chat-Eingabe ist KEIN