jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add fixes for sticky TOC fade out 

Bug: T302076
Change-Id: I9fffb17e60182ef2d667ed86218b8f24e1d76f5c
This commit is contained in:
Clare Ming 2022-04-05 13:52:40 -06:00
parent e3684ba8a0
commit 83f324e863
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/skins.vector.styles/components/TableOfContents.less
View File

@ -79,16 +79,17 @@
}
// T302076 Add scrollable indicator as fade
.sidebar-toc:after {
.mw-table-of-contents-container:after {
content: '';
display: block;
position: sticky; // Make it stick to the bottom like position:fixed inside an element
// By defining all the values it will always be fixed
bottom: 0;
position: relative;
bottom: @fade-height;
left: 0;
height: @fade-height;
background: linear-gradient( rgba( 255, 255, 255, 0 ), @border-color-sidebar );
pointer-events: none; // Make the link below the fade clickable
border: @border-base;
border-top: 0;
}
// Highlight active section