Merge pull request #4942 from matrix-org/joriks/room-list-breadcrumbs-scroll-fade

Scroll fade for breadcrumbs
This commit is contained in:
Bruno Windels
2020-07-10 10:37:55 +00:00
committed by GitHub

View File

@@ -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);
}
}
}