QuoteKit · Angebot erstellen — Mobil
Der Bereich „Leistungen & Positionen“ steckt in PositionenEditor.tsx und wird an drei
Stellen benutzt: Angebot neu, Angebot aus Projektaufnahme (dort zusätzlich der KI-Button) und
Rechnung. Unten links der heutige Stand am Handy, daneben drei Richtungen. Die Sheets und Menüs
sind antippbar — am besten direkt am Telefon durchklicken.
.btnText { display:none }
greift unter 768px — übrig bleiben bis zu vier nackte Icons (Plus, Buch, Funken, Ordner) in einer Reihe.
Ohne Text ist nicht erkennbar, was „Buch“ gegenüber „Ordner“ tut. Die Zähler (12) / (3)
verschwinden mit, der Aufklapp-Pfeil beim Paket bleibt aber stehen — das wirkt zufällig.min-width: 260px,
das auf schmalen Geräten am rechten Rand anstößt.opacity: 0.3) und sieht dadurch defekt statt bewusst gesperrt aus.Vier Icons nebeneinander, Beschriftungen weggeblendet. Aktionen als Icon-Spalte rechts an der Karte.
Am Handy nur noch ein großer Button. Er öffnet ein Sheet von unten mit den vier Wegen — ausgeschrieben, mit Erklärung.
Die Beschriftungen kommen zurück — Icon über Text in einem 2×2-Raster. Aktionen wandern als Textknöpfe unter die Position.
Hinzufügen bleibt beim Scrollen immer in Daumenreichweite. Oben nur noch die Liste, unten „+ Position“ und ein „Mehr“-Knopf.
env(safe-area-inset-bottom))Sheets und Aufklapp-Panels sind antippbar · Telefonrahmen ≈ 340px breit
PositionenEditor.tsx ist eine geteilte Komponente —
die gewählte Variante wirkt automatisch in „Angebot neu“, „Angebot aus Projektaufnahme“ (dort mit
KI-Knopf) und im Rechnungsformular. Desktop bleibt in allen drei Optionen die heutige
Button-Reihe mit ausgeschriebenen Beschriftungen; geändert wird nur, was unter 768px passiert.
Kombinierbar wäre außerdem: die aufgeräumte Positionskarte (Betrag rechts groß, Aktionen gebündelt)
aus A/C zusammen mit den beschrifteten Kacheln aus B.