From 16992542881b4f246d5aac7f4c0bb52bc76b0c1d Mon Sep 17 00:00:00 2001
From: Bel Curcio <curciobel@gmail.com>
Date: Fri, 4 Jun 2021 17:54:39 -0300
Subject: [PATCH] User Select disabled, plus hidding horizontal scroll bars

---
 .../product/ProductSlider/ProductSlider.module.css    | 11 ++++++++---
 components/product/ProductView/ProductView.tsx        |  4 +++-
 components/product/Swatch/Swatch.module.css           |  2 +-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/product/ProductSlider/ProductSlider.module.css b/components/product/ProductSlider/ProductSlider.module.css
index 8db6561a7..f77a3738d 100644
--- a/components/product/ProductSlider/ProductSlider.module.css
+++ b/components/product/ProductSlider/ProductSlider.module.css
@@ -1,6 +1,6 @@
 .root {
-  @apply relative w-full h-full;
-  overflow-y: hidden;
+  @apply relative w-full h-full select-none;
+  overflow: hidden;
 }
 
 .slider {
@@ -14,7 +14,7 @@
 
 .control {
   @apply bg-violet absolute bottom-10 right-10 flex flex-row
-  border-accent-0 border text-accent-0 z-30 shadow-xl;
+  border-accent-0 border text-accent-0 z-30 shadow-xl select-none;
   height: 48px;
 }
 
@@ -59,11 +59,16 @@
 }
 
 .album {
+  width: 100%;
+  height: 100%;
   @apply bg-violet-dark;
+  box-sizing: content-box;
   overflow-y: hidden;
   overflow-x: auto;
   white-space: nowrap;
   height: 125px;
+  padding-bottom: 10px;
+  margin-bottom: -10px;
 }
 
 @screen md {
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index 1a8b71d8f..b34929aab 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -155,7 +155,9 @@ const ProductView: FC<Props> = ({ product, relatedProducts }) => {
           </section>
           <div className="flex flex-row justify-between items-center">
             <Rating value={2} />
-            <div className="text-accent-6 pr-1">36 reviews</div>
+            <div className="text-accent-6 pr-1 font-medium select-none">
+              36 reviews
+            </div>
           </div>
           <div>
             <Button
diff --git a/components/product/Swatch/Swatch.module.css b/components/product/Swatch/Swatch.module.css
index fca37968f..719f69b7c 100644
--- a/components/product/Swatch/Swatch.module.css
+++ b/components/product/Swatch/Swatch.module.css
@@ -3,7 +3,7 @@
   composes: root from 'components/ui/Button/Button.module.css';
   @apply h-10 w-10 bg-primary text-primary rounded-full mr-3 inline-flex
   items-center justify-center cursor-pointer transition duration-150 ease-in-out
-  p-0 shadow-none border-gray-200 border box-border;
+  p-0 shadow-none border-gray-200 border box-border select-none;
   margin-right: calc(0.75rem - 1px);
   overflow: hidden;
   width: 48px;