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

number of items in cart is now properly aligned

Browse Source
This commit is contained in:
Senad Uka
2015-04-16 06:45:38 +02:00
parent 19cdca76b1
commit fc9f7496d2
3 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front-ui/app/components/cart/cartIcon.js
View File

@@ -10,6 +10,14 @@ var cartStyle = {
fontSize: '50px' fontSize: '50px'
}; };
var normalizeCount = function(count) {
if (count >= 0 && count < 10) {
return "\u00a0" + count;
} else {
return count;
}
}
var CartIcon = React.createClass({ var CartIcon = React.createClass({
render: function() { render: function() {
@@ -20,7 +28,7 @@ var CartIcon = React.createClass({
<ul className="nav navbar-nav navbar-right"> <ul className="nav navbar-nav navbar-right">
<li><LoginStatus /></li> <li><LoginStatus /></li>
<li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', borderLeft: 'solid lightgray 1px', paddingBottom: 22}}><a ><div className="mycart"><span>{this.state.count}</span></div></a></li> <li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', borderLeft: 'solid lightgray 1px', paddingBottom: 22}}><a ><div className="mycart"><span>{normalizeCount(this.state.count)}</span></div></a></li>
<li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', paddingBottom: 2}}><a href="#">0,00 KM</a></li> <li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', paddingBottom: 2}}><a href="#">0,00 KM</a></li>
<li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', borderRight: 'solid lightgray 1px'}}><a style={{marginLeft: 20, marginBottom: 10, marginRight: 15}} className="mybutton" href="#">Završi narudžbu</a></li> <li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', borderRight: 'solid lightgray 1px'}}><a style={{marginLeft: 20, marginBottom: 10, marginRight: 15}} className="mybutton" href="#">Završi narudžbu</a></li>
</ul> </ul>

6
front-ui/app/components/items/singleItem.js
View File

@@ -34,10 +34,8 @@ var SingleItem = React.createClass({
<img className="img-responsive" src={firstImage.resized_url} alt="product image" /> <img className="img-responsive" src={firstImage.resized_url} alt="product image" />
<div> <div>
<div> <div>
<p>{ this.props.item.get('brand') ? this.props.item.get('brand').name : '' }{ this.props.item.get('name') }</p>
<p>{ this.props.item.get('brand') ? this.props.item.get('brand').name : '' }{ this.props.item.get('name') }</p> <h4>{ this.props.item.get('list_price') } KM </h4>
<h4> { this.props.item.get('list_price') } KM </h4>
</div> </div>
</div> </div>
</div> </div>

5
front-ui/app/css/main.css
View File

@@ -339,13 +339,18 @@ background-size: cover;
padding-bottom: 0px; padding-bottom: 0px;
right:-14px; right:-14px;
bottom: -15px; bottom: -15px;
text-align: right;
} }
.mycart div {
text-align: right;
}
.mycart span{ .mycart span{
position: absolute; position: absolute;
left: 13.4px; left: 13.4px;
top: 4px; top: 4px;
color: black; color: black;
} }
.mycart span:hover{ .mycart span:hover{