codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-23 23:58:02 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added custom backgrounds for equip buttons. Shrunk equip text to fit for languages where it was overflowing.

Browse source
This commit is contained in:
Nick Winter 2015-08-08 06:31:53 -07:00
parent 4d697a43ab
commit e9e2866863
2 changed files with 34 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/assets/images/pages/play/modal/equip-buttons.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

43
app/styles/play/menu/inventory-modal.sass
View file

@ -350,9 +350,15 @@ $itemSlotGridHeight: 51px
img
margin: 1px
button
margin-top: -2px
height: 19px
//margin-top: -2px
//height: 19px
font-size: 12px
margin: -1px 1px 1px 1px
&:active, &.active
background-position: -57px * 2 0
color: white
text-shadow: 0 1px 0 black, 1px 0 0 black, -1px 0 0 black, 0 -1px 0 black
img
width: 56px
@ -360,22 +366,32 @@ $itemSlotGridHeight: 51px
display: block
button
width: 100%
height: 17px
border: 1px solid rgb(46,46,46)
background: white
background: transparent url(/images/pages/play/modal/equip-buttons.png)
width: 56px
height: 21px
border: 0
//border: 1px solid rgb(46,46,46)
//background: white
font-size: 11px
border-radius: 1px
padding: 0
@include transition(0.1s ease)
padding: 0 0 2px 0
@include transition(font-size 0.1s ease)
//text-shadow: 0 1px 0 white, 1px 0 0 white, -1px 0 0 white, 0 -1px 0 white
text-transform: uppercase
font-weight: bold
color: black
text-spacing: 0px
&.active
background-color: rgb(81,153,236)
button
background-color: lighten(rgb(89,136,47), 10%)
//background-color: lighten(rgb(89,136,47), 10%)
box-shadow: 1px 1px 4px #333
color: white
text-shadow: 0 1px 0 black, 1px 0 0 black, -1px 0 0 black, 0 -1px 0 black
background-position: -57px 0
//.status-message .should-equip-message
// display: inline
@ -594,3 +610,12 @@ $itemSlotGridHeight: 51px
&.male
left: -16px
body[lang='ja'], body[lang^='zh'], body[lang='ca'], body[lang^='es'], body[lang^='pt'], body[lang='ro'], body[lang='fi'], body[lang='sv'], body[lang='uk'], body[lang='vi'], body[lang='cz']
#inventory-modal #unequipped .item button
font-weight: normal
letter-spacing: -1px
padding-bottom: 1px
body[lang='ro'], body[lang='fi'], body[lang='uk']
#inventory-modal #unequipped .item button
text-transform: none