fix: apply text ellipsis in header text

onbloc · Nov 5, 2024 · cf0fbf0 · cf0fbf0
1 parent 6d82aad
commit cf0fbf0
Showing 1 changed file with 5 additions and 0 deletions.
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
@@ -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}
   }
 `;