From f9b437fa5d0ae4e60aab774cb97ea9042e7ef6eb Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@gmail.com>
Date: Sun, 19 Jan 2020 16:31:03 +0100
Subject: [PATCH] Fix scrollbar style for firefox and all themes

---
 src/app/app.component.sass | 16 +++++++++++++++-
 src/styles/mixins.sass     | 13 +++++--------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/app/app.component.sass b/src/app/app.component.sass
index 9de1e9a..a8d0705 100644
--- a/src/app/app.component.sass
+++ b/src/app/app.component.sass
@@ -6,7 +6,21 @@ html, body
   height: 100%
 
 
+::ng-deep body
+  scrollbar-color: #aaa #ddd
+  scrollbar-width: thin
+  .dark-theme
+    scrollbar-color: #ddd #666
 
+::ng-deep ::-webkit-scrollbar
+  width: 4px
 
+::ng-deep ::-webkit-scrollbar-track
+  background: #ddd
+  .dark-theme
+    background: #666
 
-
+::ng-deep ::-webkit-scrollbar-thumb
+  background: #aaa
+  .dark-theme
+    background: #ddd
diff --git a/src/styles/mixins.sass b/src/styles/mixins.sass
index 5c1bc5c..14bca84 100644
--- a/src/styles/mixins.sass
+++ b/src/styles/mixins.sass
@@ -1,8 +1,5 @@
-::-webkit-scrollbar 
-  width: 4px
- 
-::-webkit-scrollbar-track
-  background: #ddd
-
-::-webkit-scrollbar-thumb 
-  background: #666
+@mixin gridPosition($rowStart, $rowEnd, $columnStart, $columnEnd)
+  grid-row-start: $rowStart
+  grid-row-end: $rowEnd
+  grid-column-start: $columnStart
+  grid-column-end: $columnEnd