codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-24 08:08:15 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix Firefox world map level hover flicker

Browse source
This commit is contained in:
Matt Lott 2014-12-01 17:12:00 -08:00
parent 4b75516a88
commit 5965d319d6
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/styles/play/world-map-view.sass
View file

@ -159,6 +159,11 @@ $gameControlMargin: 30px
margin-bottom: -2 * $levelDotShadowHeight / 3 margin-bottom: -2 * $levelDotShadowHeight / 3
.level:hover .level:hover
// TODO: This rotate stops Firefox from flickering, but also disables the scaleY(0.75)
// TODO: The dot looks like it's jumping.
// TODO: -moz-transform: scaleY(0.75) didn't do anything
// TODO: Does not break Chrome's oval.
-moz-transform: rotate(0)
margin-bottom: -$levelDotHeight / 3 + $levelDotHoverZ margin-bottom: -$levelDotHeight / 3 + $levelDotHoverZ
@include box-shadow(0px 0px 35px skyblue) @include box-shadow(0px 0px 35px skyblue)