DevSecOps
/
Assessor_2.0
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2

This commit is contained in:
Michael 2026-08-24 15:17:46 +02:00
parent 6cfe0c1fd5
commit 664ed3e89e
2 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/tile-contract.css Normal file
View File

@ -0,0 +1,7 @@
/* Letzte Kaskadenschicht fuer die verbindliche Segment-/Kachelgrammatik.
Ansichtsspezifische Breakpoints duerfen eine unvollstaendige Kachelzeile
nicht wieder auf die gesamte Segmentbreite strecken. */
.donut-metric-rack {
grid-template-columns: repeat(auto-fill, var(--tile-compact-width));
justify-content: start;
}

24
src/styles/ui-components.css
View File

@ -421,26 +421,32 @@
.tile-grid { .tile-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--tile-min-w), 1fr)); grid-template-columns: repeat(auto-fill, minmax(0, var(--tile-content-width)));
gap: var(--space-2); justify-content: start;
padding: var(--space-3); gap: var(--segment-gap);
padding: var(--segment-inset);
border: var(--bw-hairline) solid var(--segment-border);
border-radius: var(--segment-radius);
background: var(--segment-surface);
} }
.tile { .tile {
display: grid; display: grid;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
min-width: 0;
height: var(--tile-h); height: var(--tile-h);
padding: var(--space-2) var(--space-3); padding: var(--space-2) var(--space-3);
background: var(--surface-panel); background: var(--tile-surface);
border: var(--bw-hairline) solid var(--border-subtle); border: var(--bw-hairline) solid var(--tile-border);
border-radius: var(--radius-sm); border-radius: var(--tile-radius);
box-shadow: var(--tile-card-shadow);
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
} }
.tile:hover { background: var(--surface-hover); border-color: var(--border-strong); } .tile:hover { background: var(--tile-surface-hover); border-color: var(--border-strong); }
.tile[aria-selected="true"] { .tile[aria-selected="true"] {
background: var(--surface-selected); background: var(--tile-surface-hover);
border-color: var(--selection-border); border-color: var(--tile-selected-border);
border-width: var(--bw-emphasis); border-width: var(--bw-emphasis);
padding: calc(var(--space-2) - 1px) calc(var(--space-3) - 1px); padding: calc(var(--space-2) - 1px) calc(var(--space-3) - 1px);
} }