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

Improve layout of stacks in crafting table

Browse Source
This commit is contained in:
Andrew Miner
2015-01-04 11:35:43 -08:00
parent e99a688b7e
commit 549abc1224
7 changed files with 43 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/templates/stack.scss
+10 -6
View File
@@ -6,25 +6,29 @@ All rights reserved.
*/
.view__stack {
position: relative; width: 100%; height: 1.8em;
font-family: $font-family-normal;
td { border-left: 0 !important; padding-bottom: 0.25em; }
td:nth-child(2) { padding-left: 0.5em; width: 100%; }
td:nth-child(3) { width: 1.6em; }
.quantity {
border-radius: 0.75em;
background: $color-ice;
color: $color-table-background;
display: inline-block;
font-size: $font-size-small;
text-align: center;
min-width: 3em;
margin-right: 0.5em;
padding: 0 0.5em;
padding: 0.1em 0.5em;
height: $font-size-small + 0.2em;
}
.name {
padding-right: 2.4em;
font-size: $font-size-small;
}
img {
position: absolute; top: 0; right: 0; height: 1.6em; width: 1.6em;
height: 1.6em; width: 1.6em;
}
}