marcoallegretti/likwid
1
0
Fork 0
mirror of https://codeberg.org/likwid/likwid.git synced 2026-02-09 21:13:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ui: standardize form controls

Browse source
This commit is contained in:
Marco Allegretti 2026-01-29 16:38:59 +01:00
parent a611471bda
commit c6529c6996
1 changed files with 30 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
frontend/src/components/ui/DesignSystemStyles.astro
View file

@ -153,6 +153,16 @@
transition: border-color var(--motion-fast) var(--easing-standard), background-color var(--motion-fast) var(--easing-standard); transition: border-color var(--motion-fast) var(--easing-standard), background-color var(--motion-fast) var(--easing-standard);
} }
:where(input, textarea, select)::placeholder {
color: var(--color-text-muted);
opacity: 0.9;
}
:where(input, textarea, select):disabled {
opacity: 0.6;
cursor: not-allowed;
}
:where(input, textarea, select):hover { :where(input, textarea, select):hover {
border-color: var(--color-border-hover); border-color: var(--color-border-hover);
} }
@ -340,6 +350,26 @@
border-radius: var(--radius-md); border-radius: var(--radius-md);
} }
:where(select.ui-select) {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 2.25rem;
background-image:
linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%),
linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%),
linear-gradient(to right, transparent, transparent);
background-position:
calc(100% - 1.05rem) 1.15rem,
calc(100% - 0.75rem) 1.15rem,
0 0;
background-size:
6px 6px,
6px 6px,
100% 100%;
background-repeat: no-repeat;
}
.ui-kpis { .ui-kpis {
display: flex; display: flex;
gap: 0.75rem; gap: 0.75rem;