feat: scope pathway filters to Patient Pathways view with design-spec CSS (Task 10.9)
This commit is contained in:
+7
-15
@@ -228,26 +228,18 @@ body {
|
||||
font-size: 13px; color: var(--nhs-mid-grey); margin-top: 4px;
|
||||
}
|
||||
|
||||
/* ── Filter Bar ── */
|
||||
.filter-bar {
|
||||
/* ── Patient Pathways Filter Strip ── */
|
||||
.pathway-filters {
|
||||
background: var(--nhs-white);
|
||||
border: 1px solid var(--nhs-pale-grey);
|
||||
padding: 12px 20px;
|
||||
display: flex; align-items: center; gap: 16px;
|
||||
flex-wrap: wrap;
|
||||
border-bottom: 2px solid var(--nhs-blue);
|
||||
padding: 8px 20px;
|
||||
display: flex; align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.filter-bar__group {
|
||||
.pathway-filters__buttons {
|
||||
display: flex; align-items: center; gap: 8px;
|
||||
}
|
||||
.filter-bar__divider {
|
||||
width: 1px; height: 28px; background: var(--nhs-pale-grey);
|
||||
}
|
||||
.filter-bar__label {
|
||||
font-size: 12px; font-weight: 600;
|
||||
text-transform: uppercase; letter-spacing: 0.04em;
|
||||
color: var(--nhs-mid-grey);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Toggle pills */
|
||||
.toggle-pills {
|
||||
|
||||
@@ -1,20 +1,19 @@
|
||||
"""Filter bar component — drug, trust, and directorate filter buttons.
|
||||
"""Patient Pathways filter strip — drug, trust, and directorate filter buttons.
|
||||
|
||||
View-specific controls for Patient Pathways. Global controls (chart type
|
||||
toggle, date filters) live in sub_header.py.
|
||||
View-specific controls for Patient Pathways only. Hidden when on Trust Comparison.
|
||||
Global controls (chart type toggle, date filters) live in sub_header.py.
|
||||
"""
|
||||
from dash import html
|
||||
|
||||
|
||||
def make_filter_bar():
|
||||
"""Return a filter bar with drug, trust, and directorate filter buttons."""
|
||||
return html.Section(
|
||||
className="filter-bar",
|
||||
**{"aria-label": "Filters"},
|
||||
"""Return a pathway filter strip with drug, trust, and directorate buttons."""
|
||||
return html.Div(
|
||||
className="pathway-filters",
|
||||
id="pathway-filters",
|
||||
children=[
|
||||
# Filter trigger buttons
|
||||
html.Div(
|
||||
className="filter-bar__group",
|
||||
className="pathway-filters__buttons",
|
||||
children=[
|
||||
html.Button(
|
||||
children=[
|
||||
@@ -54,7 +53,6 @@ def make_filter_bar():
|
||||
),
|
||||
],
|
||||
),
|
||||
# Clear all filters
|
||||
html.Button(
|
||||
"Clear All",
|
||||
id="clear-all-filters",
|
||||
|
||||
Reference in New Issue
Block a user