IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Scrollbar: Show scrollbar on only on hover (#22386)

Browse Source
This commit is contained in:
Torkel Ödegaard 2020-02-22 21:09:06 +01:00 committed by GitHub
parent 1f4a04436c
commit 22eb558d80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/grafana-ui/src/components/CustomScrollbar/_CustomScrollbar.scss
View File

@ -31,11 +31,21 @@
.thumb-vertical { .thumb-vertical {
@include gradient-vertical($scrollbarBackground, $scrollbarBackground2); @include gradient-vertical($scrollbarBackground, $scrollbarBackground2);
border-radius: 6px; border-radius: 6px;
opacity: 0;
} }
.thumb-horizontal { .thumb-horizontal {
@include gradient-horizontal($scrollbarBackground, $scrollbarBackground2); @include gradient-horizontal($scrollbarBackground, $scrollbarBackground2);
border-radius: 6px; border-radius: 6px;
opacity: 0;
}
&:hover {
.thumb-vertical,
.thumb-horizontal {
opacity: 0.8;
transition: opacity 0.3s ease-in-out;
}
} }
// page scrollbar should stick to left side to aid hitting it // page scrollbar should stick to left side to aid hitting it