First real version of item detail page
* Split the InventoryTable view/controller out from the existing inventory view/controller. This is a simpler component which only includes the table itself, and not the scrollbox, panel or header used on the crafting page. * Create the FullRecipe view/controller to represent the expanded version of a recipe shown on the item page (as compared to the terser version on the crafting page). * Rename the existing Recipe view/controller to MinimalRecipe to avoid confusing the two. * Refactor the CSS for the Stack view/controller so that it can be shared between the Inventory and InventoryTable views. * Incorporate all these new controllers into the item page and hook up the necessary model logic to drive them.
This commit is contained in:
@@ -8,7 +8,11 @@ All rights reserved.
|
||||
.view__stack {
|
||||
font-family: $font-family-normal;
|
||||
|
||||
.quantity p {
|
||||
td {
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
td.quantity p {
|
||||
border-radius: 0.75em;
|
||||
background: $color-ice;
|
||||
color: $color-background-panel;
|
||||
@@ -19,12 +23,23 @@ All rights reserved.
|
||||
padding: 0.1em 0.5em;
|
||||
}
|
||||
|
||||
.name p {
|
||||
td.icon {
|
||||
width: 4.6em;
|
||||
padding: 0.2em 0.5em;
|
||||
|
||||
img {
|
||||
width: 100%; height: auto;
|
||||
max-height: 4.8em;
|
||||
@include pixel-image;
|
||||
}
|
||||
}
|
||||
|
||||
td.name p {
|
||||
display: inline;
|
||||
font-size: $font-size-normal;
|
||||
}
|
||||
|
||||
.action {
|
||||
td.action {
|
||||
text-align: right;
|
||||
|
||||
button.remove {
|
||||
|
||||
Reference in New Issue
Block a user