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:
marcandClaude Opus 5 committed 2026-09-08 21:33:08 +02:00
1 parent fbaf24bdbd
commit 8e27c703d2
6 files changed
+66 -4

No files matched your search

+5
View File
@@ -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