Skip to content

Commit 306e122

Browse files
fix(table): keep gutter border visible when hovering Run-row button
The per-row Run button sat flush against the row-gutter cell's right border. Its hover background (rounded-rect surface-2) painted over the border line for the 20px height of the button, making the gutter divider appear to disappear at the hovered row. Add mr-px to the button so the hover bg stops 1px short of the cell's right edge, leaving the divider intact.
1 parent f874b96 commit 306e122

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

  • apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/table-grid.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3272,7 +3272,10 @@ const DataRow = React.memo(function DataRow({
32723272
size='sm'
32733273
aria-label={runningCount > 0 ? `Stop ${runningCount} running` : 'Run row'}
32743274
title={runningCount > 0 ? `Stop ${runningCount} running` : 'Run row'}
3275-
className='h-[20px] w-[20px] shrink-0 px-0 py-0 text-[var(--text-primary)] hover-hover:bg-[var(--surface-2)]'
3275+
// mr-px keeps the hover bg off the cell's right border — without
3276+
// it the rounded-rect background paints over the divider line
3277+
// while the button is hovered.
3278+
className='mr-px h-[20px] w-[20px] shrink-0 px-0 py-0 text-[var(--text-primary)] hover-hover:bg-[var(--surface-2)]'
32763279
onClick={() => {
32773280
if (runningCount > 0) {
32783281
onStopRow(row.id)

0 commit comments

Comments
 (0)