Better scrollbar style that doesn't look like garbage

2021-01-18 17:43:26 -08:00
parent de46c2ff38
commit 95414e21a3
3 changed files with 15 additions and 27 deletions
--- a/freechat-client/sass/scroll.scss
+++ b/freechat-client/sass/scroll.scss
@@ -0,0 +1,12 @@
+@import 'general';
+
+::-webkit-scrollbar {     
+	background-color: $back-grey;
+	width: .8em
+}
+
+::-webkit-scrollbar-thumb:window-inactive,
+::-webkit-scrollbar-thumb {
+	background:  $text;
+	border-radius: 10px;
+}
--- a/freechat-client/sass/style.scss
+++ b/freechat-client/sass/style.scss
@@ -1,4 +1,5 @@
@import 'general';
+@import 'scroll';

 body {
    color: $text;
@@ -120,8 +121,7 @@ ul ul a {
 	padding-bottom: 50px;
 	overflow-y: scroll;
 	min-height: 480;
-	max-height: 1080px;
-	//max-height: 100%;
+	max-height: 1005px; // 1080 - $send-container-height
 }

 // Now the message box which must be pinned at the bottom