paul/task-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: overflow-x:clip statt overflow:hidden — verhindert Scroll ohne Content abzuschneiden
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
NotiBot
2026-02-03 16:34:05 +01:00
parent 90eb8a0465
commit 200659ee96
2 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/TaskCard.tsx
+4 -4
View File
@@ -295,7 +295,7 @@ export default function TaskCard({ task, onStartTimer, onStopTimer, onEdit, onDe
: null; : null;
return ( return (
<div className="overflow-hidden"> <div style={{ overflowX: 'clip' }}>
<motion.div <motion.div
drag="x" drag="x"
dragConstraints={{ left: -50, right: 150 }} // Limit swipe distance dragConstraints={{ left: -50, right: 150 }} // Limit swipe distance
@@ -351,9 +351,9 @@ export default function TaskCard({ task, onStartTimer, onStopTimer, onEdit, onDe
}} }}
> >
{/* Parent Task Link rendered in title now */} {/* Parent Task Link rendered in title now */}
<h3 className={`font-medium text-sm leading-tight truncate max-w-full overflow-hidden ${task.status === 'done' ? 'line-through' : ''}`} data-testid={`text-task-title-${task.id}`}> <h3 className={`font-medium text-sm leading-tight truncate ${task.status === 'done' ? 'line-through' : ''}`} data-testid={`text-task-title-${task.id}`}>
{parentTask ? ( {parentTask ? (
<span className="flex items-center gap-1 min-w-0 max-w-full overflow-hidden"> <span className="flex items-center gap-1 min-w-0">
<span className="text-muted-foreground font-normal truncate shrink min-w-0">{parentTask.title}</span> <span className="text-muted-foreground font-normal truncate shrink min-w-0">{parentTask.title}</span>
<span className="text-muted-foreground shrink-0">›</span> <span className="text-muted-foreground shrink-0">›</span>
<span className="truncate shrink min-w-0">{task.title}</span> <span className="truncate shrink min-w-0">{task.title}</span>
@@ -368,7 +368,7 @@ export default function TaskCard({ task, onStartTimer, onStopTimer, onEdit, onDe
</p> </p>
)} )}
<div className="flex items-center gap-2 mt-3 flex-wrap max-w-full overflow-hidden"> <div className="flex items-center gap-2 mt-3 flex-wrap">
<Badge <Badge
variant="secondary" variant="secondary"
className={`text-xs ${getPriorityColor(task.priority)}`} className={`text-xs ${getPriorityColor(task.priority)}`}
client/src/index.css
+2 -7
View File
@@ -3,16 +3,11 @@
@tailwind utilities; @tailwind utilities;
/* Prevent horizontal scroll globally */ /* Prevent horizontal scroll globally */
html { html, body, #root {
overflow-x: hidden; overflow-x: clip;
overscroll-behavior-x: none; overscroll-behavior-x: none;
} }
body, #root {
overflow-x: hidden;
width: 100%;
}
/* LIGHT MODE */ /* LIGHT MODE */
:root { :root {
--button-outline: rgba(0,0,0, .10); --button-outline: rgba(0,0,0, .10);