From 96832aee6651d1d0b5c28ba7fde887c9dd6eed8a Mon Sep 17 00:00:00 2001
From: Dennis Ting <dennisting@gmail.com>
Date: Tue, 12 Apr 2016 00:36:35 -0700
Subject: [PATCH] Fix scroll bar width issue in ui-grids.

Resolves #406.

Custom styles for the grid scrollbars that override ui-grid
style. Autohides the scrollbars when not needed and uses
!important because of the need to overrid ui-grid inline styles.

I've been investigating some issues with the scrollbars for
a while. Notes about a related bug in issue #423.
---
 client/app/main/main.scss                     | 28 +++++++++++++++++--
 .../grid-defaults/grid-defaults.service.js    |  4 ++-
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/client/app/main/main.scss b/client/app/main/main.scss
index 1395aee..3ec356a 100644
--- a/client/app/main/main.scss
+++ b/client/app/main/main.scss
@@ -58,7 +58,6 @@
   .ui-grid-menu {
     padding: 0;
     .ui-grid-menu-mid {
-      overflow-y: scroll;
       max-height: 234px;
       border: 1px solid #d4d4d4;
     }
@@ -73,8 +72,31 @@
       @include cfa-scrollbar(5px);
     }
   }
-  .ui-grid-viewport {
-    @include cfa-scrollbar(5px, 0, $pale-turquoise);
+  .ui-grid-render-container-body .ui-grid-viewport {
+    overflow-x: auto !important;
+    overflow-y: auto !important;
+    &::-webkit-scrollbar {
+      width: 12px;
+      height: 12px;
+    }
+    &::-webkit-scrollbar-track {
+      border-radius: 10px;
+      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
+      &:hover {
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
+      }
+    }
+    &::-webkit-scrollbar-thumb {
+      border-radius: 10px;
+      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+      &:hover {
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+        background-color: rgba(0, 0, 0, 0.1);
+      }
+      &:active {
+        background-color: rgba(0, 0, 0, 0.2);
+      }
+    }
   }
   .ui-grid-menu-button .ui-grid-menu {
     // The menu button is inset by 1px use 53 instead of 54px
diff --git a/client/components/grid-defaults/grid-defaults.service.js b/client/components/grid-defaults/grid-defaults.service.js
index d0a76e3..2e34f1e 100644
--- a/client/components/grid-defaults/grid-defaults.service.js
+++ b/client/components/grid-defaults/grid-defaults.service.js
@@ -107,7 +107,9 @@ function GridDefaults($filter, $timeout, Student, AbsenceRecord,
       enableFiltering: true,
       enableCellEdit: false,
       treeRowHeaderAlwaysVisible: false,
-      exporterMenuPdf: false
+      exporterMenuPdf: false,
+      enableHorizontalScrollbar: 0,
+      enableVerticalScrollbar: 0
     };
   }