raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-04 22:16:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Styling and layout tweaks for checkout page to improve how columns sit on small devices

Browse Source
This commit is contained in:
summerscope
2014-08-14 12:09:55 +10:00
parent 3d2c196237
commit 8ef91d1b2a
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/darkswarm/checkout.css.sass
View File

@@ -3,10 +3,19 @@
checkout
display: block
@media all and (max-width: 640px)
&.row .row
margin-left: 0
margin-right: 0
orderdetails
.button, table
width: 100%
@media all and (max-width: 640px)
form.edit_order
border: 1px solid $disabled-bright
margin-bottom: 2rem
#details, #billing, #shipping, #payment
border: 0

4
app/views/checkout/edit.html.haml
View File

@@ -13,12 +13,12 @@
%accordion{"close-others" => "true"}
%checkout.row{"ng-controller" => "CheckoutCtrl"}
.small-9.columns
.small-12.medium-8.large-9.columns
- unless spree_current_user
= render partial: "checkout/authentication"
.row{"ng-show" => "enabled", "ng-controller" => "AccordionCtrl"}
= render partial: "checkout/form"
.small-3.columns
.small-12.medium-4.large-3.columns
= render partial: "checkout/summary"