From ae6eee2f7ffc507d8a48cb89a9ef84d47116cfa6 Mon Sep 17 00:00:00 2001
From: Max <maxes2000@t-online.de>
Date: Mon, 20 Jan 2020 10:28:31 +0100
Subject: [PATCH] Change scrollbar color

---
 src/app/app.component.sass                       | 16 ++++++++++------
 .../feed/postlist/postlist.component.sass        |  3 ++-
 .../social/groups/groups.component.sass          |  1 +
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/app/app.component.sass b/src/app/app.component.sass
index a8d0705..663787d 100644
--- a/src/app/app.component.sass
+++ b/src/app/app.component.sass
@@ -5,22 +5,26 @@ html, body
   margin: 0
   height: 100%
 
+$scrollbar-color: transparent
+$scrollbar-thumb-color: #aaa
+$scrollbar-color-dark: transparent
+$scrollbar-thumb-color-dark: #aaa
 
 ::ng-deep body
-  scrollbar-color: #aaa #ddd
+  scrollbar-color: $scrollbar-color $scrollbar-thumb-color
   scrollbar-width: thin
   .dark-theme
-    scrollbar-color: #ddd #666
+    scrollbar-color: $scrollbar-color-dark $scrollbar-thumb-color-dark
 
 ::ng-deep ::-webkit-scrollbar
   width: 4px
 
 ::ng-deep ::-webkit-scrollbar-track
-  background: #ddd
+  background: $scrollbar-color
   .dark-theme
-    background: #666
+    background: $scrollbar-color-dark
 
 ::ng-deep ::-webkit-scrollbar-thumb
-  background: #aaa
+  background: $scrollbar-thumb-color
   .dark-theme
-    background: #ddd
+    background: $scrollbar-thumb-color-dark
diff --git a/src/app/components/feed/postlist/postlist.component.sass b/src/app/components/feed/postlist/postlist.component.sass
index 8f290b6..48ac766 100644
--- a/src/app/components/feed/postlist/postlist.component.sass
+++ b/src/app/components/feed/postlist/postlist.component.sass
@@ -34,7 +34,8 @@ $mat-card-header-size: 40px !default
     margin-left: auto
 
   ::ng-deep img
-    max-width: 100%
+    width: 100%
+    max-height: 40vh
     height: auto
     border-radius: 4px
   ::ng-deep video
diff --git a/src/app/components/social/groups/groups.component.sass b/src/app/components/social/groups/groups.component.sass
index d7f5f1a..3e12dce 100644
--- a/src/app/components/social/groups/groups.component.sass
+++ b/src/app/components/social/groups/groups.component.sass
@@ -11,6 +11,7 @@
   margin-top: 0.5em
   outline: none
   user-select: none
+  cursor: pointer
   ::ng-deep .mat-card-header-text
     width: 1000%
     margin: auto 0 auto 24px