fix(AnalyticalTable): fix broken empty row visualization (#296)

SAP · Jan 31, 2020 · c76f199 · c76f199
1 parent 2efbcdf
commit c76f199
Show file tree

Hide file tree

Showing 5 changed files with 1,223 additions and 468 deletions.
diff --git a/packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts b/packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts
@@ -45,6 +45,7 @@ const styles = ({ parameters }: JSSTheme) => ({
       backgroundColor: parameters.sapUiListHeaderBackground
     }
   },
+  emptyRow: {},
   tr: {
     zIndex: 0,
     backgroundColor: parameters.sapUiListBackground,
@@ -67,11 +68,11 @@ const styles = ({ parameters }: JSSTheme) => ({
     }
   },
   selectable: {
-    '& $tr:hover': {
+    '& $tr:hover:not($emptyRow)': {
       backgroundColor: parameters.sapUiListHoverBackground,
       cursor: 'pointer'
     },
-    '& $tr:active:not([data-is-selected]):not($tableGroupHeader)': {
+    '& $tr:active:not([data-is-selected]):not($tableGroupHeader):not($emptyRow)': {
       backgroundColor: parameters.sapUiListActiveBackground,
       '& $tableCell': {
         borderRight: `1px solid ${parameters.sapUiListActiveBackground}`,