Merge pull request #4527 from relative-ci/fix-file-name-height

fix(ui): FileName - limit height to 2 rows
relative-ci · Jun 24, 2024 · 723f422 · 723f422
2 parents f1fc644 + 7049e70
commit 723f422
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/ui/src/ui/file-name/file-name.module.css b/packages/ui/src/ui/file-name/file-name.module.css
@@ -6,4 +6,6 @@
   word-break: break-word;
   hyphens: auto;
   white-space: normal;
+  max-height: calc(2em * var(--line-height));
+  overflow: hidden;
 }
diff --git a/packages/ui/src/ui/file-name/file-name.stories.jsx b/packages/ui/src/ui/file-name/file-name.stories.jsx
@@ -13,7 +13,7 @@ const NAMES = [
   'styles.css',
   './src/components/sources/styles.css',
   'css ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src!./src/components/sources/source/styles.css',
-  'rreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordeallylongword',
+  'rreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordeallylongwordrreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordeallylongwordrreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordeallylongword',
 ];
 
 export const Default = () => (