GovOPlaN/govoplan-reporting
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: align reporting with shared UI foundations

Browse Source
This commit is contained in:
zemion
2026-08-18 21:32:42 +02:00
parent 63ee29e222
commit 0a606184b1
2 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/govoplan_reporting/backend/manifest.py
+12
View File
@@ -26,6 +26,7 @@ from govoplan_core.core.modules import (
ModuleManifest, ModuleManifest,
NavItem, NavItem,
PermissionDefinition, PermissionDefinition,
ProductAreaContribution,
RoleTemplate, RoleTemplate,
) )
from govoplan_core.core.provider_governance import ( from govoplan_core.core.provider_governance import (
@@ -307,6 +308,17 @@ manifest = ModuleManifest(
surface_id="reporting.navigation", surface_id="reporting.navigation",
), ),
), ),
product_areas=(
ProductAreaContribution(
id="data-assurance",
module_id=MODULE_ID,
label="i18n:govoplan-core.product_area.data_assurance",
icon="database-zap",
description="i18n:govoplan-core.product_area.data_assurance_description",
surface_ids=("reporting.navigation", "reporting.workspace", "reporting.compatibility"),
order=60,
),
),
view_surfaces=( view_surfaces=(
ViewSurface( ViewSurface(
id="reporting.parameters", id="reporting.parameters",
webui/src/styles/reporting.css
+17 -17
View File
@@ -47,7 +47,7 @@
.reporting-inspector-content section { .reporting-inspector-content section {
overflow: hidden; overflow: hidden;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 6px; border-radius: var(--radius-compact);
background: var(--surface-raised); background: var(--surface-raised);
} }
@@ -157,7 +157,7 @@
margin: 0; margin: 0;
padding: 4px 8px 7px; padding: 4px 8px 7px;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 6px; border-radius: var(--radius-compact);
} }
.reporting-query-controls legend, .reporting-query-controls legend,
@@ -337,7 +337,7 @@
display: block; display: block;
width: 72%; width: 72%;
margin: 0 auto; margin: 0 auto;
border-radius: 3px 3px 0 0; border-radius: var(--radius-tight) var(--radius-tight) 0 0;
background: var(--accent); background: var(--accent);
} }
@@ -346,7 +346,7 @@
height: 280px; height: 280px;
overflow: visible; overflow: visible;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 4px; border-radius: var(--radius-sm);
background: var(--surface-raised); background: var(--surface-raised);
} }
@@ -382,7 +382,7 @@
gap: 6px; gap: 6px;
padding: 14px; padding: 14px;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 6px; border-radius: var(--radius-compact);
background: var(--surface-raised); background: var(--surface-raised);
} }
@@ -404,7 +404,7 @@
width: min(100%, 280px); width: min(100%, 280px);
aspect-ratio: 1; aspect-ratio: 1;
margin: 0 auto; margin: 0 auto;
border-radius: 50%; border-radius: var(--radius-round);
box-shadow: inset 0 0 0 1px var(--border); box-shadow: inset 0 0 0 1px var(--border);
} }
@@ -430,17 +430,17 @@
.reporting-swatch { .reporting-swatch {
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 2px; border-radius: var(--radius-hairline);
background: #2f7d6e; background: var(--data-series-1);
} }
.reporting-swatch-1 { background: #3366a8; } .reporting-swatch-1 { background: var(--data-series-2); }
.reporting-swatch-2 { background: #c28b2c; } .reporting-swatch-2 { background: var(--data-series-3); }
.reporting-swatch-3 { background: #9a4f71; } .reporting-swatch-3 { background: var(--data-series-4); }
.reporting-swatch-4 { background: #5f7f3a; } .reporting-swatch-4 { background: var(--data-series-5); }
.reporting-swatch-5 { background: #b85c3b; } .reporting-swatch-5 { background: var(--data-series-6); }
.reporting-swatch-6 { background: #586176; } .reporting-swatch-6 { background: var(--data-series-7); }
.reporting-swatch-7 { background: #2e8b9a; } .reporting-swatch-7 { background: var(--data-series-8); }
.reporting-bar-row { .reporting-bar-row {
display: grid; display: grid;
@@ -454,7 +454,7 @@
height: 22px; height: 22px;
overflow: hidden; overflow: hidden;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 4px; border-radius: var(--radius-sm);
background: var(--surface-subtle, var(--surface)); background: var(--surface-subtle, var(--surface));
} }
@@ -535,7 +535,7 @@
.reporting-drill-path span { .reporting-drill-path span {
padding: 5px 8px; padding: 5px 8px;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 4px; border-radius: var(--radius-sm);
background: var(--surface-subtle, var(--surface)); background: var(--surface-subtle, var(--surface));
font-size: 0.76rem; font-size: 0.76rem;
} }