hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-12-23 03:22:19 +03:00
Code Issues Actions 1 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

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

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

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

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