From 7bf24074f5badb3431170342b2e941c72bdb0924 Mon Sep 17 00:00:00 2001
From: Eihab Khan <143792300+eihabkhan1@users.noreply.github.com>
Date: Wed, 22 Nov 2023 14:04:50 +0100
Subject: [PATCH] DARK: fix exporess checkout covering 'add review' button
 (#165)

## JIRA Ticket

[YSHOP2-1072](https://youcanshop.atlassian.net/browse/YSHOP2-1072)

## QA Steps
### Prerequisites:
-  [ ] Make sure you have products displayed on your store front
-  [ ] Make sure you have sticky express checkout enabled
-  [ ] Make sure you have `Theme 3` enabled as the active theme
- [ ] From the theme editor and in the product details page, make sure
you add a Customer Reviews section.

### Steps
- [ ] In your store front, go to the product details page of a product
you have
- [ ] Scroll down until the express checkout button is aligned with the
"Add review" button
- [ ] You should be able to click on the "Add review" button

[YSHOP2-1072]:
https://youcanshop.atlassian.net/browse/YSHOP2-1072?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
---
 assets/main.css  | 1 +
 package.json     | 2 +-
 styles/main.scss | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/assets/main.css b/assets/main.css
index f0308e78..e579e8c4 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -550,6 +550,7 @@ input:not([type=radio]),
   left: 0;
   width: 100%;
   z-index: 999;
+  pointer-events: none;
 }
 @media (min-width: 768px) {
   .sticky-elements-wrapper {
diff --git a/package.json b/package.json
index 70c2c075..6aa246bc 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
 	"version": "0.0.0",
 	"type": "module",
 	"scripts": {
-		"sass": "sass ./styles:./assets --no-source-map --watch",
+		"sass": "sass ./styles:./assets --no-charset --no-source-map --watch",
 		"fix": "onchange \"**/*.*\" -- prettier --write --ignore-unknown ./**/*.* --plugin-search-dir=. --ignore-path=.prettierignore",
 		"lint": "onchange \"**/*.*\" -- prettier --check .",
 		"wind": "npx tailwindcss build -i ./styles/_utils.css -o ./styles/utils.scss",
diff --git a/styles/main.scss b/styles/main.scss
index 99872413..7ce4ea08 100644
--- a/styles/main.scss
+++ b/styles/main.scss
@@ -589,6 +589,7 @@ input:not([type='radio']),
   left: 0;
   width: 100%;
   z-index: 999;
+  pointer-events: none;
 
   @include breakpoint('md') {
     display: grid;