style: draggable and scrollbar

Author: josStorer

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);
-    }
-    ::-webkit-resizer {
-      background-color: var(--theme-color);
+      background-color: var(--theme-border-color);
+      border-radius: 20px;
+      border: transparent;
     }
-    &::-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%;