Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix: Kanban-Modal auf Mobile über Bottom-Nav positionieren (paddingBottom nav-height)

Browse Source
This commit is contained in:
Dicken
2026-06-24 01:50:37 +02:00
parent 84748e90d9
commit cd285030a5
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/tools/kanban.jsx
View File

@@ -69,12 +69,18 @@ function CardModal({ card, columnId, columns, onSave, onClose, toast }) {
return ( return (
<div onClick={e => e.target === e.currentTarget && onClose()} <div onClick={e => e.target === e.currentTarget && onClose()}
style={{ position:'fixed',inset:0,background:'rgba(0,0,0,0.7)',zIndex:1000, style={{ position:'fixed',inset:0,background:'rgba(0,0,0,0.7)',zIndex:1000,
display:'flex',alignItems:isMob?'flex-end':'center',justifyContent:'center',padding:isMob?0:20 }}> display:'flex',
alignItems:isMob?'flex-end':'center',
justifyContent:'center',
padding:isMob?0:20,
// Auf Mobile: unten Platz für die fixe Bottom-Nav (56px + safe-area) lassen
paddingBottom: isMob ? 'calc(56px + env(safe-area-inset-bottom, 0px))' : 20,
}}>
<div style={{ background:'#1a1a1e',border:'1px solid rgba(255,255,255,0.12)', <div style={{ background:'#1a1a1e',border:'1px solid rgba(255,255,255,0.12)',
borderRadius:isMob?'16px 16px 0 0':14, borderRadius:isMob?'16px 16px 0 0':14,
width:'100%',maxWidth:460, width:'100%',maxWidth:460,
display:'flex',flexDirection:'column', display:'flex',flexDirection:'column',
maxHeight: isMob ? '92vh' : '90vh', maxHeight: isMob ? '80vh' : '90vh',
}}> }}>
{/* Drag-Handle + Header – immer sichtbar, nicht scrollend */} {/* Drag-Handle + Header – immer sichtbar, nicht scrollend */}
<div style={{ padding:'18px 20px 0', flexShrink:0 }}> <div style={{ padding:'18px 20px 0', flexShrink:0 }}>