Scroll fade for breadcrumbs

2020-07-09 19:24:02 +01:00 · 2020-07-09 19:24:02 +01:00 · e2539f11cd
parent ada68c4220
commit e2539f11cd
1 changed files with 12 additions and 0 deletions
--- 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);
+                }
            }
        }