From 7f94c9aa5a36fbdfb135702ac5e9f22b231f9453 Mon Sep 17 00:00:00 2001 From: Piotr Gawron <p.gawron@atcomp.pl> Date: Thu, 22 Aug 2024 12:48:21 +0200 Subject: [PATCH] trim long map names --- .../FunctionalArea/MapNavigation/MapNavigation.component.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/FunctionalArea/MapNavigation/MapNavigation.component.tsx b/src/components/FunctionalArea/MapNavigation/MapNavigation.component.tsx index c03fcf7f..e6904890 100644 --- a/src/components/FunctionalArea/MapNavigation/MapNavigation.component.tsx +++ b/src/components/FunctionalArea/MapNavigation/MapNavigation.component.tsx @@ -72,7 +72,8 @@ export const MapNavigation = (): JSX.Element => { variantStyles={isActive(map.modelId) ? 'secondary' : 'ghost'} onClick={(): void => onSubmapTabClick(map)} > - {map.modelName} + <span className="max-w-[256px] truncate">{map.modelName}</span> + {isNotMainMap(map.modelName) && ( // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions <div onClick={(event): void => onCloseSubmap(event, map)} data-testid="close-icon"> -- GitLab