70 lines
2.4 KiB
CSS
70 lines
2.4 KiB
CSS
:root {
|
||
--lumo-font-size: 1rem;
|
||
--lumo-font-size-xxxl: 3rem;
|
||
--lumo-font-size-xxl: 2.25rem;
|
||
--lumo-font-size-xl: 1.75rem;
|
||
--lumo-font-size-l: 1.375rem;
|
||
--lumo-font-size-m: 1.125rem;
|
||
--lumo-font-size-s: 1rem;
|
||
--lumo-font-size-xs: 0.875rem;
|
||
--lumo-font-size-xxs: 0.8125rem;
|
||
|
||
--lumo-primary-text-color: rgb(9, 134, 24);
|
||
--lumo-primary-color-50pct: rgba(9, 134, 24, 0.5);
|
||
--lumo-primary-color-10pct: rgba(9, 134, 24, 0.1);
|
||
--lumo-primary-color: hsl(127, 87%, 28%);
|
||
|
||
--lumo-base-color: #dadcc7;
|
||
|
||
--lumo-tint-5pct: rgba(101, 105, 63, 0.05);
|
||
--lumo-tint-10pct: rgba(101, 105, 63, 0.1);
|
||
--lumo-tint-20pct: rgba(101, 105, 63, 0.2);
|
||
--lumo-tint-30pct: rgba(101, 105, 63, 0.3);
|
||
--lumo-tint-40pct: rgba(101, 105, 63, 0.4);
|
||
--lumo-tint-50pct: rgba(101, 105, 63, 0.5);
|
||
--lumo-tint-60pct: rgba(101, 105, 63, 0.6);
|
||
--lumo-tint-70pct: rgba(101, 105, 63, 0.7);
|
||
--lumo-tint-80pct: rgba(101, 105, 63, 0.8);
|
||
--lumo-tint-90pct: rgba(101, 105, 63, 0.9);
|
||
--lumo-tint: #65693f;
|
||
|
||
--lumo-success-text-color: rgb(56, 204, 36);
|
||
--lumo-success-color-50pct: rgba(56, 204, 36, 0.5);
|
||
--lumo-success-color-10pct: rgba(56, 204, 36, 0.1);
|
||
--lumo-success-color: hsl(113, 70%, 47%);
|
||
|
||
/* Lumo-Tokens, die IntelliJ anmeckert – mit sinnvollen Defaults */
|
||
--lumo-space-xs: 0.25rem;
|
||
--lumo-border-radius-s: 0.25rem;
|
||
--lumo-contrast-10pct: rgba(0, 0, 0, 0.06);
|
||
--lumo-size-s: 2rem;
|
||
}
|
||
|
||
/* Deckender Hintergrund + Rahmen für die Filter-Wrapper im Header */
|
||
.filter-cell {
|
||
background: var(--lumo-base-color, #fff);
|
||
padding: var(--lumo-space-xs, 0.25rem);
|
||
border-radius: var(--lumo-border-radius-s, 0.25rem);
|
||
/* zarte Kontur; Fallback, falls IntelliJ die Var. nicht kennt */
|
||
box-shadow: inset 0 0 0 1px var(--lumo-contrast-10pct, rgba(0,0,0,0.06));
|
||
display: block;
|
||
background-clip: padding-box; /* verhindert „Ausbluten“ */
|
||
}
|
||
|
||
vaadin-grid::part(header-row),
|
||
|
||
vaadin-grid::part(header-cell) {
|
||
background: var(--lumo-base-color, #fff);
|
||
box-shadow: 0 1px 0 0 var(--lumo-contrast-10pct, rgba(0,0,0,0.06));
|
||
min-height: var(--lumo-size-s, 2rem); /* gleichmäßige Höhe */
|
||
}
|
||
|
||
.filter-cell :is(vaadin-date-picker,
|
||
vaadin-combo-box,
|
||
vaadin-text-field,
|
||
vaadin-checkbox,
|
||
vaadin-button) {
|
||
margin: 0;
|
||
width: 100%;
|
||
}
|