SD-866 Fix close button on gallery modal

spree · Jul 25, 2020 · 4c446fb · 4c446fb
1 parent 08bcf15
commit 4c446fb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/frontend/app/assets/stylesheets/spree/frontend/application.scss b/frontend/app/assets/stylesheets/spree/frontend/application.scss
@@ -47,6 +47,7 @@
 @import "spree/frontend/views/spree/shared/product";
 @import "spree/frontend/views/spree/products/show";
 @import "spree/frontend/views/spree/products/cart_form";
+@import "spree/frontend/views/spree/products/gallery_modal";
 @import "spree/frontend/views/spree/shared/product_added_modal";
 @import "spree/frontend/views/spree/shared/mobile_navigation";
 @import "spree/frontend/views/spree/shared/no_product_available";

diff --git a/frontend/app/assets/stylesheets/spree/frontend/views/spree/products/gallery_modal.scss b/frontend/app/assets/stylesheets/spree/frontend/views/spree/products/gallery_modal.scss
@@ -0,0 +1,6 @@
+#picturesModal {
+  .close {
+    right: 0;
+    z-index: 3;
+  }
+}
diff --git a/frontend/app/views/spree/products/_gallery_modal.html.erb b/frontend/app/views/spree/products/_gallery_modal.html.erb
@@ -3,7 +3,7 @@
     <div class="modal-dialog--zoom modal-dialog mw-100 vh-100 mt-0 mb-0" role="document">
       <div class="modal-content h-100">
         <div class="modal-body h-100">
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <button type="button" class="close position-absolute" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">
               <%= icon(name: 'close',
                        classes: 'd-block d-lg-none',