fix(AnalyticalTable): avoid scrollbar overlaying last column (#396)

SAP · Mar 31, 2020 · fb282c7 · fb282c7
1 parent 532a6e5
commit fb282c7
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 51 deletions.
diff --git a/packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts b/packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts
@@ -39,7 +39,22 @@ const styles = {
     zIndex: 0,
     backgroundColor: ThemingParameters.sapList_Background,
     overflowX: 'hidden !important',
-    overflowY: 'auto !important'
+    overflowY: 'auto !important',
+    '&::-webkit-scrollbar': {
+      backgroundColor: ThemingParameters.sapScrollBar_TrackColor,
+      width: ThemingParameters.sapScrollBar_Dimension
+    },
+    '&::-webkit-scrollbar-thumb': {
+      backgroundColor: ThemingParameters.sapScrollBar_FaceColor,
+      width: ThemingParameters.sapScrollBar_Dimension,
+      borderRadius: '0.25rem',
+      '&:hover': {
+        backgroundColor: ThemingParameters.sapScrollBar_Hover_FaceColor
+      }
+    },
+    '&::-webkit-scrollbar-corner': {
+      backgroundColor: ThemingParameters.sapScrollBar_TrackColor
+    }
   },
   alternateRowColor: {
     backgroundColor: ThemingParameters.sapList_HeaderBackground