mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-24 20:36:49 +00:00
Tweak layout for checkout accordions to prevent expand and hide from dropping over two lines on small devices
This commit is contained in:
@@ -13,11 +13,11 @@
|
||||
"ng-class" => "{valid: billing.$valid, open: accordion.billing}"}
|
||||
%accordion-heading
|
||||
.row
|
||||
.small-10.columns
|
||||
.small-8.medium-10.columns
|
||||
%em
|
||||
%small
|
||||
{{ summary() | printArray }}
|
||||
.small-2.columns.text-right
|
||||
.small-4.medium-2.columns.text-right
|
||||
%span.accordion-up
|
||||
%em
|
||||
%small Hide
|
||||
|
||||
@@ -13,11 +13,11 @@
|
||||
"ng-class" => "{valid: details.$valid, open: accordion.details}"}
|
||||
%accordion-heading
|
||||
.row
|
||||
.small-10.columns
|
||||
.small-8.medium-10.columns
|
||||
%em
|
||||
%small
|
||||
{{ summary() | printArray }}
|
||||
.small-2.columns.text-right
|
||||
.small-4.medium-2.columns.text-right
|
||||
%span.accordion-up
|
||||
%em
|
||||
%small Hide
|
||||
|
||||
@@ -13,11 +13,11 @@
|
||||
"ng-class" => "{valid: payment.$valid, open: accordion.payment}"}
|
||||
%accordion-heading
|
||||
.row
|
||||
.small-10.columns
|
||||
.small-8.medium-10.columns
|
||||
%em
|
||||
%small
|
||||
{{ Checkout.paymentMethod().name }}
|
||||
.small-2.columns.text-right
|
||||
.small-4.medium-2.columns.text-right
|
||||
%span.accordion-up
|
||||
%em
|
||||
%small Hide
|
||||
|
||||
@@ -13,11 +13,11 @@
|
||||
"ng-class" => "{valid: shipping.$valid, open: accordion.shipping}"}
|
||||
%accordion-heading
|
||||
.row
|
||||
.small-10.columns
|
||||
.small-8.medium-10.columns
|
||||
%em
|
||||
%small
|
||||
{{ Checkout.shippingMethod().name }}
|
||||
.small-2.columns.text-right
|
||||
.small-4.medium-2.columns.text-right
|
||||
%span.accordion-up
|
||||
%em
|
||||
%small Hide
|
||||
|
||||
Reference in New Issue
Block a user