webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-08-06 12:02:45 +03:00
Code Activity

Layout: Added scroll fade to the sidebars

Browse Source
This commit is contained in:
Dan Brown
2025-06-30 14:10:48 +01:00
parent 6045aff33a
commit 9186e77d27
3 changed files with 54 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
resources/sass/_layout.scss
View File

@@ -389,10 +389,12 @@ body.flexbox {
.tri-layout-right {
grid-area: c;
min-width: 0;
position: relative;
}
.tri-layout-left {
grid-area: a;
min-width: 0;
position: relative;
}
@include mixins.larger-than(vars.$bp-xxl) {
@@ -523,4 +525,26 @@ body.flexbox {
margin-inline-start: 0;
margin-inline-end: 0;
}
}
/**
* Scroll Indicators
*/
.scroll-away-from-top:before,
.scroll-away-from-bottom:after {
content: '';
display: block;
position: absolute;
@include mixins.lightDark(color, #F2F2F2, #111);
left: 0;
top: 0;
width: 100%;
height: 50px;
background: linear-gradient(to bottom, currentColor, transparent);
z-index: 2;
}
.scroll-away-from-bottom:after {
top: auto;
bottom: 0;
background: linear-gradient(to top, currentColor, transparent);
}