forked from fa/breadcrumb-the-shire
fs
25370a1a55
- Add icanhazstring/composer-unused as dev dependency for dependency hygiene checks - Add German documentation (docs/) covering architecture, conventions, workflows, and developer checklists - Add API layer (ApiAuth, ApiBootstrap, ApiResponse), audit, scheduler, custom fields, and SSO services - Add Microsoft OIDC SSO, API token management, and user lifecycle features - Add swagger-ui vendor integration and OpenAPI spec - Add production Docker setup and bin/ scripts - Update composer dependencies, config, templates, and frontend assets throughout Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
106 lines
2.8 KiB
CSS
106 lines
2.8 KiB
CSS
@layer vendor-overrides {
|
|
|
|
/* Overrides for MultiSelect */
|
|
.multi-select {
|
|
--spacing-smaller: 3px;
|
|
--spacing-small: 5px;
|
|
--spacing-medium: 7px;
|
|
--spacing-large: 12px;
|
|
--font-size: 12px;
|
|
--font-size-large: 14px;
|
|
--font-size-larger: 16px;
|
|
--line-height: 16px;
|
|
--line-height-larger: 20px;
|
|
--primary-color: var(--app-primary);
|
|
--text-color-dark: var(--app-contrast);
|
|
--text-color: var(--app-muted-color);
|
|
--text-color-light: var(--app-muted-color);
|
|
--border-color: var(--app-form-element-border-color);
|
|
--border-color-light: var(--app-muted-border-color);
|
|
--input-placeholder: var(--app-form-element-placeholder-color);
|
|
--input-background: var(--app-form-element-background-color);
|
|
--input-border: var(--app-form-element-border-color);
|
|
--input-border-active: var(--app-primary-focus);
|
|
--input-border-invalid: var(--app-form-element-invalid-border-color);
|
|
--input-outline-invalid: var(--app-form-element-invalid-active-shadow);
|
|
--input-color: var(--app-form-element-color);
|
|
--input-disabled: var(--app-form-element-disabled-background-color);
|
|
--input-min-height: calc(
|
|
1rem * var(--app-line-height) + var(--app-form-element-spacing-vertical) *
|
|
2 + var(--app-border-width) * 2
|
|
);
|
|
--options-height: 40dvh;
|
|
--option-background: var(--badge-neutral-bg);
|
|
--border-radius: var(--app-border-radius);
|
|
--icon-size: 12px;
|
|
--icon-space: 30px;
|
|
--checkbox-size: 16px;
|
|
--checkbox-radius: 4px;
|
|
--checkbox-border: var(--app-form-element-border-color);
|
|
--checkbox-background: var(--app-form-element-background-color);
|
|
--checkbox-active: var(--app-form-element-background-color);
|
|
--checkbox-thickness: 2px;
|
|
}
|
|
|
|
.multi-select
|
|
.multi-select-options
|
|
.multi-select-option
|
|
.multi-select-option-radio,
|
|
.multi-select
|
|
.multi-select-options
|
|
.multi-select-all
|
|
.multi-select-option-radio {
|
|
padding: 2px;
|
|
}
|
|
.multi-select
|
|
.multi-select-options
|
|
.multi-select-option
|
|
.multi-select-option-radio,
|
|
.multi-select
|
|
.multi-select-options
|
|
.multi-select-all
|
|
.multi-select-option-radio {
|
|
padding: 2px;
|
|
}
|
|
|
|
.multi-select {
|
|
margin-bottom: var(--app-spacing);
|
|
}
|
|
|
|
.multi-select.disabled {
|
|
opacity: 0.65;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.multi-select.disabled .multi-select-header,
|
|
.multi-select.disabled .multi-select-options {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.multi-select .multi-select-header {
|
|
background: var(--app-form-element-background-color);
|
|
}
|
|
|
|
.multi-select .multi-select-options {
|
|
background: var(--app-form-element-background-color);
|
|
}
|
|
|
|
.multi-select .multi-select-header .multi-select-header-option {
|
|
border: 1px solid var(--app-border);
|
|
}
|
|
|
|
.multi-select .multi-select-header {
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.multi-select .multi-select-option.is-disabled {
|
|
opacity: 0.45;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.multi-select .multi-select-all.is-disabled {
|
|
opacity: 0.45;
|
|
cursor: not-allowed;
|
|
}
|
|
}
|