OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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

Scroll fade for breadcrumbs
pull/21833/head
Bruno Windels 2020-07-10 10:37:55 +00:00 committed by GitHub
parent 60695838d6 e2539f11cd
commit 42e101340e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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);
}
}
}