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:
@@ -0,0 +1,39 @@
|
||||
/*
|
||||
Crafting Table - full_recipe.scss
|
||||
|
||||
Copyright (c) 2014-2015 by Redwood Labs
|
||||
All rights reserved.
|
||||
*/
|
||||
|
||||
.view__full_recipe {
|
||||
& > div {
|
||||
position: relative; width: 33%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.pattern {
|
||||
.view__crafting_grid {
|
||||
position: relative; left: 50%;
|
||||
@include transform(translateX(-50%));
|
||||
}
|
||||
|
||||
.tool {
|
||||
margin-top: 0.5em;
|
||||
text-align: center;
|
||||
|
||||
p {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input {
|
||||
.view__inventory {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.output {
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user