mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-17 00:07:24 +00:00
46d23f1f8a
On some Iphones the modal wouldn't fit and there were line breaks between the input fields. The inputs are now stacked vertically on small screens so that there is still plenty of space for large numbers in the quantity fields.
44 lines
1.6 KiB
Plaintext
44 lines
1.6 KiB
Plaintext
.row
|
||
.columns.small-12
|
||
%h3{"ng-bind" => "::variant.extended_name"}
|
||
|
||
.row.variant-bulk-buy-price-summary
|
||
.columns.small-6
|
||
.variant-unit {{ ::variant.unit_to_display }}
|
||
.columns.small-6
|
||
{{ variant.line_item.total_price | localizeCurrency }}
|
||
|
||
.row
|
||
.columns.small-12.medium-6
|
||
.variant-bulk-buy-quantity-label
|
||
{{ "js.shopfront.bulk_buy_modal.min_quantity" | t }}
|
||
%div
|
||
%button.bulk-buy-add.variant-quantity{type: "button", ng: {click: "add(-1)", disabled: "!canAdd(-1)"}}>
|
||
-# U+FF0D Fullwidth Hyphen-Minus
|
||
－
|
||
%input.bulk-buy.variant-quantity{
|
||
type: "number",
|
||
min: "0",
|
||
max: "{{ available() }}",
|
||
ng: {model: "variant.line_item.quantity", max: "Infinity"}}>
|
||
%button.bulk-buy-add.variant-quantity{type: "button", ng: {click: "add(1)", disabled: "!canAdd(1)"}}
|
||
-# U+FF0B Fullwidth Plus Sign
|
||
＋
|
||
.columns.small-12.medium-6
|
||
.variant-bulk-buy-quantity-label
|
||
{{ "js.shopfront.bulk_buy_modal.max_quantity" | t }}
|
||
%div
|
||
%button.bulk-buy-add.variant-quantity{type: "button", ng: {click: "addMax(-1)", disabled: "!canAddMax(-1)"}}>
|
||
-# U+FF0D Fullwidth Hyphen-Minus
|
||
－
|
||
%input.bulk-buy.variant-quantity{
|
||
type: "number",
|
||
min: "0",
|
||
max: "{{ available() }}",
|
||
ng: {model: "variant.line_item.max_quantity", max: "Infinity"}}>
|
||
%button.bulk-buy-add.variant-quantity{type: "button", ng: {click: "addMax(1)", disabled: "!canAddMax(1)"}}
|
||
-# U+FF0B Fullwidth Plus Sign
|
||
＋
|
||
|
||
%ng-include{src: "'partials/close.html'"}
|