mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-24 08:08:15 -05:00
Course victory modal current and next level names
This commit is contained in:
Matt Lott
parent
4cc71bd0e6
commit
24345cf296
3 changed files with 54 additions and 18 deletions
|
|
@ -25,9 +25,9 @@
|
|||
margin-top: -130px
|
||||
#victory-header
|
||||
display: none
|
||||
|
||||
|
||||
//- Header
|
||||
|
||||
|
||||
.background-wrapper
|
||||
//background: url("/images/pages/play/level/modal/victory_modal_background.png")
|
||||
width: 750px
|
||||
|
|
@ -57,10 +57,10 @@
|
|||
text-align: center
|
||||
background: transparent url(/images/pages/play/level/modal/victory_hero.png) no-repeat
|
||||
background-position: center -88px
|
||||
|
||||
|
||||
&.out
|
||||
@include scale(0)
|
||||
|
||||
|
||||
#victory-title
|
||||
display: inline-block
|
||||
margin-top: 74px
|
||||
|
|
@ -73,14 +73,14 @@
|
|||
margin: 0
|
||||
padding: 0
|
||||
text-shadow: black 8px 8px 0, black -8px -8px 0, black 8px -8px 0, black -8px 8px 0, black 8px 0px 0, black 0px -8px 0, black -8px 0px 0, black 0px 8px 0
|
||||
|
||||
|
||||
//- Achievement panels
|
||||
|
||||
|
||||
.modal-body
|
||||
padding: 0 20px
|
||||
min-height: 30px
|
||||
margin-top: 160px
|
||||
|
||||
|
||||
.achievement-panel
|
||||
background: transparent url("/images/pages/play/level/modal/victory_modal_shelf.png") no-repeat center 73px
|
||||
width: 824px
|
||||
|
|
@ -127,9 +127,9 @@
|
|||
top: 0
|
||||
@include flexbox()
|
||||
@include flex-justify-center()
|
||||
|
||||
|
||||
//- Reward panels
|
||||
|
||||
|
||||
.reward-panel
|
||||
background: url("/images/pages/play/level/modal/reward_plate.png")
|
||||
width: 77px
|
||||
|
|
@ -167,10 +167,10 @@
|
|||
|
||||
@include scale(0)
|
||||
@include transition-duration(0.5s)
|
||||
|
||||
|
||||
&.show
|
||||
@include scale(1)
|
||||
|
||||
|
||||
&.pending-reward-image
|
||||
img
|
||||
-webkit-filter: brightness(2000%) contrast(25%)
|
||||
|
|
@ -202,7 +202,7 @@
|
|||
white-space: nowrap
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
|
||||
|
||||
//- Pulse effect
|
||||
|
||||
+keyframes(rewardPulse)
|
||||
|
|
@ -222,7 +222,7 @@
|
|||
|
||||
.gems .pulse
|
||||
@include animation(rewardPulse 0.25s infinite)
|
||||
|
||||
|
||||
|
||||
//- Footer - totals
|
||||
|
||||
|
|
@ -282,7 +282,7 @@
|
|||
margin-top: 3px
|
||||
position: relative
|
||||
float: left
|
||||
|
||||
|
||||
.xp-bar-already-achieved
|
||||
background-color: rgb(166, 213, 88)
|
||||
//background-color: white
|
||||
|
|
@ -290,7 +290,7 @@
|
|||
height: 100%
|
||||
position: absolute
|
||||
z-index: 1
|
||||
|
||||
|
||||
.xp-bar-total
|
||||
background-color: rgb(253, 171, 45)
|
||||
border: 1px solid rgb(239, 177, 73)
|
||||
|
|
@ -300,13 +300,13 @@
|
|||
|
||||
|
||||
//- Footer - other stuff
|
||||
|
||||
|
||||
.modal-footer
|
||||
// Negative bottom margin counteracts most of the extra the border image height.
|
||||
margin: 0 0 -80px 0
|
||||
padding: 0 20px
|
||||
text-align: center
|
||||
|
||||
|
||||
.sign-up-poke
|
||||
width: 430px
|
||||
|
||||
|
|
@ -328,7 +328,7 @@
|
|||
line-height: 30px
|
||||
margin: 0
|
||||
float: left
|
||||
|
||||
|
||||
.leaderboard-button, .courses-button
|
||||
height: 60px
|
||||
line-height: 30px
|
||||
|
|
@ -403,6 +403,26 @@
|
|||
font-family: $headings-font-family
|
||||
text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0
|
||||
|
||||
.level-title
|
||||
z-index: 1
|
||||
margin: 10px
|
||||
font-size: 24px
|
||||
color: $hero-yellow-text
|
||||
font-weight: bold
|
||||
text-transform: uppercase
|
||||
font-family: $headings-font-family
|
||||
text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0
|
||||
|
||||
.level-name
|
||||
z-index: 1
|
||||
text-align: center
|
||||
font-size: 18px
|
||||
color: white
|
||||
font-weight: bold
|
||||
text-transform: uppercase
|
||||
font-family: $headings-font-family
|
||||
text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0
|
||||
|
||||
#level-feedback
|
||||
color: $hero-yellow-text
|
||||
font-weight: bold
|
||||
|
|
|
|||
|
|
@ -11,6 +11,19 @@ block modal-body-content
|
|||
if victoryText
|
||||
#victory-text= victoryText
|
||||
|
||||
if isCourseLevel
|
||||
.container-fluid
|
||||
.row
|
||||
.col-md-6
|
||||
if currentLevelName
|
||||
.level-title Completed Level:
|
||||
.level-name= currentLevelName
|
||||
.col-md-6
|
||||
if nextLevelName
|
||||
.level-title Next Level:
|
||||
.level-name= nextLevelName
|
||||
br
|
||||
|
||||
#level-feedback
|
||||
div.rating.secret
|
||||
div.rating-label(data-i18n="play_level.victory_rate_the_level") Rate the level:
|
||||
|
|
|
|||
|
|
@ -209,6 +209,9 @@ module.exports = class HeroVictoryModal extends ModalView
|
|||
c.showLeaderboard = @level.get('scoreTypes')?.length > 0 and @level.get('type', true) isnt 'course'
|
||||
|
||||
c.showReturnToCourse = not c.showLeaderboard and not me.get('anonymous') and @level.get('type', true) in ['course', 'course-ladder']
|
||||
c.isCourseLevel = @level.get('type', true) in ['course']
|
||||
c.currentLevelName = @level?.get('name')
|
||||
c.nextLevelName = @nextLevel?.get('name')
|
||||
|
||||
return c
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue