mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-24 08:08:15 -05:00
Added bottom footer background texture.
This commit is contained in:
parent
3da36ccc5d
commit
2bd7c86638
4 changed files with 21 additions and 0 deletions
BIN
app/assets/images/level/footer_background.jpg
Normal file
BIN
app/assets/images/level/footer_background.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 142 KiB |
|
@ -209,6 +209,12 @@ $level-resize-transition-time: 0.5s
|
|||
&:not(.premium)
|
||||
display: none
|
||||
|
||||
#level-footer-shadow
|
||||
position: absolute
|
||||
width: 100%
|
||||
height: 30px
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)
|
||||
|
||||
#fullscreen-editor-background-screen
|
||||
background-color: black
|
||||
opacity: 0.5
|
||||
|
@ -271,3 +277,14 @@ body.ipad #level-view
|
|||
canvas
|
||||
margin: 0 auto
|
||||
overflow: hidden
|
||||
|
||||
#level-footer-background
|
||||
display: none
|
||||
position: absolute
|
||||
background: transparent url(/images/level/footer_background.jpg) no-repeat
|
||||
bottom: 0
|
||||
width: 100%
|
||||
background-size: 100% 400px
|
||||
height: 400px
|
||||
z-index: -9001
|
||||
@include opacity(0.25)
|
||||
|
|
|
@ -34,6 +34,9 @@
|
|||
|
||||
button.btn.btn-lg.btn-warning.banner.header-font#stop-real-time-playback-button(title="Stop real-time playback", data-i18n="play_level.skip") Skip
|
||||
|
||||
#level-footer-shadow
|
||||
#level-footer-background
|
||||
|
||||
if !me.get('anonymous')
|
||||
#play-footer(class=me.isPremium() ? "premium" : "")
|
||||
p(class='footer-link-text')
|
||||
|
|
|
@ -99,6 +99,7 @@ module.exports = class LevelLoadingView extends CocoView
|
|||
@$el.find('.right-wing').css right: '-100%', backgroundPosition: 'left -400px top 0'
|
||||
Backbone.Mediator.publish 'audio-player:play-sound', trigger: 'loading-view-unveil', volume: 0.5
|
||||
_.delay @onUnveilEnded, duration * 1000
|
||||
$('#level-footer-background').detach().appendTo('#page-container').slideDown(duration * 1000)
|
||||
|
||||
onUnveilEnded: =>
|
||||
return if @destroyed
|
||||
|
|
Loading…
Reference in a new issue