sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 1825: #4982 #5003 #4989 Filter Handling + Checkbox UI + Checkbox Input Control

Browse Source 
#4982 #5003 #4989 Filter Handling + Checkbox UI + Checkbox Input Control
This commit is contained in:
Nino Righi
2025-03-26 12:52:00 +00:00
committed by Lorenz Hilpert
parent fa39b6d071
commit 82a2d70ce4
43 changed files with 905 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
libs/ui/input-controls/src/lib/checkbox/checkbox.component.scss
View File

@@ -1,3 +1,42 @@
.ui-checkbox.ui-checkbox__checkbox {
@apply relative inline-flex p-3 items-center justify-center rounded-lg bg-isa-white size-6 border border-solid border-isa-neutral-900;
font-size: 1.5rem;
ng-icon {
@apply invisible min-w-6 size-6 text-isa-white;
}
input[type='checkbox'] {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
@apply cursor-pointer;
}
&:has(input[type='checkbox']:checked) {
@apply bg-isa-neutral-900 text-isa-white;
ng-icon {
@apply visible;
}
}
&:has(input[type='checkbox']:disabled) {
@apply bg-isa-neutral-400 border-isa-neutral-400 cursor-default;
&:has(input[type='checkbox']:checked) {
@apply bg-isa-neutral-400 border-isa-neutral-400;
}
input[type='checkbox'] {
@apply cursor-default;
}
}
}
.ui-checkbox.ui-checkbox__bullet {
display: inline-flex;
padding: 0.75rem;
@@ -12,7 +51,7 @@
@apply invisible size-6 text-isa-neutral-100;
}
input[type="checkbox"] {
input[type='checkbox'] {
position: absolute;
top: 0;
left: 0;
@@ -26,7 +65,7 @@
@apply bg-isa-neutral-400;
}
&:has(input[type="checkbox"]:checked) {
&:has(input[type='checkbox']:checked) {
@apply bg-isa-neutral-700;
ng-icon {
@@ -38,14 +77,14 @@
}
}
&:has(input[type="checkbox"]:disabled) {
&:has(input[type='checkbox']:disabled) {
@apply bg-isa-neutral-400 cursor-default;
&:has(input[type="checkbox"]:checked) {
&:has(input[type='checkbox']:checked) {
@apply bg-isa-neutral-700;
}
input[type="checkbox"] {
input[type='checkbox'] {
@apply cursor-default;
}
}

3
libs/ui/input-controls/src/lib/checkbox/checkbox.component.ts
View File

@@ -13,7 +13,8 @@ export const CheckboxAppearance = {
Checkbox: 'checkbox',
} as const;
export type CheckboxAppearance = (typeof CheckboxAppearance)[keyof typeof CheckboxAppearance];
export type CheckboxAppearance =
(typeof CheckboxAppearance)[keyof typeof CheckboxAppearance];
@Component({
selector: 'ui-checkbox',