Conversation
Updated justify-content to use 'safe center' for better alignment.
|
✅ All contributors have signed the CLA. Thank you! This PR is ready to be merged. |
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Organization UI Review profile: ASSERTIVE Plan: Advanced Run ID: 📒 Files selected for processing (1)
Included review availability: Your plan provides up to 2 included reviews per hour; 1 remains after this review. 📝 WalkthroughWalkthroughThe dashboard instance-card grid changes from start alignment to safe center alignment. Wide layouts now center the card tracks, while narrow layouts avoid overflow clipping. ChangesDashboard layout
Priority: ➖ Normal Severity of issue fixed: Medium Merge Risk: ⚪ Minimal · up to The dashboard card grid change is limited in scope and aligns with the stated layout objective. No merge-blocking risk remains. 🚥 Pre-merge checks | ✅ 2✅ Passed checks (2 passed)
✨ Finishing Touches 💡 1🛠️ Fix failing CI checks 💡
🧪 Generate unit tests (beta)
✨ Simplify code
Comment |
|
I have read and agree to the Contributor License Agreement |
Fixes #1520
Problem
The Dashboard instance-card row (
.chooser-family-grid) is a grid with fixed-width tracks (repeat(auto-fit, 280px)) andjustify-content: start, so on wide windows the whole track group hugs the left edge while the logo and search box above are centered. Details, screenshots and DevTools traces in #1520.Fix
Center the track group with an overflow-safe fallback:
justify-content: start→justify-content: safe centerWith
safe center, narrow windows keep the current left-aligned behavior when the tracks overflow, so only wide layouts change.Verification
--remote-debugging-port=9222+ DevTools.justify-content: centerlive in DevTools centers the cards as expected (screenshots in Dashboard: instance card row stays left-aligned on wide screens instead of centering #1520).