Fix dashboard layout regression after login#143
Conversation
There was a problem hiding this comment.
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: 0and new grid rules to prevent overflow and allow proper text truncation in dashboard headers/titles. - Tweaked responsive
.dash-profilelayout to a compact avatar-only presentation at smaller widths. - Updated the amber icon background color and removed an
overflow-x: cliprule.
| .how-step-icon.amber, | ||
| .why-icon.amber { | ||
| color: #d97706; | ||
| background: #fff7ed; | ||
| background: #fffbeb; | ||
| } |
| .dash-profile { | ||
| grid-template-columns: 32px 14px; | ||
| max-width: 50px; | ||
| } | ||
| .dash-profile > span:not(.profile-avatar) { | ||
| display: none; | ||
| } |
| grid-template-columns: minmax(0, 1fr) 286px; | ||
| gap: 16px; | ||
| padding: 18px; | ||
| overflow-x: clip; | ||
| } |
| font-size: 12px; | ||
| } | ||
| } | ||
|
|
|
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. |
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.
|
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. |
|
MRG credit issued after maintainer merge.
|
Fixes #16