From 69abdca3ef6f89b17a4847252b83fc498b0317de Mon Sep 17 00:00:00 2001 From: Gaetan Craig-Riou Date: Mon, 3 Feb 2025 15:58:48 +1100 Subject: [PATCH] Fix insufficient stock modal styling --- app/views/checkout/edit.html.haml | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/app/views/checkout/edit.html.haml b/app/views/checkout/edit.html.haml index 99a990385b..d3e9d09afd 100644 --- a/app/views/checkout/edit.html.haml +++ b/app/views/checkout/edit.html.haml @@ -22,19 +22,24 @@ %div{ "data-controller": "guest-checkout", "data-guest-checkout-distributor-value": @order.distributor.id } = #TODO create new component ? reuse out_of_stock.html.haml template - if @any_out_of_stock - = render ModalComponent.new(id: "out-of-stock-items", instant: true) do + = render ModalComponent.new(id: "out-of-stock-items", modal_class: "medium" ,instant: true, close_button: false) do + %a.close-reveal-modal{"data-action": "click->modal#close" } + %i.ofn-i_009-close %h3 = t("js.out_of_stock.reduced_stock_available") %p = t("js.out_of_stock.out_of_stock_text") - %p - - @updated_variants.each do |variant| - %em - = "#{variant.name_to_display} - #{variant.unit_to_display}" - - if variant.on_hand == 0 + - @updated_variants.each do |variant| + - if variant.on_hand == 0 + %p + %em + = "#{variant.name_to_display} - #{variant.unit_to_display}" %span = t("js.out_of_stock.now_out_of_stock") - - if variant.on_hand > 0 + - if variant.on_hand > 0 + %p + %em + = "#{variant.name_to_display} - #{variant.unit_to_display}" %span = t("js.out_of_stock.only_n_remainging", num: variant.on_hand)