codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-04-30 07:53:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
goals.sassloading.sass
views/play/level
LevelGoalsView.coffee

30
app/styles/play/level/goals.sass
View file

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

1
app/styles/play/level/loading.sass
View file

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

2
app/views/play/level/LevelGoalsView.coffee
View file

@ -101,7 +101,7 @@ module.exports = class LevelGoalsView extends CocoView
return if expand is @expanded return if expand is @expanded
@updateHeight() @updateHeight()
sound = if expand then 'goals-expand' else 'goals-collapse' 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 @$el.css 'top', top
if @soundTimeout if @soundTimeout
# Don't play the sound we were going to play after all; the transition has reversed. # Don't play the sound we were going to play after all; the transition has reversed.