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;
|
@tailwind utilities;
|
||||||
|
|
||||||
/* Prevent horizontal scroll globally */
|
/* Prevent horizontal scroll globally */
|
||||||
html, body, #root {
|
html {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
max-width: 100vw;
|
|
||||||
overscroll-behavior-x: none;
|
overscroll-behavior-x: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Prevent any element from causing horizontal overflow */
|
body, #root {
|
||||||
* {
|
overflow-x: hidden;
|
||||||
max-width: 100%;
|
width: 100%;
|
||||||
}
|
|
||||||
|
|
||||||
/* Exceptions for elements that legitimately need wider content */
|
|
||||||
.overflow-x-auto, [style*="grid-template-columns"] {
|
|
||||||
max-width: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* LIGHT MODE */
|
/* LIGHT MODE */
|
||||||
|
|||||||
Reference in New Issue
Block a user