codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-03-31 07:12:49 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed up inventory slot images for minions and wrists, and added Wizard/Ranger placeholder images.

Browse source
This commit is contained in:
Nick Winter 2014-11-30 16:13:39 -08:00
parent 153c39b30b
commit d007f5337e
1 changed files with 22 additions and 14 deletions

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

@ -163,8 +163,8 @@ $itemSlotGridHeight: 51px
background-position: (-4 * $itemSlotInnerWidth) 0px
&[data-slot="minion"]
left: 10px + ($itemSlotGridWidth * 0)
top: 15px + ($itemSlotGridHeight * 0)
left: 10px + ($itemSlotGridWidth * 5)
top: 15px + ($itemSlotGridHeight * 1)
.placeholder
background-position: (-1 * $itemSlotInnerWidth) 0px
@ -172,15 +172,11 @@ $itemSlotGridHeight: 51px
left: 10px + ($itemSlotGridWidth * 0)
top: 15px + ($itemSlotGridHeight * 0)
.placeholder
background-position: (-3 * $itemSlotInnerWidth) 0px
// Only for wizards...
//&[data-slot="spellbook"] .placeholder
// background-position: (-2 * $itemSlotInnerWidth) 0px
background-position: (-2 * $itemSlotInnerWidth) 0px
&[data-slot="wrists"]
left: 10px + ($itemSlotGridWidth * 0)
top: 15px + ($itemSlotGridHeight * 0)
top: 15px + ($itemSlotGridHeight * 2)
.placeholder
background-position: (-5 * $itemSlotInnerWidth) 0px
@ -198,7 +194,7 @@ $itemSlotGridHeight: 51px
&[data-slot="torso"]
left: 10px + ($itemSlotGridWidth * 5)
top: 15px + ($itemSlotGridHeight * 2)
top: 15px + ($itemSlotGridHeight * 3)
.placeholder
background-position: (-8 * $itemSlotInnerWidth) 0px
@ -228,7 +224,7 @@ $itemSlotGridHeight: 51px
&[data-slot="head"]
left: 10px + ($itemSlotGridWidth * 5)
top: 15px + ($itemSlotGridHeight * 1)
top: 15px + ($itemSlotGridHeight * 2)
.placeholder
background-position: (-13 * $itemSlotInnerWidth) 0px
@ -240,19 +236,19 @@ $itemSlotGridHeight: 51px
&[data-slot="gloves"]
left: 10px + ($itemSlotGridWidth * 0)
top: 15px + ($itemSlotGridHeight * 2)
top: 15px + ($itemSlotGridHeight * 3)
.placeholder
background-position: (-15 * $itemSlotInnerWidth) 0px
&[data-slot="left-hand"]
left: 10px + ($itemSlotGridWidth * 5)
top: 15px + ($itemSlotGridHeight * 3)
top: 15px + ($itemSlotGridHeight * 4)
.placeholder
background-position: (-16 * $itemSlotInnerWidth) 0px
&[data-slot="right-hand"]
left: 10px + ($itemSlotGridWidth * 0)
top: 15px + ($itemSlotGridHeight * 3)
top: 15px + ($itemSlotGridHeight * 4)
.placeholder
background-position: (-17 * $itemSlotInnerWidth) 0px
@ -272,6 +268,18 @@ $itemSlotGridHeight: 51px
border: 2px solid black
background-color: white
&.Wizard #equipped .item-slot
&[data-slot="right-hand"] .placeholder
background-position: (-20 * $itemSlotInnerWidth) 0px
&[data-slot="left-hand"] .placeholder
background-position: (-3 * $itemSlotInnerWidth) 0px
&.Ranger #equipped .item-slot
&[data-slot="right-hand"] .placeholder
background-position: (-18 * $itemSlotInnerWidth) 0px
&[data-slot="left-hand"] .placeholder
background-position: (-19 * $itemSlotInnerWidth) 0px
//- dragging styling