From 7e1e60e6dbf00b1322f79c0d45bd75cd348ce550 Mon Sep 17 00:00:00 2001
From: Aetherinox <aetherinox@proton.me>
Date: Mon, 22 Apr 2024 09:53:25 -0700
Subject: [PATCH] change: re-style password gen textarea scrollbar to fit theme

---
 app/styles/areas/_generator.scss | 37 +++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/app/styles/areas/_generator.scss b/app/styles/areas/_generator.scss
index fe83b643..10fb7f15 100644
--- a/app/styles/areas/_generator.scss
+++ b/app/styles/areas/_generator.scss
@@ -46,7 +46,33 @@
         font-size: 1.1rem;
         background-color: #131212;
         border: 1px solid rgba(255, 255, 255, 0.4);
-        resize: vertical;
+
+        &::-webkit-scrollbar {
+            width: 9px;
+            height: 5px;
+            margin-right: 9px;
+            padding-block: 5px 5px;
+            padding-inline: 7px;
+        }
+
+        &::-webkit-scrollbar-button {
+            display: none;
+        }
+
+        &::-webkit-scrollbar-corner {
+            display: none;
+        }
+
+        &::-webkit-scrollbar-thumb {
+            background-color: #7166b7;
+            border-radius: 6px;
+            background-clip: content-box;
+            border: 3px solid transparent;
+        }
+
+        &::-webkit-scrollbar-track {
+            background: transparent;
+        }
     }
     &__check-hide {
         &-label {
@@ -88,3 +114,12 @@
     white-space: wrap;
     word-break: normal;
 }
+
+/*
+    Required if user hides / shows passphrases.
+    dots need to be wrapped in textfarea
+*/
+
+.__pass-hidden {
+    word-break: break-word;
+}