mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-23 19:25:48 +03:00
Code Issues Projects Releases Packages Wiki 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
Show stats 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);
}
}
}