App Theme UI Improvements (litmus-r6e1)
Restructure ThemeCard, add ShortlistCheckbox, rework sidebar, rename button text, fix tooltip clipping
Summary of Changes
1. ThemeCard restructured (theme_list.rs)
- Link now wraps only the card body (header + preview + swatches), not the footer actions
- Action buttons sit outside the Link in a
.theme-card-actionsdiv with app theme colors
2. ShortlistCheckbox added (components.rs)
- New
ShortlistCheckboxcomponent with<label><input type=checkbox> Shortlist</label> - Used on browse page cards;
ShortlistToggle(button) kept for detail page - Renamed “Use as App Theme” → “Apply”, “✓ App Theme” → “✓ Applied”
3. Sidebar reworked (sidebar.rs)
- Removed compare checkboxes (
checked: HashSet) and all checkbox-based gating - App theme pinned at top of shortlist with “current” badge
- Compare URL = app theme + shortlist slugs (deduped); shown when 2+ items
4. Tooltip clipping fixed (scene_renderer.rs, style.css)
line_idxforwarded toSpanView; lines 0-1 getcontrast-tooltip-belowclass.scene-block pre:overflow-x: clip; overflow-y: visibleinstead ofoverflow-x: auto.contrast-issues-list: increased max-height,overflow-y: visible
5. CSS updates (style.css)
.theme-card-actionsgets explicit app theme bg/fg/border.shortlist-checkboxstyles.sidebar-current-badgeand.sidebar-shortlist-name-linkstyles- Removed old
.sidebar-shortlist-checkstyles