mirror of
https://codeberg.org/likwid/likwid.git
synced 2026-02-10 05:23:09 +00:00
ui: standardize form controls
This commit is contained in:
parent
a611471bda
commit
c6529c6996
1 changed files with 30 additions and 0 deletions
|
|
@ -153,6 +153,16 @@
|
|||
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 {
|
||||
border-color: var(--color-border-hover);
|
||||
}
|
||||
|
|
@ -340,6 +350,26 @@
|
|||
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 {
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
|
|
|
|||
Loading…
Reference in a new issue