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 img
margin: 1px margin: 1px
button button
margin-top: -2px //margin-top: -2px
height: 19px //height: 19px
font-size: 12px 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 img
width: 56px width: 56px
@ -360,22 +366,32 @@ $itemSlotGridHeight: 51px
display: block display: block
button button
width: 100% background: transparent url(/images/pages/play/modal/equip-buttons.png)
height: 17px width: 56px
border: 1px solid rgb(46,46,46) height: 21px
background: white border: 0
//border: 1px solid rgb(46,46,46)
//background: white
font-size: 11px font-size: 11px
border-radius: 1px border-radius: 1px
padding: 0 padding: 0 0 2px 0
@include transition(0.1s ease) @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 &.active
background-color: rgb(81,153,236) background-color: rgb(81,153,236)
button button
background-color: lighten(rgb(89,136,47), 10%) //background-color: lighten(rgb(89,136,47), 10%)
box-shadow: 1px 1px 4px #333 box-shadow: 1px 1px 4px #333
color: white 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 //.status-message .should-equip-message
// display: inline // display: inline
@ -594,3 +610,12 @@ $itemSlotGridHeight: 51px
&.male &.male
left: -16px 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