Fix Selection-Toolbar: Position oben statt ueber Header, direktes Button-Binding

Toolbar wird jetzt am oberen Bildschirmrand angezeigt (Desktop),
damit sie nicht mehr den Header/Nav ueberlagert. Auf Mobile
bleibt sie unterhalb des Headers. Cancel/Download-Buttons nutzen
direktes Binding auf $toolbar statt Delegation auf document.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kroonk
2026-04-16 23:29:28 +02:00
parent f4c106bd19
commit 75a5a596c5
6 changed files with 10 additions and 16 deletions

View File

@@ -10,7 +10,7 @@
#selection-toolbar {
position: fixed;
bottom: _size(header);
top: 0;
left: 0;
width: 100%;
background: rgba(31, 34, 36, 0.95);
@@ -19,7 +19,7 @@
align-items: center;
gap: 1em;
z-index: _misc(z-index-base) + 3;
transform: translateY(100%);
transform: translateY(-100%);
transition: transform 0.3s ease;
box-sizing: border-box;
@@ -75,16 +75,10 @@ body.selection-mode {
@media screen and (max-width: 736px) {
#selection-toolbar {
bottom: auto;
top: _size(header);
transform: translateY(-200%);
padding: 0.5em 1em;
gap: 0.5em;
&.visible {
transform: translateY(0);
}
button {
font-size: 0.85em;
padding: 0.4em 0.8em;