add hover only columns

2026-06-18 17:34:09 +02:00 · 2025-10-07 16:58:05 -07:00
parent ab2b29534e
commit ddd230ad3b
5 changed files with 38 additions and 6 deletions
@@ -2,7 +2,7 @@ import {
    ItemTableListInnerColumn,
    TableColumnContainer,
 } from '/@/renderer/components/item-list/item-table-list/item-table-list-column';
-import { Icon } from '/@/shared/components/icon/icon';
+import { ActionIcon } from '/@/shared/components/action-icon/action-icon';

 export const ActionsColumn = (props: ItemTableListInnerColumn) => {
    const row: any = (props.data as (any | undefined)[])[props.rowIndex];
@@ -10,7 +10,15 @@ export const ActionsColumn = (props: ItemTableListInnerColumn) => {
    if (row !== undefined) {
        return (
            <TableColumnContainer {...props}>
-                <Icon icon="ellipsisHorizontal" size="sm" />
+                <ActionIcon
+                    className="hover-only"
+                    icon="ellipsisHorizontal"
+                    iconProps={{
+                        color: 'muted',
+                    }}
+                    size="lg"
+                    variant="transparent"
+                />
            </TableColumnContainer>
        );
    }