force wrap long lines in Tile.Name (#2386)

iTwin · Dec 23, 2024 · 2cf6f37 · 2cf6f37
1 parent 40689d9
commit 2cf6f37
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/modern-pigs-mix-1.md b/.changeset/modern-pigs-mix-1.md
@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-css': patch
+---
+
+Fixed an issue in `iui-tile-name` where a long string without spaces wasn't wrapping properly.
diff --git a/.changeset/modern-pigs-mix-2.md b/.changeset/modern-pigs-mix-2.md
@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-react': patch
+---
+
+Fixed an issue in `Tile.Name` where a long string without spaces wasn't wrapping properly.
diff --git a/packages/itwinui-css/src/tile/tile.scss b/packages/itwinui-css/src/tile/tile.scss
@@ -227,6 +227,7 @@ $thumbnail-selector: ':is(.iui-thumbnail-icon, .iui-tile-thumbnail-picture)';
   font-size: var(--iui-font-size-2);
   color: var(--_iui-tile-title-text-color);
   padding-inline: var(--iui-size-s);
+  overflow-wrap: anywhere;
 }
 
 @mixin iui-tile-status-icon {