From 07ca09339a9a939a635bd8667b23cdec7c5022dc Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Fri, 12 May 2023 23:07:56 +0800
Subject: [PATCH] style: draggable and scrollbar

---
 src/content-script/styles.scss | 36 ++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index a113962..16fb210 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -88,27 +88,20 @@
     padding: 5px 15px 10px;
     background-color: var(--theme-color);
     color: var(--font-color);
-    ::-webkit-scrollbar {
-      background-color: var(--theme-color);
-    }
-    ::-webkit-scrollbar-thumb {
-      background-color: var(--dragbar-color);
-    }
     &::-webkit-scrollbar {
       background-color: var(--theme-color);
+      width: 9px;
     }
     &::-webkit-scrollbar-thumb {
-      background-color: var(--dragbar-color);
+      background-color: var(--theme-border-color);
+      border-radius: 20px;
+      border: transparent;
     }
-    ::-webkit-resizer {
-      background-color: var(--theme-color);
-    }
-    &::-webkit-resizer {
-      background-color: var(--theme-color);
+    &::-webkit-scrollbar-corner {
+      background: transparent;
     }
 
     overflow-y: auto;
-    min-height: 300px;
     p {
       color: var(--font-color);
     }
@@ -269,6 +262,19 @@
     &:focus {
       outline: none;
     }
+
+    &::-webkit-scrollbar {
+      background-color: var(--theme-color);
+      width: 9px;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--theme-border-color);
+      border-radius: 20px;
+      border: transparent;
+    }
+    &::-webkit-scrollbar-corner {
+      background: transparent;
+    }
   }
 
   .submit-button {
@@ -286,6 +292,10 @@
     box-shadow: 0 1px 0 rgba(31, 35, 40, 0.1);
   }
 
+  .draggable {
+    cursor: move;
+  }
+
   .dragbar {
     cursor: move;
     width: 42%;