From 6dfacc6b11fe9374a60f6aa6bb533d96a2a63ee7 Mon Sep 17 00:00:00 2001
From: neatchee <neatchee@gmail.com>
Date: Fri, 30 Dec 2022 14:37:41 -0800
Subject: [PATCH] Add a background to the collapse button when active to make
 collapsed more visible when scrolling (#23)

---
 .../flavours/glitch/styles/components/status.scss         | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index ef83bf3c659a3f..9f650b8a2d9738 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -332,6 +332,10 @@
   &.status-direct {
     background: lighten($ui-base-color, 8%);
     border-bottom-color: lighten($ui-base-color, 12%);
+
+    .status__collapse-button.active {
+      background-image: linear-gradient(rgba(lighten($ui-base-color, 16%), 255) 0 0);
+    }
   }
 
   &.light {
@@ -492,6 +496,10 @@
     padding-right: 2px;
   }
 
+  .status__collapse-button.active {
+    background-image: linear-gradient(rgba(lighten($ui-base-color, 8%), 255) 0 0);
+  }
+
   .status__collapse-button.active > .fa-angle-double-up {
     transform: rotate(-180deg);
   }