add description, restyle header a bit
This commit is contained in:
parent
f794d07c2c
commit
0e08045e17
3 changed files with 15 additions and 11 deletions
|
@ -1,20 +1,21 @@
|
||||||
body.show {
|
body.show {
|
||||||
header {
|
header {
|
||||||
|
border-bottom: 1px solid $module_border_color;
|
||||||
display: block;
|
display: block;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
padding: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#item-thumbnail {
|
#item-thumbnail {
|
||||||
@include inline-block;
|
@include inline-block;
|
||||||
border: 1px solid $module_border_color;
|
border: 1px solid $module_border_color;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
margin-right: -.5em;
|
margin-right: .5em;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#item-name {
|
#item-name {
|
||||||
@include inline-block;
|
@include inline-block;
|
||||||
border-bottom: 1px solid $module_border_color;
|
margin-top: 1em;
|
||||||
margin: 0;
|
|
||||||
padding: 0 1em 0 1em;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
%header
|
%header
|
||||||
= image_tag @item.thumbnail_url, :id => 'item-thumbnail'
|
= image_tag @item.thumbnail_url, :id => 'item-thumbnail'
|
||||||
%h2#item-name= @item.name
|
%h2#item-name= @item.name
|
||||||
|
|
||||||
|
%p= @item.description
|
||||||
|
|
|
@ -537,11 +537,14 @@ h1 a:hover {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 2, ../../../app/stylesheets/items/show.scss */
|
/* line 2, ../../../app/stylesheets/items/_show.scss */
|
||||||
body.show header {
|
body.show header {
|
||||||
|
border-bottom: 1px solid #033e6b;
|
||||||
display: block;
|
display: block;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
padding: 1em 0;
|
||||||
}
|
}
|
||||||
/* line 6, ../../../app/stylesheets/items/show.scss */
|
/* line 9, ../../../app/stylesheets/items/_show.scss */
|
||||||
body.show #item-thumbnail {
|
body.show #item-thumbnail {
|
||||||
display: -moz-inline-box;
|
display: -moz-inline-box;
|
||||||
-moz-box-orient: vertical;
|
-moz-box-orient: vertical;
|
||||||
|
@ -551,10 +554,10 @@ body.show #item-thumbnail {
|
||||||
*vertical-align: auto;
|
*vertical-align: auto;
|
||||||
border: 1px solid #033e6b;
|
border: 1px solid #033e6b;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
margin-right: -0.5em;
|
margin-right: .5em;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
/* line 14, ../../../app/stylesheets/items/show.scss */
|
/* line 17, ../../../app/stylesheets/items/_show.scss */
|
||||||
body.show #item-name {
|
body.show #item-name {
|
||||||
display: -moz-inline-box;
|
display: -moz-inline-box;
|
||||||
-moz-box-orient: vertical;
|
-moz-box-orient: vertical;
|
||||||
|
@ -562,7 +565,5 @@ body.show #item-name {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
*display: inline;
|
*display: inline;
|
||||||
*vertical-align: auto;
|
*vertical-align: auto;
|
||||||
border-bottom: 1px solid #033e6b;
|
margin-top: 1em;
|
||||||
margin: 0;
|
|
||||||
padding: 0 1em 0 1em;
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue