From 90eb8a0465d3677f8c3e516cb49696a0dd205ac1 Mon Sep 17 00:00:00 2001 From: NotiBot Date: Tue, 3 Feb 2026 16:24:40 +0100 Subject: [PATCH] Fix: Sauberer horizontal-scroll Fix ohne destruktive CSS-Regeln - Entfernt max-width:100vw (inkludiert Scrollbar-Breite = Bug) - Entfernt * {max-width:100%} (bricht Flexbox/Grid Layouts) - Stattdessen: width:100% + overflow-x:hidden auf body/#root --- client/src/index.css | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/client/src/index.css b/client/src/index.css index f0d499f..d07cbdf 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -3,20 +3,14 @@ @tailwind utilities; /* Prevent horizontal scroll globally */ -html, body, #root { +html { overflow-x: hidden; - max-width: 100vw; overscroll-behavior-x: none; } -/* Prevent any element from causing horizontal overflow */ -* { - max-width: 100%; -} - -/* Exceptions for elements that legitimately need wider content */ -.overflow-x-auto, [style*="grid-template-columns"] { - max-width: none; +body, #root { + overflow-x: hidden; + width: 100%; } /* LIGHT MODE */