Fix: Sauberer horizontal-scroll Fix ohne destruktive CSS-Regeln
continuous-integration/drone/push Build is passing
continuous-integration/drone/push Build is passing
- 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
This commit is contained in:
+4
-10
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user