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

Mobile design fixed

Browse Source
This commit is contained in:
adam.harbas@a-net.ba
2016-01-13 09:51:36 +01:00
parent 9e200ca910
commit 8675dc724f
2 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
front-ui/app/components/cart/checkoutPage.js
View File

@@ -205,12 +205,19 @@ var CheckoutPage = React.createClass({
</p>
<div className="hidden-xs">
<button className="btn btn-default gift-btn" onClick={this._onGiftBtnClicked}>Poklon</button>
<br />
<p className="collapsed-address-container">{last_used_payment} ili <button className="btn btn-default" onClick={this._onUncolapseClick}>Promijeni način plaćanja ili adresu</button></p>
</div>
<div className="collapsed-address-container-mobile btn-group-vertical visible-xs">
<button className="btn btn-default" onClick={this._onGiftBtnClicked}>Poklon</button>
{last_used_payment}
<button className="btn btn-default" onClick={this._onUncolapseClick}>Promijeni način plaćanja ili adresu</button>
</div>
<br /><br />
<p className="collapsed_address_container">{last_used_payment} ili <button className="btn btn-default" onClick={this._onUncolapseClick}>Promijeni način plaćanja ili adresu</button>
</p>
<div className="form-group">
<label className="col-md-4 control-label" htmlFor="order"></label>
<div className="col-md-8">

14
front-ui/app/css/checkout.css
View File

@@ -15,7 +15,19 @@
margin-bottom: 6px !important;
}
.collapsed_address_container .mybutton {
.collapsed-address-container .mybutton {
margin-top: 0px !important;
width: 240px;
}
.collapsed-address-container-mobile button {
margin-bottom: 6px !important;
margin-left: 10% !important;
margin-right: 10% !important;
width: 80% !important;
}
.gift-btn {
width: 200px;
margin-bottom: 10px;
}