diff --git a/src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss b/src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss index 72c7fe353d..3b66c363cd 100644 --- a/src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss +++ b/src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss @@ -22,8 +22,17 @@ } } } + &__pool-name-wrapper { - width: 230px; + overflow: hidden; + + white-space: nowrap; + text-overflow: ellipsis; + direction: rtl; + } + + &__pool-name { + unicode-bidi: plaintext; } &__group-id { diff --git a/src/containers/Storage/StorageGroups/columns/columns.tsx b/src/containers/Storage/StorageGroups/columns/columns.tsx index 636bffb5bb..227f16c127 100644 --- a/src/containers/Storage/StorageGroups/columns/columns.tsx +++ b/src/containers/Storage/StorageGroups/columns/columns.tsx @@ -33,18 +33,17 @@ const poolNameColumn: StorageGroupsColumn = { header: STORAGE_GROUPS_COLUMNS_TITLES.PoolName, width: 250, render: ({row}) => { - const splitted = row.PoolName?.split('/'); - return ( - splitted && ( - - {splitted[splitted.length - 1]} - - ) + return row.PoolName ? ( + + {row.PoolName} + + ) : ( + EMPTY_DATA_PLACEHOLDER ); }, align: DataTable.LEFT,