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
webui/src/styles/reporting.css
+17 -17
View File
@@ -47,7 +47,7 @@
.reporting-inspector-content section {
overflow: hidden;
border: 1px solid var(--border);
border-radius: 6px;
border-radius: var(--radius-compact);
background: var(--surface-raised);
}
@@ -157,7 +157,7 @@
margin: 0;
padding: 4px 8px 7px;
border: 1px solid var(--border);
border-radius: 6px;
border-radius: var(--radius-compact);
}
.reporting-query-controls legend,
@@ -337,7 +337,7 @@
display: block;
width: 72%;
margin: 0 auto;
border-radius: 3px 3px 0 0;
border-radius: var(--radius-tight) var(--radius-tight) 0 0;
background: var(--accent);
}
@@ -346,7 +346,7 @@
height: 280px;
overflow: visible;
border: 1px solid var(--border);
border-radius: 4px;
border-radius: var(--radius-sm);
background: var(--surface-raised);
}
@@ -382,7 +382,7 @@
gap: 6px;
padding: 14px;
border: 1px solid var(--border);
border-radius: 6px;
border-radius: var(--radius-compact);
background: var(--surface-raised);
}
@@ -404,7 +404,7 @@
width: min(100%, 280px);
aspect-ratio: 1;
margin: 0 auto;
border-radius: 50%;
border-radius: var(--radius-round);
box-shadow: inset 0 0 0 1px var(--border);
}
@@ -430,17 +430,17 @@
.reporting-swatch {
width: 10px;
height: 10px;
border-radius: 2px;
background: #2f7d6e;
border-radius: var(--radius-hairline);
background: var(--data-series-1);
}
.reporting-swatch-1 { background: #3366a8; }
.reporting-swatch-2 { background: #c28b2c; }
.reporting-swatch-3 { background: #9a4f71; }
.reporting-swatch-4 { background: #5f7f3a; }
.reporting-swatch-5 { background: #b85c3b; }
.reporting-swatch-6 { background: #586176; }
.reporting-swatch-7 { background: #2e8b9a; }
.reporting-swatch-1 { background: var(--data-series-2); }
.reporting-swatch-2 { background: var(--data-series-3); }
.reporting-swatch-3 { background: var(--data-series-4); }
.reporting-swatch-4 { background: var(--data-series-5); }
.reporting-swatch-5 { background: var(--data-series-6); }
.reporting-swatch-6 { background: var(--data-series-7); }
.reporting-swatch-7 { background: var(--data-series-8); }
.reporting-bar-row {
display: grid;
@@ -454,7 +454,7 @@
height: 22px;
overflow: hidden;
border: 1px solid var(--border);
border-radius: 4px;
border-radius: var(--radius-sm);
background: var(--surface-subtle, var(--surface));
}
@@ -535,7 +535,7 @@
.reporting-drill-path span {
padding: 5px 8px;
border: 1px solid var(--border);
border-radius: 4px;
border-radius: var(--radius-sm);
background: var(--surface-subtle, var(--surface));
font-size: 0.76rem;
}