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:
Andrew Miner
2015-02-09 21:15:09 -08:00
parent 996c8823a3
commit 46427a70f6
23 changed files with 528 additions and 54 deletions
+18 -3
View File
@@ -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 {