codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-04-29 15:35:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Put in the new InventoryModal background.

Browse source
This commit is contained in:
Scott Erickson 2014-11-12 18:01:35 -08:00
parent 73fee3e801
commit ed8285248f
4 changed files with 13 additions and 17 deletions
app
assets/images/pages/play/modal
inventory-background.png
styles/game-menu
inventory-modal.sass
templates/game-menu
inventory-modal.jade
views/game-menu
InventoryModal.coffee

BIN
app/assets/images/pages/play/modal/inventory-background.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 114 KiB

26
app/styles/game-menu/inventory-modal.sass
View file

@ -40,7 +40,7 @@ $itemSlotGridHeight: 70px
#gems-count-container #gems-count-container
position: absolute position: absolute
left: 213px left: 374px
top: 10px top: 10px
width: 160px width: 160px
height: 66px height: 66px
@ -49,7 +49,7 @@ $itemSlotGridHeight: 70px
#gems-count #gems-count
position: absolute position: absolute
left: 75px left: 75px
top: 17px top: 14px
font-size: 25px font-size: 25px
color: rgb(1,64,91) color: rgb(1,64,91)
@ -58,8 +58,8 @@ $itemSlotGridHeight: 70px
#close-modal #close-modal
position: absolute position: absolute
left: 390px left: 551px
top: 23px top: 21px
width: 60px width: 60px
height: 60px height: 60px
color: white color: white
@ -77,11 +77,9 @@ $itemSlotGridHeight: 70px
#equipped #equipped
width: 330px width: 330px
background: white
border: 3px solid black
position: absolute position: absolute
left: 20px left: 20px
top: 112px top: 122px
height: 450px height: 450px
overflow: hidden overflow: hidden
@ -307,14 +305,12 @@ $itemSlotGridHeight: 70px
position: absolute position: absolute
#unequipped #unequipped
width: 222px width: 245px
position: absolute position: absolute
left: 370px left: 370px
top: 112px top: 135px
height: 450px height: 435px
border: 3px solid black
padding: 9px 0 9px 9px padding: 9px 0 9px 9px
background-color: white
#double-click-hint #double-click-hint
margin: 20px 0 70px margin: 20px 0 70px
@ -387,12 +383,12 @@ $itemSlotGridHeight: 70px
//- Hero/Play buttons //- Hero/Play buttons
#choose-hero-button, #play-level-button #choose-hero-button, #play-level-button
top: 572px top: 582px
position: absolute position: absolute
background: url(/images/pages/play/modal/confirm-button.png) background: url(/images/pages/play/modal/confirm-button.png)
width: 209px width: 209px
height: 65px height: 55px
background-size: 209px 65px background-size: 209px 55px
border: 0 border: 0
&:disabled &:disabled

2
app/templates/game-menu/inventory-modal.jade
View file

@ -1,6 +1,6 @@
.modal-dialog .modal-dialog
.modal-content .modal-content
img(src="/images/pages/play/modal/items-background-narrow.png")#play-items-modal-narrow-bg img(src="/images/pages/play/modal/inventory-background.png")#play-items-modal-narrow-bg
div#gems-count-container div#gems-count-container
span#gems-count.big-font= gems span#gems-count.big-font= gems

2
app/views/game-menu/InventoryModal.coffee
View file

@ -124,7 +124,7 @@ module.exports = class InventoryModal extends ModalView
@itemDetailsView = new ItemDetailsView() @itemDetailsView = new ItemDetailsView()
@insertSubView(@itemDetailsView) @insertSubView(@itemDetailsView)
@requireLevelEquipment() @requireLevelEquipment()
@$el.find('.nano').nanoScroller() @$el.find('.nano').nanoScroller({alwaysVisible: true})
afterInsert: -> afterInsert: ->
super() super()