feat: add hover/focus states and clean up unused styles (Task 5.6)

- Add subtle hover states to KPI badges, dropdown triggers, tabs
- Add consistent focus rings for accessibility (2px Pale Blue)
- Update button styles with focus/active states
- Clean up unused styles: compact_kpi_* (Option B), unused imports
- All interactive elements now have appropriate hover/focus feedback
This commit is contained in:
Andrew Charlwood
2026-02-05 02:16:01 +00:00
parent 731db2d85f
commit 9b466b4e6c
3 changed files with 131 additions and 77 deletions
+7 -14
View File
@@ -13,41 +13,34 @@ import plotly.graph_objects as go
import reflex as rx
from pathways_app.styles import (
# Core design tokens
Colors,
Typography,
Spacing,
Radii,
Shadows,
Transitions,
# Layout constants
TOP_BAR_HEIGHT,
FILTER_STRIP_HEIGHT,
PAGE_MAX_WIDTH,
PAGE_PADDING,
card_style,
input_style,
# Typography helpers
text_h1,
text_h3,
text_caption,
button_ghost_style,
kpi_card_style,
kpi_value_style,
kpi_label_style,
# v2.1 compact styles
# v2.1 filter strip styles
filter_strip_style,
compact_dropdown_trigger_style,
searchable_dropdown_panel_style,
searchable_dropdown_item_style,
# v2.1 KPI badge styles
kpi_badge_style,
kpi_badge_value_style,
kpi_badge_label_style,
# v2.1 chart styles (full-width layout)
chart_container_style,
chart_wrapper_style,
# v2.1 top bar styles
top_bar_style,
top_bar_tab_style,
logo_style,
# Legacy styles (kept for kpi_card/kpi_row fallback)
kpi_value_style,
kpi_label_style,
)