Skip to content

Fix dashboard layout regression after login#143

Merged
TUPM96 merged 2 commits into
mergeos-bounties:masterfrom
lqkhanh295:fix-dashboard-layout
May 29, 2026
Merged

Fix dashboard layout regression after login#143
TUPM96 merged 2 commits into
mergeos-bounties:masterfrom
lqkhanh295:fix-dashboard-layout

Conversation

@lqkhanh295
Copy link
Copy Markdown
Contributor

Fixes #16

Copilot AI review requested due to automatic review settings May 29, 2026 06:06
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Updates dashboard-related CSS to improve layout behavior (shrinking/truncation in grid/flex contexts), adjust responsive profile display, and refine amber styling.

Changes:

  • Added min-width: 0 and new grid rules to prevent overflow and allow proper text truncation in dashboard headers/titles.
  • Tweaked responsive .dash-profile layout to a compact avatar-only presentation at smaller widths.
  • Updated the amber icon background color and removed an overflow-x: clip rule.

Comment thread frontend/src/styles.css
Comment on lines 4004 to 4008
.how-step-icon.amber,
.why-icon.amber {
color: #d97706;
background: #fff7ed;
background: #fffbeb;
}
Comment thread frontend/src/styles.css
Comment on lines 6638 to 6644
.dash-profile {
grid-template-columns: 32px 14px;
max-width: 50px;
}
.dash-profile > span:not(.profile-avatar) {
display: none;
}
Comment thread frontend/src/styles.css
Comment on lines 5412 to 5415
grid-template-columns: minmax(0, 1fr) 286px;
gap: 16px;
padding: 18px;
overflow-x: clip;
}
Comment thread frontend/src/styles.css
font-size: 12px;
}
}

@TUPM96 TUPM96 added bug Something isn't working bounty Eligible work for the MergeOS bounty program evidence: missing PR needs screenshot, GIF, video, or other visual evidence. star: missing PR author must star this repository before bounty review. bounty: bug Bug-fix bounty work. frontend Frontend UI and interaction work. dashboard Dashboard layout, authenticated workspace, and post-login UI work. auth Authentication, login, logout, and account session flows. responsive Responsive layout and viewport QA. qa Quality assurance, regression testing, and verification work. reward:2000-mrg Bounty reward is 2000 MRG tokens. star: verified PR author has starred this repository. and removed star: missing PR author must star this repository before bounty review. labels May 29, 2026
@TUPM96
Copy link
Copy Markdown
Contributor

TUPM96 commented May 29, 2026

Maintainer check: tagged this PR with the bounty/reward/evidence/star structure. Star is verified, but this PR is blocked because it has a conflict against current master in frontend/src/styles.css and it does not include visual evidence yet. Please rebase/resolve the stylesheet conflict and attach before/after dashboard evidence before requesting another merge pass.

@lqkhanh295
Copy link
Copy Markdown
Contributor Author

Hi @eliasx45 and @TUPM96, the dashboard layout changes are implemented, and all tests and builds are passing successfully. Please take a look when you have time! Thank you!

TUPM96 pushed a commit that referenced this pull request May 29, 2026
Maintainer merge: verified the frontend WebSocket visibility/stat update diff against current master. Local merged preview with #138/#143 passed frontend tests and build; no security issue found in #140. Claimant/payout dispute remains separate from accepting this safe code change.
TUPM96 pushed a commit that referenced this pull request May 29, 2026
Maintainer merge: reviewed the updated notification count/read-all changes after the author response. Local merged preview with #140/#143 passed frontend tests and build; #138 has clean CI and no security-sensitive changes. Evidence/payout review can remain separate from accepting the safe UI behavior.
@TUPM96 TUPM96 merged commit 1da6033 into mergeos-bounties:master May 29, 2026
5 checks passed
@TUPM96
Copy link
Copy Markdown
Contributor

TUPM96 commented May 29, 2026

Maintainer follow-up: merged after rechecking the updated branch against current master.

Validation:

I noticed a non-functional trailing blank-line warning locally, but it does not affect runtime behavior, so I did not block merge on that alone.

@TUPM96
Copy link
Copy Markdown
Contributor

TUPM96 commented May 29, 2026

MRG credit issued after maintainer merge.

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

Labels

auth Authentication, login, logout, and account session flows. bounty: bug Bug-fix bounty work. bounty Eligible work for the MergeOS bounty program bug Something isn't working dashboard Dashboard layout, authenticated workspace, and post-login UI work. evidence: missing PR needs screenshot, GIF, video, or other visual evidence. frontend Frontend UI and interaction work. qa Quality assurance, regression testing, and verification work. responsive Responsive layout and viewport QA. reward:2000-mrg Bounty reward is 2000 MRG tokens. star: verified PR author has starred this repository.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[2000 MRG] Fix dashboard layout after login

3 participants