diff options
-rw-r--r-- | webapp/sass/components/_scrollbar.scss | 23 | ||||
-rw-r--r-- | webapp/utils/utils.jsx | 2 |
2 files changed, 24 insertions, 1 deletions
diff --git a/webapp/sass/components/_scrollbar.scss b/webapp/sass/components/_scrollbar.scss index 06ee37dc9..a4df8230d 100644 --- a/webapp/sass/components/_scrollbar.scss +++ b/webapp/sass/components/_scrollbar.scss @@ -36,4 +36,25 @@ body { .browser--ie & { margin: 0 !important; } -}
\ No newline at end of file +} + + +.ps-container { + &:hover { + .ps-scrollbar-x-rail, + .ps-scrollbar-y-rail { + @include opacity(.3); + } + } + + > .ps-scrollbar-y-rail { + width: 10px; + + &:hover { + .ps-scrollbar-y { + @include opacity(.6); + width: 6px; + } + } + } +} diff --git a/webapp/utils/utils.jsx b/webapp/utils/utils.jsx index a8ad4d76a..a880c1783 100644 --- a/webapp/utils/utils.jsx +++ b/webapp/utils/utils.jsx @@ -474,6 +474,8 @@ export function applyTheme(theme) { } if (theme.sidebarText) { + changeCss('.app__body .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y', 'background:' + theme.sidebarText, 1); + changeCss('.app__body .ps-container:hover .ps-scrollbar-y-rail:hover', 'background:' + changeOpacity(theme.sidebarText, 0.15), 1); changeCss('.app__body .sidebar--left .nav-pills__container li>a, .app__body .sidebar--right, .app__body .modal .settings-modal .nav-pills>li a, .app__body .sidebar--menu', 'color:' + changeOpacity(theme.sidebarText, 0.6), 1); changeCss('@media(max-width: 768px){.app__body .modal .settings-modal .settings-table .nav>li>a', 'color:' + theme.sidebarText, 1); changeCss('.app__body .sidebar--left .nav-pills__container li>h4, .app__body .sidebar--left .add-channel-btn', 'color:' + changeOpacity(theme.sidebarText, 0.6), 1); |