Improved legibility of gold font. Moved Done button to not conflict with gold display.

This commit is contained in:
Nick Winter 2014-04-27 14:19:39 -07:00
parent d542898663
commit dac4f05fd9
6 changed files with 8 additions and 12 deletions
app

View file

@ -60,12 +60,6 @@ body.is-playing
#multiplayer-join-link
font-size: 12px
#level-done-button
position: absolute
right: 46%
top: 43px
@include box-shadow(4px 4px 15px black)
// Custom Buttons
.btn.banner
@include banner-button(#FFF, #333)

View file

@ -39,3 +39,4 @@
top: -7px
font-size: 13px
height: 24px

View file

@ -7,7 +7,7 @@
user-select: none
-webkit-user-select: none
h3
.team-gold
font-size: 16px
margin: 0
line-height: 20px
@ -27,7 +27,8 @@
width: 16px
height: 16px
border-radius: 2px
padding: 2px
padding: 1px
margin-top: -1px
@include gradient-radial-custom-stops(hsla(205,0%,74%,1), 20%, hsla(205,0%,31%,1), 70%)
&.team-humans img

View file

@ -12,8 +12,6 @@
#canvas-left-gradient.gradient
#canvas-top-gradient.gradient
a.btn.btn-primary.banner.secret#level-done-button(data-i18n="play_level.done") Done
#goals-view.secret
#gold-view.secret.expanded

View file

@ -15,4 +15,6 @@ else
if spectateGame
button.btn.btn-xs.btn-inverse.banner#next-game-button(title="Next Game", data-i18n="play_level.next-game") Next game!
button.btn.btn-xs.btn-inverse.banner#restart-button(title="Reload all custom code to reset level", data-i18n="play_level.restart") Restart
button.btn.btn-xs.btn-inverse.banner#restart-button(title="Reload all custom code to reset level", data-i18n="play_level.restart") Restart
button.btn.btn-xs.btn-primary.banner.secret#level-done-button(data-i18n="play_level.done") Done

View file

@ -13,7 +13,7 @@ module.exports = class GoldView extends View
@$el.show()
goldEl = @$el.find('.gold-amount.team-' + e.team)
unless goldEl.length
teamEl = $("<h3 class='team-#{e.team}' title='Gold: #{e.team}'><img src='/images/level/prop_gold.png'> <div class='gold-amount team-#{e.team}'></div>")
teamEl = $("<div class='team-gold team-#{e.team}' title='Gold: #{e.team}'><img src='/images/level/prop_gold.png'> <div class='gold-amount team-#{e.team}'></div></div>")
@$el.append(teamEl)
goldEl = teamEl.find('.gold-amount.team-' + e.team)
goldEl.text(e.gold)