granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix positioning of thumb in switch

Browse source 
We were using translateX to move the switch and animate it with transform, but the page refreshes immediately after you tap it so it doesn't matter.
This commit is contained in:
Justin Edmund 2023-01-03 23:10:08 -08:00
parent dd062aff8d
commit dc99c9b525
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
components/HeaderMenu/index.scss
View file

@ -88,8 +88,9 @@
display: block;
height: $diameter;
width: $diameter;
transition: transform 100ms;
transform: translateX(-2px);
position: absolute;
top: 3px;
left: 3px;
z-index: 3;
&:hover {
@ -98,7 +99,7 @@
&[data-state='checked'] {
background: $grey-100;
transform: translateX(17px);
left: 23px;
}
}