hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-01-08 21:27:45 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Radio button marker is always displayed in disabled state (#4204)

Browse Source 
Signed-off-by: Oleg Solodkov <oleg.solodkov@xored.com>
This commit is contained in:
Oleg Solodkov 2023-12-20 07:17:30 +04:00 committed by GitHub
parent 6ea9937312
commit 5803d8c5aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/theme/styles/components.scss
View File

@ -431,27 +431,17 @@
} }
} }
} }
&.marker-visible.checked {
.marker {
background-color: var(--primary-button-disabled);
&::after {
content: '';
}
}
}
&.disabled { &.disabled {
cursor: not-allowed; cursor: not-allowed;
.marker {
background-color: var(--primary-button-disabled);
border-color: transparent;
}
&.checked { &.checked {
marker::after { .marker {
content: ''; background-color: var(--primary-button-disabled);
opacity: 0.4;
&::after {
content: '';
background-color: var(--primary-button-disabled-color);
}
} }
} }

2
packages/ui/src/components/RadioButton.svelte
View File

@ -29,7 +29,6 @@
export let action: () => void = () => {} export let action: () => void = () => {}
export let gap: 'large' | 'small' | 'medium' | 'none' = 'none' export let gap: 'large' | 'small' | 'medium' | 'none' = 'none'
export let labelGap: 'large' | 'medium' = 'medium' export let labelGap: 'large' | 'medium' = 'medium'
export let isMarkerVisible: boolean = false
</script> </script>
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
@ -39,7 +38,6 @@
class:disabled class:disabled
class:checked={group === value} class:checked={group === value}
tabindex="-1" tabindex="-1"
class:marker-visible={isMarkerVisible}
on:click={() => { on:click={() => {
if (!disabled && group !== value) action() if (!disabled && group !== value) action()
}} }}