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

🐛Fix leaderboard level popup stacked buttons

Browse source 
CSS initial keyword isn’t supported in IE.

Fixes #2301
This commit is contained in:
Matt Lott 2015-02-12 14:19:19 -08:00
parent d937feb3de
commit c4f46faf25
1 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
app/styles/play/campaign-view.sass
View file

@ -63,7 +63,7 @@ $gameControlMargin: 30px
height: 100% height: 100%
background-size: 100% background-size: 100%
@include user-select(none) @include user-select(none)
.level, .level-shadow .level, .level-shadow
position: absolute position: absolute
border-radius: 50% border-radius: 50%
@ -108,26 +108,26 @@ $gameControlMargin: 30px
&.complete &.complete
border: 3px solid gold border: 3px solid gold
@include box-shadow(0px 0px 35px skyblue) @include box-shadow(0px 0px 35px skyblue)
img.banner img.banner
position: absolute position: absolute
bottom: 38% bottom: 38%
left: -50% left: -50%
width: 200% width: 200%
pointer-events: none pointer-events: none
img.star img.star
width: 100% width: 100%
bottom: 7% bottom: 7%
position: absolute position: absolute
pointer-events: none pointer-events: none
.glyphicon-star .glyphicon-star
position: absolute position: absolute
color: lightblue color: lightblue
font-size: 21px font-size: 21px
left: 1.5px left: 1.5px
&.started .glyphicon-star &.started .glyphicon-star
left: 0.5px left: 0.5px
@ -138,7 +138,7 @@ $gameControlMargin: 30px
left: 75% left: 75%
margin-left: 0 margin-left: 0
margin-bottom: 0 margin-bottom: 0
img.hero-portrait img.hero-portrait
position: absolute position: absolute
border: 1px solid black border: 1px solid black
@ -258,10 +258,10 @@ $gameControlMargin: 30px
border-radius: 50% border-radius: 50%
opacity: 1 opacity: 1
padding: 3px 9px padding: 3px 9px
&.complete &.complete
.start-level, .view-solutions .start-level, .view-solutions
min-width: initial min-width: calc(50% - 5px)
display: inline-block display: inline-block
width: calc(50% - 5px) width: calc(50% - 5px)
@ -277,10 +277,10 @@ $gameControlMargin: 30px
z-index: 1 z-index: 1
font-size: 2vw font-size: 2vw
text-shadow: 0 0 0.3vw white, 0 0 0.3vw white text-shadow: 0 0 0.3vw white, 0 0 0.3vw white
&:hover &:hover
text-decoration: none text-decoration: none
.next-level-line .next-level-line
transform-origin: 0 100% transform-origin: 0 100%
height: 8px height: 8px
@ -314,9 +314,9 @@ $gameControlMargin: 30px
margin-left: $gameControlMargin margin-left: $gameControlMargin
width: $gameControlSize width: $gameControlSize
height: $gameControlSize height: $gameControlSize
background: url(/images/pages/play/menu_icons.png) no-repeat background: url(/images/pages/play/menu_icons.png) no-repeat
position: relative position: relative
img img
position: absolute position: absolute
@ -324,21 +324,21 @@ $gameControlMargin: 30px
top: 0 top: 0
width: 100% width: 100%
height: 100% height: 100%
background-size: cover background-size: cover
@include transition(0.5s ease) @include transition(0.5s ease)
@include box-shadow(2px 2px 4px black) @include box-shadow(2px 2px 4px black)
border: 0 border: 0
border-radius: 12px border-radius: 12px
// IE9 shows a blank white button with this MS gradient filter in place // IE9 shows a blank white button with this MS gradient filter in place
filter: none filter: none
&:hover &:hover
@include box-shadow(0 0 12px #bbf) @include box-shadow(0 0 12px #bbf)
&:active &:active
@include box-shadow(0 0 20px white) @include box-shadow(0 0 20px white)
&.heroes &.heroes
background-position: (-1 * $gameControlSize) 0px background-position: (-1 * $gameControlSize) 0px
&.achievements &.achievements
@ -369,7 +369,7 @@ $gameControlMargin: 30px
.user-status-line .user-status-line
position: relative position: relative
button.btn.btn-illustrated button.btn.btn-illustrated
margin-left: 10px margin-left: 10px
min-width: 90px min-width: 90px
@ -390,7 +390,7 @@ $gameControlMargin: 30px
margin-left: 45px margin-left: 45px
$spriteSheetSize: 30px $spriteSheetSize: 30px
.player-level-icon, .player-hero-icon .player-level-icon, .player-hero-icon
background: transparent url(/images/pages/play/play-spritesheet.png) background: transparent url(/images/pages/play/play-spritesheet.png)
background-size: cover background-size: cover
@ -420,7 +420,7 @@ $gameControlMargin: 30px
background-position: (-11 * $spriteSheetSize) 0 background-position: (-11 * $spriteSheetSize) 0
&.sorcerer &.sorcerer
background-position: (-12 * $spriteSheetSize) 0 background-position: (-12 * $spriteSheetSize) 0
#volume-button #volume-button
position: absolute position: absolute