#7685 fix scrollbar buttons missing icons

twosigma · Oct 23, 2018 · d471ce4 · d471ce4
1 parent 6ad3569
commit d471ce4
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/js/notebook/src/tableDisplay/dataGrid/style/dataGrid.scss b/js/notebook/src/tableDisplay/dataGrid/style/dataGrid.scss
@@ -511,6 +511,11 @@ a.dtmenu {
 }
 
 .p-ScrollBar {
+  .p-ScrollBar-button {
+    font: normal normal normal 14px/1 FontAwesome;
+    text-align: center;
+  }
+
   &[data-orientation='horizontal'] {
     min-height: 16px;
     max-height: 16px;
@@ -525,6 +530,19 @@ a.dtmenu {
       border-left: $gridBorder;
       border-right: $gridBorder;
     }
+
+    .p-ScrollBar-button {
+      &[data-action='increment'] {
+        &:before {
+          content: "\f0da";
+        }
+      }
+      &[data-action='decrement'] {
+        &:before {
+          content: "\f0d9";
+        }
+      }
+    }
   }
 
   &[data-orientation='vertical'] {
@@ -541,6 +559,20 @@ a.dtmenu {
       border-top: $gridBorder;
       border-bottom: $gridBorder;
     }
+
+
+    .p-ScrollBar-button {
+      &[data-action='increment'] {
+        &:before {
+          content: "\f0d7";
+        }
+      }
+      &[data-action='decrement'] {
+        &:before {
+          content: "\f0d8";
+        }
+      }
+    }
   }
 }