From e2539f11cd156779d152ad19c56ea0a977ab9ec2 Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Thu, 9 Jul 2020 19:24:02 +0100
Subject: [PATCH] Scroll fade for breadcrumbs

---
 res/css/structures/_LeftPanel2.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/res/css/structures/_LeftPanel2.scss b/res/css/structures/_LeftPanel2.scss
index eaa22a3efa..0b87ac0469 100644
--- a/res/css/structures/_LeftPanel2.scss
+++ b/res/css/structures/_LeftPanel2.scss
@@ -73,6 +73,18 @@ $tagPanelWidth: 70px; // only applies in this file, used for calculations
                 overflow-y: hidden;
                 overflow-x: scroll;
                 margin-top: 8px;
+
+                &.mx_IndicatorScrollbar_leftOverflow {
+                    mask-image: linear-gradient(90deg, transparent, black 10%);
+                }
+
+                &.mx_IndicatorScrollbar_rightOverflow {
+                    mask-image: linear-gradient(90deg, black, black 90%, transparent);
+                }
+
+                &.mx_IndicatorScrollbar_rightOverflow.mx_IndicatorScrollbar_leftOverflow {
+                    mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
+                }
             }
         }