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

Move images in inventory to the left

Browse Source
This commit is contained in:
Andrew Miner
2015-01-28 11:17:30 -08:00
parent d5962ff673
commit 71b25a8a16
6 changed files with 53 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/reset.scss
+1 -1
View File
@@ -1,4 +1,4 @@
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,td,tr,tt,u,ul,var,video,xmp {
border: 0;
margin: 0;
padding: 0;
src/css/templates/inventory.scss
+38 -28
View File
@@ -45,44 +45,54 @@ All rights reserved.
td {
height: 2.4em;
padding-bottom: 0.25em;
vertical-align: middle;
}
&:nth-child(1) {
width: 2.4em;
td.quantity {
position: relative;
width: 2.4em;
input {
border-radius: 0.75em;
margin: 0 auto;
text-align: center;
width: 90%;
}
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;
}
}
&:nth-child(2) {
@include box-sizing(content-box);
padding: 0 2.0em 0 1.0em;
td.icon {
width: 4.8em;
padding: 0 1em;
input {
height: 100%; width: 100%;
border: 0;
border-bottom: 1px dashed $color-gray-light;
outline: 0;
&:focus {
border: 1px solid $color-gray-light;
}
}
img {
width: 100%; height: auto;
max-height: 4.8em;
}
}
&:nth-child(3) {
width: 2.4em;
text-align: right;
td.name {
text-align: left;
padding-right: 1em;
img { width: 2.4em; height: 2.4em; }
input {
width: 100%;
border: 0;
border-bottom: 1px dashed $color-gray-light;
outline: 0;
button {
width: 100%;
&:focus {
border: 1px solid $color-gray-light;
}
}
}
td.action {
width: 4em;
button {
width: 4em;
}
}
}
src/css/templates/stack.scss
+3 -9
View File
@@ -7,9 +7,8 @@ All rights reserved.
.view__stack {
font-family: $font-family-normal;
td { vertical-align: middle; }
.quantity {
.quantity p {
border-radius: 0.75em;
background: $color-ice;
color: $color-background-panel;
@@ -17,17 +16,12 @@ All rights reserved.
font-weight: bold;
text-align: center;
min-width: 3em;
padding: 0.1em 0.5em;
padding: 0.2em 0.5em 0.1em 0.5em;
height: $font-size-small + 0.2em;
}
.name {
.name p {
display: inline;
font-size: $font-size-normal;
}
img {
width: 100%; height: auto;
max-height: 4.8em;
}
}