Skip to content

Commit 80eee3f

Browse files
45762 style(workflows): Update tooltip positioning and z-index for improved visibility
- Added `appendTo` and `zIndex` properties to tooltips in `WorkflowsTableActions` for better rendering. - Adjusted z-index of the `.container__actions--wide-table` class to ensure proper stacking context.
1 parent ee3222e commit 80eee3f

2 files changed

Lines changed: 5 additions & 0 deletions

File tree

frontend/src/public/components/Workflows/WorkflowsTablePage/WorkflowsTable/WorkflowsTable.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -219,6 +219,7 @@
219219

220220
.container__actions--wide-table {
221221
position: sticky;
222+
z-index: 5;
222223
left: 0;
223224
margin-bottom: 1.6rem;
224225
padding: 0 2.4rem 0 3.2rem;

frontend/src/public/components/Workflows/WorkflowsTablePage/WorkflowsTable/WorkflowsTableActions.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -124,13 +124,17 @@ export function WorkflowsTableActions({
124124
{isExportDisabled ? (
125125
<Tooltip
126126
content={formatMessage({ id: exportTooltipContentId })}
127+
appendTo={() => document.body}
128+
zIndex={1040}
127129
contentClassName={styles['workflow-tune-view-tooltip']}
128130
>
129131
<div>{exportControl}</div>
130132
</Tooltip>
131133
) : (
132134
<Tooltip
133135
content={formatMessage({ id: 'workflows.export-excel-tooltip-all' })}
136+
appendTo={() => document.body}
137+
zIndex={1040}
134138
contentClassName={styles['workflow-tune-view-tooltip']}
135139
>
136140
<div>{exportControl}</div>

0 commit comments

Comments
 (0)