Two root causes fixed: - dashboard.css: remove `overflow: visible` from the "Admin Dashboard Layout" block that overrode the earlier `overflow: clip`, letting child content escape the dashboard container and cause layout overflow - layout.css: replace `overflow-x: clip` with `overflow-x: hidden` on .app-content so layout overflow is properly contained at the scroll container level (clip only clips painting, not layout) Co-authored-by: Ulas Kalayci <ulas.kalayci@googlemail.com> Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1941,7 +1941,6 @@
|
|||||||
* -------------------------------------------------------- */
|
* -------------------------------------------------------- */
|
||||||
.dashboard {
|
.dashboard {
|
||||||
max-width: min(1680px, 100%);
|
max-width: min(1680px, 100%);
|
||||||
overflow: visible;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard::before,
|
.dashboard::before,
|
||||||
|
|||||||
@@ -128,7 +128,7 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: clip;
|
overflow-x: hidden;
|
||||||
overscroll-behavior-y: contain;
|
overscroll-behavior-y: contain;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user