diff --git a/src/renderer/components/item-object-list/content.tsx b/src/renderer/components/item-object-list/content.tsx index 03580ccdce..c58e8074b9 100644 --- a/src/renderer/components/item-object-list/content.tsx +++ b/src/renderer/components/item-object-list/content.tsx @@ -201,7 +201,7 @@ export class ItemListLayoutContent extends React.Component if (this.props.showEmptyTablePlaceholder && this.props.renderTableHeader && this.props.tableId) { return ( <> - +
{this.props.noItemsMessage}
diff --git a/src/renderer/components/item-object-list/item-list-layout.scss b/src/renderer/components/item-object-list/item-list-layout.scss index 9c6fb1dc9b..e122edd776 100644 --- a/src/renderer/components/item-object-list/item-list-layout.scss +++ b/src/renderer/components/item-object-list/item-list-layout.scss @@ -38,6 +38,7 @@ position: absolute; width: 100%; height: 100%; + pointer-events: none; } } diff --git a/src/renderer/components/item-object-list/list-layout.tsx b/src/renderer/components/item-object-list/list-layout.tsx index a32dfe7034..59a964b483 100644 --- a/src/renderer/components/item-object-list/list-layout.tsx +++ b/src/renderer/components/item-object-list/list-layout.tsx @@ -106,6 +106,7 @@ const defaultProps: Partial> = { virtual: true, customizeTableRowProps: () => ({}), failedToLoadMessage: "Failed to load items", + showEmptyTablePlaceholder: true, }; interface Dependencies { diff --git a/src/renderer/components/item-object-list/placeholder.module.scss b/src/renderer/components/item-object-list/placeholder.module.scss index ff0838c79e..5a8d3261fc 100644 --- a/src/renderer/components/item-object-list/placeholder.module.scss +++ b/src/renderer/components/item-object-list/placeholder.module.scss @@ -9,7 +9,10 @@ > div { flex: 1 0; - padding: 20px var(--padding); + padding-top: 20px!important; + padding-right: var(--padding); + padding-bottom: 20px; + padding-left: var(--padding); display: flex; align-items: flex-start; align-content: space-between; @@ -23,6 +26,10 @@ width: 100%; } } + + &.checkerColumn { + flex: 0 0 32px; + } } } diff --git a/src/renderer/components/item-object-list/placeholder.tsx b/src/renderer/components/item-object-list/placeholder.tsx index e78c70166a..35d7586cb2 100644 --- a/src/renderer/components/item-object-list/placeholder.tsx +++ b/src/renderer/components/item-object-list/placeholder.tsx @@ -6,16 +6,17 @@ import styles from "./placeholder.module.scss"; import React from "react"; -import type { TableCellProps } from "../table"; +import { TableCell, TableCellProps } from "../table"; import { UserStore } from "../../../common/user-store"; interface Props { renderTableHeader: TableCellProps[]; - showExtraColumn?: boolean; + showActionsColumn?: boolean; + showCheckColumn?: boolean; tableId: string; } -export function Placeholder({ renderTableHeader, showExtraColumn = true, tableId }: Props) { +export function Placeholder({ renderTableHeader, showActionsColumn: showExtraColumn = true, showCheckColumn, tableId }: Props) { const linesNumber = 3; function renderLines() { @@ -23,7 +24,7 @@ export function Placeholder({ renderTableHeader, showExtraColumn = true, tableId for (let i = 0; i < linesNumber; i++) { lines.push( -
, +
, ); } @@ -38,11 +39,14 @@ export function Placeholder({ renderTableHeader, showExtraColumn = true, tableId return (