Design feedback

mongodb · Dec 2, 2024 · a966835 · a966835
1 parent 1e73af5
commit a966835
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/table/src/Row/InternalRowWithRT.tsx b/packages/table/src/Row/InternalRowWithRT.tsx
@@ -38,6 +38,7 @@ const InternalRowWithRTForwardRef = <T extends LGRowData>(
 
   const isExpandable = row.getCanExpand();
   const depth = row.depth;
+  const hasSubRows = row.subRows.length > 0;
 
   const contextValues = useMemo(() => {
     return {
@@ -55,7 +56,7 @@ const InternalRowWithRTForwardRef = <T extends LGRowData>(
         className={getRowWithRTStyles({
           className,
           isDisabled: disabled,
-          isExpanded: isExpanded || isParentExpanded,
+          isExpanded: (isExpanded && hasSubRows) || isParentExpanded,
           isOddVSRow,
           isSelected,
           isVirtualRow: !!virtualRow,

diff --git a/packages/table/src/Row/Row.styles.ts b/packages/table/src/Row/Row.styles.ts
@@ -93,10 +93,12 @@ export const getRowWithRTStyles = ({
         !isVirtualRow && shouldAlternateRowColor && !isSelected,
       [getGrayZebraRowStyles(theme)]:
         isOddVSRow && shouldAlternateRowColor && !isSelected,
-      [getSelectedRowStyles(theme)]: isSelected && !isDisabled,
     },
     {
-      [getExpandedContentParentStyles(theme)]: isExpanded,
+      [getExpandedContentParentStyles(theme)]: isExpanded && !isSelected,
+    },
+    {
+      [getSelectedRowStyles(theme)]: isSelected && !isDisabled,
     },
     className,
   );