From 345350c80ba0ef054fe6adc77fdf6c9f89b9c1e5 Mon Sep 17 00:00:00 2001 From: ulsklyc <108589275+ulsklyc@users.noreply.github.com> Date: Thu, 30 Apr 2026 17:24:28 +0200 Subject: [PATCH] fix: prevent dashboard horizontal overflow on portrait mobile (#111) (#113) 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 Co-authored-by: Claude Sonnet 4.6 --- public/styles/dashboard.css | 1 - public/styles/layout.css | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/public/styles/dashboard.css b/public/styles/dashboard.css index 9f81af9..8dfe451 100644 --- a/public/styles/dashboard.css +++ b/public/styles/dashboard.css @@ -1941,7 +1941,6 @@ * -------------------------------------------------------- */ .dashboard { max-width: min(1680px, 100%); - overflow: visible; } .dashboard::before, diff --git a/public/styles/layout.css b/public/styles/layout.css index 39fc171..03d4ea1 100755 --- a/public/styles/layout.css +++ b/public/styles/layout.css @@ -128,7 +128,7 @@ flex: 1; min-height: 0; overflow-y: auto; - overflow-x: clip; + overflow-x: hidden; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }