fix(ui): eine Breite fuer Seitenleiste und Kopfleiste
Kopfleiste blendete den Menue-Knopf ab 720px aus, die Seitenleiste stand aber erst ab 768px fest im Bild. Dazwischen lag ein Band von 48 Pixeln ohne Menue und ohne Knopf dorthin -- ein aufgeklapptes Fold landet mit rund 757px genau darin. Die Grenze steht jetzt einmal in src/breakpoints.ts. Dazu zwei Folgefehler derselben Sache: * Der abdunkelnde Grund lag mit z-index 40 ueber der fest stehenden Leiste (die hat dort keinen). Per Randwisch aufgeschoben, war die Leiste danach sichtbar, aber taub. Er blendet sich ab 720px aus. * Der Randwisch loest breit gar nicht mehr aus, und Aufklappen bei aufgeschobener Leiste setzt sie zurueck -- sonst schluckte die Zurueck-Geste einmal ins Leere. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
fbaf24bdbd
commit
8e27c703d2
6 files changed
+66
-4
No files matched your search
@@ -1,4 +1,5 @@
|
||||
import { useEffect } from 'react'
|
||||
import { isWide } from '../breakpoints'
|
||||
|
||||
/**
|
||||
* Wischen vom linken Rand öffnet die Seitenleiste, Wischen nach links
|
||||
@@ -50,6 +51,10 @@ export function useEdgeSwipe({ open, onOpen, onClose }: Options) {
|
||||
function onStart(e: TouchEvent) {
|
||||
valid = false
|
||||
if (e.touches.length !== 1) return // zwei Finger heißt zoomen
|
||||
// Steht die Leiste ohnehin fest im Bild – aufgeklapptes Faltgerät,
|
||||
// Querformat –, gibt es nichts aufzuschieben. Bei jeder Geste neu
|
||||
// gefragt, weil sich die Breite hier im Betrieb ändert.
|
||||
if (isWide()) return
|
||||
const t = e.touches[0]
|
||||
|
||||
// Nicht aus einer bildschirmfüllenden Ansicht heraus: Dort läge die
|
||||
|
||||
Reference in new issue
Block a user