mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-27 09:35:39 -05:00
Add game UI programming language label
This commit is contained in:
parent
2f7fa4e6e7
commit
b7f916116d
4 changed files with 28 additions and 3 deletions
|
@ -437,6 +437,7 @@
|
|||
done: "Done"
|
||||
next_level: "Next Level"
|
||||
next_game: "Next game"
|
||||
programming_language: "Programming language"
|
||||
show_menu: "Show game menu"
|
||||
home: "Home" # Not used any more, will be removed soon.
|
||||
level: "Level" # Like "Level: Dungeons of Kithgard"
|
||||
|
|
|
@ -2,7 +2,8 @@
|
|||
@import "app/styles/bootstrap/variables"
|
||||
|
||||
#spell-top-bar-view
|
||||
$height: 87px
|
||||
$control-yellow-highlight: rgb(243, 211, 59)
|
||||
$height: 107px
|
||||
$paddingTop: 10px
|
||||
$paddingBottom: 25px
|
||||
$childSize: $height - $paddingTop - $paddingBottom
|
||||
|
@ -50,10 +51,24 @@
|
|||
float: left
|
||||
margin-top: 5px
|
||||
|
||||
.programming-language-container
|
||||
position: absolute
|
||||
padding-top: $paddingTop
|
||||
right: 20px
|
||||
font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif
|
||||
.programming-language-label
|
||||
color: $control-yellow-highlight
|
||||
font-size: 12px
|
||||
font-weight: bold
|
||||
text-transform: uppercase
|
||||
.programming-language
|
||||
color: white
|
||||
font-size: 16px
|
||||
|
||||
.spell-tool-buttons
|
||||
position: absolute
|
||||
right: 0px
|
||||
top: 0px
|
||||
top: 30px
|
||||
|
||||
.reload-code
|
||||
float: right
|
||||
|
|
|
@ -35,3 +35,13 @@
|
|||
span(data-i18n='sharing.webpage')
|
||||
|
||||
.clearfix
|
||||
|
||||
.programming-language-container
|
||||
span.programming-language-label(data-i18n='play_level.programming_language')
|
||||
span.programming-language-label.spr :
|
||||
if view.spell.language === 'html' || view.spell.language === 'javascript'
|
||||
span.programming-language JavaScript
|
||||
else if view.spell.language === 'python'
|
||||
span.programming-language Python
|
||||
else
|
||||
span.programming-language= view.spell.language
|
||||
|
|
|
@ -39,7 +39,6 @@ module.exports = class SpellTopBarView extends CocoView
|
|||
|
||||
afterRender: ->
|
||||
super()
|
||||
@$el.addClass 'spell-tab'
|
||||
@attachTransitionEventListener()
|
||||
|
||||
onDisableControls: (e) -> @toggleControls e, false
|
||||
|
|
Loading…
Reference in a new issue