💄(frontend) show pointer cursor on interactive switches

Set the cursor to a pointer on Switch components when they are
actually interactive, so it is visually clear that they can be
toggled.
This commit is contained in:
lebaudantoine
2026-08-05 13:26:33 +02:00
committed by aleb_the_flash
parent 00a2bd9558
commit b7892431be
2 changed files with 5 additions and 0 deletions
+1
View File
@@ -45,6 +45,7 @@ and this project adheres to
- 🩹(all) clear the SonarCloud reliability finding and the lint debt - 🩹(all) clear the SonarCloud reliability finding and the lint debt
- 🐛(frontend) stop the installed app reopening the room it came from - 🐛(frontend) stop the installed app reopening the room it came from
- 🐛(backend) serialize lazy title in summary payload - 🐛(backend) serialize lazy title in summary payload
- 💄(frontend) show pointer cursor on interactive switches
## [1.24.0] - 2026-07-21 ## [1.24.0] - 2026-07-21
+4
View File
@@ -12,6 +12,7 @@ const StyledSwitch = styled(RACSwitch, {
alignItems: 'center', alignItems: 'center',
gap: '0.571rem', gap: '0.571rem',
color: 'black', color: 'black',
cursor: 'pointer',
forcedColorAdjust: 'none', forcedColorAdjust: 'none',
'& .indicator': { '& .indicator': {
position: 'relative', position: 'relative',
@@ -80,6 +81,9 @@ const StyledSwitch = styled(RACSwitch, {
transition: 'opacity 10ms', transition: 'opacity 10ms',
transitionDelay: '0ms', transitionDelay: '0ms',
}, },
'&[data-disabled]': {
cursor: 'not-allowed',
},
'&[data-disabled] .indicator': { '&[data-disabled] .indicator': {
borderColor: 'primary.200', borderColor: 'primary.200',
background: 'transparent', background: 'transparent',