Skip to content

Fix horizontal overflow in responsive dashboard layout - #25

Open
jamesx0416 wants to merge 12 commits into
xtditom:mainfrom
jamesx0416:fix/responsive-layout-gap
Open

jamesx0416 wants to merge 12 commits into
xtditom:mainfrom
jamesx0416:fix/responsive-layout-gap

Conversation

@jamesx0416

@jamesx0416 jamesx0416 commented Sep 14, 2026 •

Copy link
Copy Markdown

Makes the desktop column gap responsive instead of keeping it fixed at 20rem.

This removes the horizontal scrollbar that appears at intermediate viewport widths, including Helium with the vertical tabs, while preserving the existing 20rem gap at wider widths and the current 1270px stacked breakpoint.

Change

gap: clamp(12rem, calc(100vw - 1078px), 20rem);

Verified

Checked widths around the previous overflow range, including 1271px - 1398px. The layout fits without horizontal overflow throughout.

@xtditom
xtditom requested a balanced review from Copilot September 14, 2026 16:47

This comment was marked as off-topic.

@jamesx0416

Copy link
Copy Markdown
Author

@codex review

@jamesx0416
jamesx0416 marked this pull request as draft September 15, 2026 00:37
@xtditom

xtditom commented Sep 15, 2026 •

Copy link
Copy Markdown
Owner

@jamesx0416 Can you tell me what things you changed (new changes), so that I can easily verify & also test them? Actually, I am a little busy right now, so It may take time to get verified & merged. Hope you understand.

@jamesx0416

Copy link
Copy Markdown
Author

Oh yeah, I'm just working on speeding up the load time of custom background images, and adding a fade. I'm a little busy too, it might be a few more days before I'm ready. Thanks!

@jamesx0416
jamesx0416 force-pushed the fix/responsive-layout-gap branch from c24d401 to ac2f4d0 Compare September 16, 2026 08:08
@xtditom

xtditom commented Sep 22, 2026

Copy link
Copy Markdown
Owner

@jamesx0416 ready for review and merge?

@jamesx0416
jamesx0416 marked this pull request as ready for review October 7, 2026 06:28
@jamesx0416

Copy link
Copy Markdown
Author

@xtditom Sorry about the delay, it's ready now.

Features:
Fade
Fade from bg colour
Improves the responsive column gap and avoids resetting the animated dark background unnecessarily.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants