Skip to content

feat: unify detail page layout and CSS across all three sections#91

Merged
eclectic-coding merged 2 commits into
mainfrom
feat/ui-polish
May 27, 2026
Merged

feat: unify detail page layout and CSS across all three sections#91
eclectic-coding merged 2 commits into
mainfrom
feat/ui-polish

Conversation

@eclectic-coding
Copy link
Copy Markdown
Owner

Closes #54

Summary

  • Cache entry detail now uses the same card-based layout as job and failed job detail pages (sqw-detail-card sqw-detail-section)
  • Consolidate two near-identical definition list classes (sqw-detail/sqw-detail__rowsqw-dl) and two near-identical code block classes (sqw-value-presqw-code-block), aligning max-height to 400px throughout
  • Inline margin-top style on the failed-job arguments card replaced with a CSS sibling-selector rule (.sqw-detail-grid + .sqw-detail-card, .sqw-detail-card + .sqw-detail-card)

Test plan

  • bundle exec rspec — 329 examples, 0 failures
  • Cache entry detail page renders with card chrome (border, background, padding) matching job and failed job detail pages
  • Value preview (enabled and disabled) renders correctly inside the card
  • Failed job arguments card spacing unchanged visually
  • Dark mode — card backgrounds and code blocks render correctly in both themes

🤖 Generated with Claude Code

eclectic-coding and others added 2 commits May 27, 2026 07:48
- Wrap cache entry detail in sqw-detail-card cards (matches jobs/failed_jobs)
- Replace sqw-detail/sqw-detail__row with sqw-dl (one definition list class)
- Replace sqw-value-pre with sqw-code-block (one code block class, 400px max-height)
- Remove inline margin-top style from failed_jobs/show; use CSS sibling selector instead

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@eclectic-coding eclectic-coding merged commit cdbb5c7 into main May 27, 2026
4 checks passed
@eclectic-coding eclectic-coding deleted the feat/ui-polish branch May 27, 2026 11:52
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.

[v1.0.0] Final UI polish pass

1 participant