matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-09 08:42:50 +03:00
Code Activity

Scroll fade for breadcrumbs

Browse Source
This commit is contained in:
Jorik Schellekens
2020-07-09 19:24:02 +01:00
parent ada68c4220
commit e2539f11cd
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
res/css/structures/_LeftPanel2.scss
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);
}
}
}