about summary refs log tree commit diff
path: root/app
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2016-10-06 21:39:30 +0200
committerEugen Rochko <eugen@zeonfederated.com>2016-10-06 21:39:30 +0200
commit05af66d6b948e0eaca5149abd7934d5a192d48cc (patch)
treeb3bfe6cd3abbec840415d166979b6df3b5603b49 /app
parentd772db43441ebc28655b76f3662f02fa7fd48839 (diff)
Fix #80 - pretty scrollbars for lucky webkit users
Diffstat (limited to 'app')
-rw-r--r--app/assets/stylesheets/application.scss37
1 files changed, 37 insertions, 0 deletions
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');