From 70cf17140bdf32c1e5f55ae76702d94dae294979 Mon Sep 17 00:00:00 2001
From: edenbun <contact@edenbun.com>
Date: Sun, 13 Sep 2020 15:40:33 +0100
Subject: [PATCH 1/2] Improve scrollbar, fixes
 https://github.com/mue/mue/issues/105

---
 src/scss/modules/_modal.scss | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/scss/modules/_modal.scss b/src/scss/modules/_modal.scss
index fb6da412..1ff9a1f8 100644
--- a/src/scss/modules/_modal.scss
+++ b/src/scss/modules/_modal.scss
@@ -13,8 +13,7 @@
   -moz-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  scrollbar-width: thin;
-  scrollbar-color: #34495e  #bdc3c7;
+  scrollbar-color: #34495e #bdc3c7;
 
   &:focus {
     outline: 0;
@@ -188,11 +187,14 @@
 }
 
 ::-webkit-scrollbar {
-  width: 5px;
+  width: 13px;
   background: #bdc3c7;
-  height: auto;
+  border-top-right-radius: map-get($modal, "border-radius");
+  border-bottom-right-radius: map-get($modal, "border-radius");
 }
 
 ::-webkit-scrollbar-thumb {
   background: #34495e;
+  border-top-right-radius: map-get($modal, "border-radius");
+  border-bottom-right-radius: map-get($modal, "border-radius");
 }
\ No newline at end of file

From 05c4a2c30c0a9af139c4769f10f35e77376189b3 Mon Sep 17 00:00:00 2001
From: edenbun <contact@edenbun.com>
Date: Sun, 13 Sep 2020 15:40:42 +0100
Subject: [PATCH 2/2] Cleanup

---
 src/scss/modules/_modal.scss | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/scss/modules/_modal.scss b/src/scss/modules/_modal.scss
index 1ff9a1f8..ae7d40b8 100644
--- a/src/scss/modules/_modal.scss
+++ b/src/scss/modules/_modal.scss
@@ -20,7 +20,6 @@
   }
 }
 
-
 .modalLink {
   color: #5352ed;
   cursor: pointer;
@@ -94,8 +93,8 @@
 }
 
 .modal-animation {
-  -webkit-animation: zoom-in 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
-  animation: zoom-in 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+  -webkit-animation: zoom-in 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+  animation: zoom-in 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
 }
 
 .ReactModal__Content {
@@ -113,7 +112,7 @@
   }
 }
 
-@media only screen and (min-height: 700px){
+@media only screen and (min-height: 700px) {
   .ReactModal__Content {
     min-height: 600px;
   }
@@ -141,8 +140,8 @@
 }
 
 .zoom-out {
-  -webkit-animation: zoom-out 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
-  animation: zoom-out 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+  -webkit-animation: zoom-out 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+  animation: zoom-out 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
 }
 
 @-webkit-keyframes zoom-out {
@@ -197,4 +196,4 @@
   background: #34495e;
   border-top-right-radius: map-get($modal, "border-radius");
   border-bottom-right-radius: map-get($modal, "border-radius");
-}
\ No newline at end of file
+}