Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Fix checkbox slider (#23412)

This commit is contained in:
Jarek Radosz 2023-09-05 22:08:44 +02:00 committed by GitHub
parent 8d7c4aebf4
commit 1ca4e7241e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/common/components/d-toggle-switch.scss
View File

@ -54,7 +54,7 @@
display: inline-block;
cursor: pointer;
background: var(--primary-low-mid);
border-radius: 16px;
border-radius: var(--toggle-switch-height);
width: var(--toggle-switch-width);
height: var(--toggle-switch-height);
margin-right: 0.5em;
@ -82,10 +82,10 @@
&__checkbox-slider::before {
background: var(--secondary);
border-radius: 50%;
width: calc(var(--toggle-switch-width) / 2.5);
height: calc(var(--toggle-switch-width) / 2.5);
top: 3.5px;
left: 4px;
width: calc(var(--toggle-switch-height) * 0.75);
height: calc(var(--toggle-switch-height) * 0.75);
top: calc(var(--toggle-switch-height) * 0.125);
left: calc(var(--toggle-switch-height) * 0.125);
transition: left 0.25s;
}
}