moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'toggle_css' into 'develop' 

Fix toggle CSS, fixes #277

Closes #277

See merge request soapbox-pub/soapbox-fe!141
This commit is contained in:
Alex Gleason 2020-08-09 21:35:05 +00:00
parent b30dc39f1a c91ca7edd6
commit a892e3ce81
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/styles/components/react-toggle.scss
View File

@ -32,7 +32,7 @@
height: 24px; height: 24px;
padding: 0; padding: 0;
border-radius: 30px; border-radius: 30px;
background-color: var(--foreground-color); background-color: hsla(var(--brand-color_h), var(--brand-color_s), var(--brand-color_l), 0.35);
transition: background-color 0.2s ease; transition: background-color 0.2s ease;
} }

4
app/styles/components/theme-toggle.scss
View File

@ -9,6 +9,10 @@
.react-toggle { .react-toggle {
vertical-align: middle; vertical-align: middle;
&-track {
background-color: var(--foreground-color);
}
&-track-check, &-track-check,
&-track-x { &-track-x {
display: flex; display: flex;