[STCOR-752]: Ensure <AppIcon> is not cut off (for real this time) (#1358

) * [STCOR-752]: Ensure <AppIcon> is not cut off * Only apply min-width to appIcon classes * Add changelog
folio-org · Nov 23, 2023 · a112991 · a112991
1 parent f7b7b90
commit a112991
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 * Provide optional tenant argument to `useOkapiKy` hook. Refs STCOR-747.
 * Avoid private path when import `validateUser` function. Refs STCOR-749.
+* Ensure `<AppIcon>` is not cut off when app name is long. Refs STCOR-752.
 
 ## [10.0.0](https://github.com/folio-org/stripes-core/tree/v10.0.0) (2023-10-11)
 [Full Changelog](https://github.com/folio-org/stripes-core/compare/v9.0.0...v10.0.0)

diff --git a/src/components/AppIcon/AppIcon.css b/src/components/AppIcon/AppIcon.css
@@ -72,18 +72,30 @@
 /**
  * Sizes
  */
+.appIcon.large {
+  min-width: 48px;
+}
+
 .large .icon {
   height: 48px;
   min-width: 48px;
   width: 48px;
 }
 
+.appIcon.medium {
+  min-width: 24px;
+}
+
 .medium .icon {
   width: 24px;
   min-width: 24px;
   height: 24px;
 }
 
+.appIcon.small {
+  min-width: 14px;
+}
+
 .small .icon {
   width: 14px;
   min-width: 14px;