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

2020-02-22 21:09:06 +01:00
parent 1f4a04436c
commit 22eb558d80
1 changed files with 10 additions and 0 deletions
@@ -31,11 +31,21 @@
  .thumb-vertical {
    @include gradient-vertical($scrollbarBackground, $scrollbarBackground2);
    border-radius: 6px;
+    opacity: 0;
  }

  .thumb-horizontal {
    @include gradient-horizontal($scrollbarBackground, $scrollbarBackground2);
    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