raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Checkout page design tweaks and improvements to make accordion more usable

Browse Source
This commit is contained in:
summerscope
2014-07-23 16:57:38 +10:00
parent fac7f9f818
commit a40b5689a9
5 changed files with 45 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -46,6 +46,11 @@ checkout
// Logic to swap out up / down accordion icons
//Foundation overrides
dd > a:hover
background: $clr-brick-ultra-light !important
color: $clr-brick
dd
span.accordion-up
display: none

16
app/views/checkout/_billing.html.haml
View File

@@ -13,15 +13,19 @@
"ng-class" => "{valid: billing.$valid, open: accordion.billing}"}
%accordion-heading
.row
.small-11.columns
.small-10.columns
%em
%small
{{ summary() | printArray }}
.small-1.columns.right
%span.accordion-up.right
%i.ofn-i_006-caret-up
%span.accordion-down.right
%i.ofn-i_005-caret-down
.small-2.columns.text-right
%span.accordion-up
%em
%small Hide
%i.ofn-i_053-point-up
%span.accordion-down
%em
%small Expand
%i.ofn-i_052-point-down
= f.fields_for :bill_address, @order.bill_address do |ba|
.row

16
app/views/checkout/_details.html.haml
View File

@@ -13,15 +13,19 @@
"ng-class" => "{valid: details.$valid, open: accordion.details}"}
%accordion-heading
.row
.small-11.columns
.small-10.columns
%em
%small
{{ summary() | printArray }}
.small-1.columns.right
%span.accordion-up.right
%i.ofn-i_006-caret-up
%span.accordion-down.right
%i.ofn-i_005-caret-down
.small-2.columns.text-right
%span.accordion-up
%em
%small Hide
%i.ofn-i_053-point-up
%span.accordion-down
%em
%small Expand
%i.ofn-i_052-point-down
.row
.small-6.columns

16
app/views/checkout/_payment.html.haml
View File

@@ -13,15 +13,19 @@
"ng-class" => "{valid: payment.$valid, open: accordion.payment}"}
%accordion-heading
.row
.small-11.columns
.small-10.columns
%em
%small
{{ Order.paymentMethod().name }}
.small-1.columns.right
%span.accordion-up.right
%i.ofn-i_006-caret-up
%span.accordion-down.right
%i.ofn-i_005-caret-down
.small-2.columns.text-right
%span.accordion-up
%em
%small Hide
%i.ofn-i_053-point-up
%span.accordion-down
%em
%small Expand
%i.ofn-i_052-point-down
- current_order.available_payment_methods.each do |method|
.row

16
app/views/checkout/_shipping.html.haml
View File

@@ -13,15 +13,19 @@
"ng-class" => "{valid: shipping.$valid, open: accordion.shipping}"}
%accordion-heading
.row
.small-11.columns
.small-10.columns
%em
%small
{{ Order.shippingMethod().name }}
.small-1.columns.right
%span.accordion-up.right
%i.ofn-i_006-caret-up
%span.accordion-down.right
%i.ofn-i_005-caret-down
.small-2.columns.text-right
%span.accordion-up
%em
%small Hide
%i.ofn-i_053-point-up
%span.accordion-down
%em
%small Expand
%i.ofn-i_052-point-down
.small-12.columns.medium-6.columns.large-6.columns
- for ship_method, i in current_distributor.shipping_methods.uniq