From 05af66d6b948e0eaca5149abd7934d5a192d48cc Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Thu, 6 Oct 2016 21:39:30 +0200 Subject: [PATCH] Fix #80 - pretty scrollbars for lucky webkit users --- app/assets/stylesheets/application.scss | 37 +++++++++++++++++++++++++ 1 file changed, 37 insertions(+) diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 8c90eb065..ddaece8d8 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -57,6 +57,43 @@ table { border-spacing: 0; } +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-thumb { + background: #42495b; + border: 0px none #ffffff; + border-radius: 50px; +} + +::-webkit-scrollbar-thumb:hover { + background: #525a70; +} + +::-webkit-scrollbar-thumb:active { + background: #42495b; +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + border: 0px none #ffffff; + border-radius: 50px; +} + +::-webkit-scrollbar-track:hover { + background: #282c37; +} + +::-webkit-scrollbar-track:active { + background: #282c37; +} + +::-webkit-scrollbar-corner { + background: transparent; +} + body { font-family: 'Roboto', sans-serif; background: #282c37 image-url('background-photo.jpeg');