feat: style twap table layout

cowprotocol · Jan 15, 2025 · 7f6112b · 7f6112b
1 parent 31f582d
commit 7f6112b
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/apps/cowswap-frontend/src/modules/ordersTable/pure/OrdersTableContainer/styled.tsx b/apps/cowswap-frontend/src/modules/ordersTable/pure/OrdersTableContainer/styled.tsx
@@ -115,12 +115,17 @@ export const TableRow = styled(TableHeader)<{
 }>`
   grid-template-rows: minmax(var(--row-height), 1fr);
   background: ${({ isChildOrder, isExpanded }) =>
-    isExpanded || isChildOrder ? `var(${UI.COLOR_PAPER_DARKER})` : 'transparent'};
+    isExpanded && !isChildOrder
+      ? `var(${UI.COLOR_INFO_BG})`
+      : isChildOrder
+        ? `var(${UI.COLOR_PAPER_DARKER})`
+        : 'transparent'};
   transition: background var(${UI.ANIMATION_DURATION}) ease-in-out;
   display: grid;
 
   &:hover {
-    background: var(${UI.COLOR_PAPER_DARKER});
+    background: ${({ isExpanded, isChildOrder }) =>
+      isExpanded && !isChildOrder ? `var(${UI.COLOR_INFO_BG})` : `var(${UI.COLOR_PAPER_DARKER})`};
   }
 
   > div:first-child {