ux: normalize invitation form controls

This commit is contained in:
Marco Allegretti 2026-01-30 12:20:07 +01:00
parent e0e81375fb
commit e45e52b46d
2 changed files with 7 additions and 16 deletions

View file

@ -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);
} }

View file

@ -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);
} }