codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-04-26 14:03:28 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added new level loading bar art. Using illustrated Start Level button.

Browse source
This commit is contained in:
Nick Winter 2015-02-06 10:26:38 -08:00
parent f6bcc94bf8
commit 3da36ccc5d
5 changed files with 31 additions and 10 deletions

BIN
app/assets/images/level/loading_bar_back.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 489 B

BIN
app/assets/images/level/loading_bar_fill.png
View file

Binary file not shown.
Side by side Swipe

Before

(image error) Size: 6 KiB

After

(image error) Size: 622 B

Before After
Before After

BIN
app/assets/images/level/loading_bar_rim.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

(image error) Size: 2.4 KiB

After

(image error) Size: 30 KiB

Before After
Before After

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

@ -52,26 +52,42 @@
.progress-or-start-container
position: absolute
bottom: 95px
width: 261px
width: 325px
height: 80px
left: 80px
left: 48px
.load-progress
width: 100%
height: 36px
height: 45px
margin: 20px auto 0 auto
.progress
height: 100%
position: relative
background-color: transparent
@include box-shadow(none)
.progress-bar
width: 1%
.progress-background
width: 100%
height: 100%
transition-duration: 0
border-radius: 9px
background: transparent url(/images/level/loading_bar_fill.png) no-repeat
background: transparent url(/images/level/loading_bar_back.png) no-repeat
background-size: 100% 100%
position: absolute
z-index: -1
.progress-bar-container
width: 75%
height: 100%
left: 10%
position: absolute
.progress-bar
width: 1%
height: 100%
transition-duration: 0
background: transparent url(/images/level/loading_bar_fill.png) no-repeat
background-size: 325px 100%
@include box-shadow(none)
&.active .progress-bar
transition-duration: 1.2s
@ -88,9 +104,12 @@
.start-level-button
display: none
width: 100%
height: auto
margin: 0px auto
font-size: 40px
line-height: 45px
font-variant: small-caps
text-transform: none
.subscription-required
display: none

6
app/templates/play/level/level_loading.jade
View file

@ -11,11 +11,13 @@
.errors
.progress-or-start-container
button.start-level-button.btn.btn-lg.btn-success.header-font.needsclick(data-i18n="play_level.loading_start") Start Level
button.start-level-button.btn.btn-lg.btn-success.btn-illustrated.header-font.needsclick(data-i18n="play_level.loading_start") Start Level
.load-progress
.progress
.progress-bar.progress-bar-success
.progress-background
.progress-bar-container
.progress-bar.progress-bar-success
.rim
.subscription-required