Standort-Blatt rastet aufgezogen auf der mittleren Hoehe (2026.8.30.20)
Aufgezogen wurde das Blatt exakt so hoch wie sein Inhalt - die Knoepfe Route und Teilen schlossen dadurch unten buendig mit der Menueleiste ab. Apple benennt dafuer das passende Konzept: Blaetter rasten auf "detents" ein, Hoehen, auf denen ein Blatt natuerlich zur Ruhe kommt; large ist das voll ausgefahrene Blatt, medium etwa die Haelfte davon (Human Interface Guidelines, Sheets - nachgelesen, nicht aus dem Gedaechtnis zitiert). Unser Blatt hatte im aufgezogenen Zustand ueberhaupt keine Rasthoehe, sondern nur seine Inhaltshoehe. Jetzt min-height: 50% im aufgezogenen Zustand. Der Ueberschuss liegt unter den Knoepfen und haelt sie von der Leiste frei. Die eingeklappte Hoehe bleibt unberuehrt, weil die Verschiebung mit 100% der jeweiligen Blatthoehe minus dem Guckwert rechnet. Gemessen: Panel 311px auf 622px Karte, App 298 auf 595 - beide exakt 50%, Luft unter den Knoepfen 89 bzw. 76px statt zuvor 18. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1679,8 +1679,17 @@ button.dm-listenzeile {
|
||||
transform: translateY(calc(100% - var(--dm-standort-peek)));
|
||||
transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1);
|
||||
}
|
||||
/* Aufgezogen rastet das Blatt auf der mittleren Hoehe ein, nicht auf seiner
|
||||
Inhaltshoehe. Apple beschreibt genau das als "detents": Hoehen, auf denen
|
||||
ein Blatt natuerlich zur Ruhe kommt - large ist das voll ausgefahrene
|
||||
Blatt, medium etwa die Haelfte davon. Vorher war die Rasthoehe schlicht
|
||||
die Hoehe des Inhalts, dadurch schlossen die Knoepfe unten buendig mit der
|
||||
Menueleiste ab. Der Ueberschuss liegt unter den Knoepfen und haelt sie von
|
||||
der Leiste frei. Die eingeklappte Hoehe bleibt unberuehrt: die Verschiebung
|
||||
rechnet mit 100% der jeweiligen Blatthoehe minus dem Guckwert. */
|
||||
.dm-standortmenu--offen {
|
||||
transform: translateY(0);
|
||||
min-height: 50%;
|
||||
}
|
||||
.dm-standortmenu__griffzone {
|
||||
padding: 10px 0 14px;
|
||||
|
||||
Reference in New Issue
Block a user