New GoalsView background. Be my guest with any text color improvements.

This commit is contained in:
Nick Winter 2014-11-04 17:20:58 -08:00
parent 3a811a05fd
commit 49b8c745a0
3 changed files with 18 additions and 15 deletions
app
styles/play/level
views/play/level

View file

@ -3,36 +3,37 @@
#goals-view
position: absolute
left: 10px
left: -15px
top: -100px
@include transition(0.5s ease-in-out)
background-color: rgba(200,200,200,1.0)
border: black
padding: 15px 7px 2px 5px
box-sizing: border-box
border: 1px solid #333
border-radius: 5px
background: transparent url(/images/level/goals_background.png)
background-size: 100% 100%
padding: 19px 17px 6px 25px
z-index: 3
font-size: 14px
&.brighter
font-size: 18px
font-size: 1.4vw
@include box-shadow(0px 0px 12px white)
//@include box-shadow(0px 0px 12px white)
.goals-status
margin: 0
color: black
margin-top: 10px
color: white
text-transform: uppercase
.success
color: darkgreen
color: lightgreen
text-shadow: 1px 1px 0px black
.timed-out
color: darkslategray
color: rgb(230, 230, 230)
.failure
color: darkred
color: rgb(239, 61, 71)
text-shadow: 1px 1px 0px black
.incomplete
color: darkgoldenrod
color: rgb(245, 170, 49)
ul
padding-left: 0
@ -59,3 +60,4 @@
#goals-view.collapsed ul
display: none

View file

@ -78,6 +78,7 @@
.start-level-button
font-size: 40px
font-variant: small-caps
.left-wing, .right-wing
width: 100%

View file

@ -101,7 +101,7 @@ module.exports = class LevelGoalsView extends CocoView
return if expand is @expanded
@updateHeight()
sound = if expand then 'goals-expand' else 'goals-collapse'
top = if expand then -10 else 26 - (@normalHeight ? @$el.outerHeight())
top = if expand then -5 else 36 - (@normalHeight ? @$el.outerHeight())
@$el.css 'top', top
if @soundTimeout
# Don't play the sound we were going to play after all; the transition has reversed.