senaduka/old-ribica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

almost finished product page / need to fix some css stuff

Browse Source
This commit is contained in:
Senad Uka
2015-05-15 18:38:45 +02:00
parent 6453b1b241
commit 8e3f071ef3
2 changed files with 76 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
front-ui/app/components/items/itemWithDetailsPage.js
View File

@@ -16,7 +16,7 @@ var ItemWithDetailsPage = React.createClass({
return (
<div className="item-with-details row-fluid center">
<div className="col-md-5 col-md-offset-2">
<div className="col-md-5 col-md-offset-2 item_image">
<img src={this.state.firstImage} width="100%" />
</div>
@@ -29,7 +29,12 @@ var ItemWithDetailsPage = React.createClass({
<div>Količina</div>
<div> <AddToCart item={this.state.item} /></div>
<div> {this.state.item.get('description')}</div>
<div>
<div className="item_description_tab">Opis proizvoda</div>
<div className="item_description_tab_area"> </div>
<div>{this.state.item.get('description')}</div>
</div>
</div>
<Traits traits={this.state.item.get('traits')} />

69
front-ui/app/css/items.css
View File

@@ -50,4 +50,73 @@
padding-bottom: 36px;
}
.item_image {
border: 1px;
border-color: #cccccc;
}
/*
item description tab
TTTTTTTTTTTTTTTTTTTTTTT AAA BBBBBBBBBBBBBBBBB
T:::::::::::::::::::::T A:::A B::::::::::::::::B
T:::::::::::::::::::::T A:::::A B::::::BBBBBB:::::B
T:::::TT:::::::TT:::::T A:::::::A BB:::::B B:::::B
TTTTTT T:::::T TTTTTT A:::::::::A B::::B B:::::B
T:::::T A:::::A:::::A B::::B B:::::B
T:::::T A:::::A A:::::A B::::BBBBBB:::::B
T:::::T A:::::A A:::::A B:::::::::::::BB
T:::::T A:::::A A:::::A B::::BBBBBB:::::B
T:::::T A:::::AAAAAAAAA:::::A B::::B B:::::B
T:::::T A:::::::::::::::::::::A B::::B B:::::B
T:::::T A:::::AAAAAAAAAAAAA:::::A B::::B B:::::B
TT:::::::TT A:::::A A:::::A BB:::::BBBBBB::::::B
T:::::::::T A:::::A A:::::A B:::::::::::::::::B
T:::::::::T A:::::A A:::::A B::::::::::::::::B
TTTTTTTTTTTAAAAAAA AAAAAAABBBBBBBBBBBBBBBBB
*/
.item_description_tab {
border-top: 1px;
border-left: 1px;
border-right: 1px;
border-color: #d0d0d0;
padding-top: 10px;
padding-left: 32px;
padding-right: 32px;
border-style: solid;
border-bottom-style: none;
display: inline-block;
font-size: 20px;
font-weight: medium;
vertical-align: bottom;
}
.item_description_tab_area {
border-color: #d0d0d0;
border-left-style: none;
border-right-style: none;
border-top-style: none;
border-bottom-style: solid;
border-bottom-width: 1px;
display: inline-block;
min-width: 50%;
max-width: 50%;
vertical-align: bottom;
}