diff --git a/src/layout/SigneeList/SigneeListComponent.module.css b/src/layout/SigneeList/SigneeListComponent.module.css index 08fe79b0c1..dcb67e37f3 100644 --- a/src/layout/SigneeList/SigneeListComponent.module.css +++ b/src/layout/SigneeList/SigneeListComponent.module.css @@ -4,6 +4,25 @@ border-bottom-color: var(--ds-color-accent-base-hover); } +.table { + table-layout: fixed; +} + +.nameWrapper { + display: flex; +} + +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.extension { + flex-shrink: 0; + white-space: nowrap; +} + .table tr td:last-child { width: 1%; } diff --git a/src/layout/SigningDocumentList/SigningDocumentListComponent.tsx b/src/layout/SigningDocumentList/SigningDocumentListComponent.tsx index ec39915538..53dd9eb6ea 100644 --- a/src/layout/SigningDocumentList/SigningDocumentListComponent.tsx +++ b/src/layout/SigningDocumentList/SigningDocumentListComponent.tsx @@ -8,6 +8,7 @@ import { AppTable } from 'src/app-components/Table/Table'; import { Caption } from 'src/components/form/caption/Caption'; import { Lang } from 'src/features/language/Lang'; import { useLanguage } from 'src/features/language/useLanguage'; +import { getFileEnding, removeFileEnding } from 'src/layout/FileUpload/utils/fileEndings'; import classes from 'src/layout/SigneeList/SigneeListComponent.module.css'; import { useDocumentList } from 'src/layout/SigningDocumentList/api'; import { SigningDocumentListError } from 'src/layout/SigningDocumentList/SigningDocumentListError'; @@ -54,8 +55,12 @@ export function SigningDocumentListComponent({ - {rowData.filename} + + {removeFileEnding(rowData.filename)} + {getFileEnding(rowData.filename)} + ), },