craftingguide/website
1
0
Fork 0
Code Pull Requests Actions Activity

Edit quantity per row in inventory view

Browse Source 
Change the inventory view to make editing of quantities happen on
the individual rows instead of having to get the quantity right
before adding the item.
This commit is contained in:
Andrew Miner
2015-02-24 19:55:32 -08:00
parent 4f1faab2e8
commit c78828426f
8 changed files with 107 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/classes.scss
+2 -2
View File
@@ -18,9 +18,9 @@ All rights reserved.
width: 100%;
}
.error { background: $color-error; }
.error { background: $color-error !important; }
.error-new { background: $color-error-new; }
.error-new { background: $color-error-new !important; }
.section {
margin-top: 3em;
src/css/templates/inventory.scss
-14
View File
@@ -53,20 +53,6 @@ All rights reserved.
vertical-align: middle;
}
td.quantity {
position: relative;
width: 2.4em;
input {
position: absolute; top: 50%; height: $font-size-small; width: 100%;
@include transform(translateY(-50%));
border-radius: 0.75em;
margin: 0 auto;
text-align: center;
max-width: 2.8em;
}
}
td.icon {
width: 4.8em;
padding: 0 1em;
src/css/templates/stack.scss
+33 -9
View File
@@ -12,15 +12,39 @@ All rights reserved.
padding: 0.2em 0;
}
td.quantity p {
border-radius: 0.75em;
background: $color-ice;
color: $color-background-panel;
font-size: $font-size-normal;
font-weight: bold;
text-align: center;
min-width: 3em;
padding: 0.1em 0.5em;
td.quantity {
position: relative;
width: 4em;
input {
position: absolute; top: 50%; height: $font-size-small; width: 100%;
@include transform(translateY(-50%));
border-radius: 0.75em;
background: $color-ice;
color: $color-background-panel;
font-family: $font-family-normal;
font-size: $font-size-normal;
font-weight: bold;
text-align: center;
&.editable {
&:focus {
background: $color-background-panel;
color: $color-text;
font-family: $font-family-input;
font-weight: normal;
outline: none;
}
&:hover {
background: $color-background-panel;
color: $color-text;
font-family: $font-family-input;
font-weight: normal;
}
}
}
}
td.icon {