mirror of
https://codeberg.org/likwid/likwid.git
synced 2026-02-09 21:13:09 +00:00
ux: normalize invitation form controls
This commit is contained in:
parent
e0e81375fb
commit
e45e52b46d
2 changed files with 7 additions and 16 deletions
|
|
@ -144,7 +144,7 @@
|
||||||
font: inherit;
|
font: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
:where(input, textarea, select) {
|
:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
|
||||||
background: var(--color-field-bg);
|
background: var(--color-field-bg);
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
border: 1px solid var(--color-border);
|
border: 1px solid var(--color-border);
|
||||||
|
|
@ -153,21 +153,21 @@
|
||||||
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 {
|
:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select)::placeholder {
|
||||||
color: var(--color-text-muted);
|
color: var(--color-text-muted);
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
}
|
}
|
||||||
|
|
||||||
:where(input, textarea, select):disabled {
|
:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):disabled {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
:where(input, textarea, select):hover {
|
:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):hover {
|
||||||
border-color: var(--color-border-hover);
|
border-color: var(--color-border-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
:where(input, textarea, select):focus {
|
:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
border-color: var(--color-primary);
|
border-color: var(--color-primary);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -259,17 +259,8 @@ import { API_BASE as apiBase } from '../../lib/api';
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.create-form .form-group label {
|
.filter-label {
|
||||||
font-size: 0.875rem;
|
margin-bottom: 0;
|
||||||
}
|
|
||||||
|
|
||||||
.create-form .form-group input {
|
|
||||||
width: 100%;
|
|
||||||
padding: 0.75rem;
|
|
||||||
border: 1px solid var(--color-border);
|
|
||||||
border-radius: 8px;
|
|
||||||
background: var(--color-bg);
|
|
||||||
color: var(--color-text);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue