From cf0fbf02442b9132a6f4da703be0af041a7aa4a6 Mon Sep 17 00:00:00 2001 From: jinoosss Date: Wed, 6 Nov 2024 00:53:01 +0900 Subject: [PATCH] fix: apply text ellipsis in header text --- .../src/components/atoms/sub-header/sub-header.styles.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/adena-extension/src/components/atoms/sub-header/sub-header.styles.ts b/packages/adena-extension/src/components/atoms/sub-header/sub-header.styles.ts index 795d039c..0429e659 100644 --- a/packages/adena-extension/src/components/atoms/sub-header/sub-header.styles.ts +++ b/packages/adena-extension/src/components/atoms/sub-header/sub-header.styles.ts @@ -37,6 +37,11 @@ export const SubHeaderWrapper = styled.div` } .title-wrapper { + max-width: calc(100% - 48px - 32px); + text-overflow: ellipsis; + display: block; + white-space: nowrap; + overflow: hidden; ${fonts.header4} } `;