From 2c0dfc3a952f0b121768f4e792d2f41e244443b9 Mon Sep 17 00:00:00 2001 From: Noah Overcash Date: Tue, 24 Oct 2023 18:07:35 -0400 Subject: [PATCH 1/3] [STCOR-752]: Ensure is not cut off --- src/components/AppIcon/AppIcon.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/AppIcon/AppIcon.css b/src/components/AppIcon/AppIcon.css index b8075b0dc..27b58bc7a 100644 --- a/src/components/AppIcon/AppIcon.css +++ b/src/components/AppIcon/AppIcon.css @@ -72,18 +72,21 @@ /** * Sizes */ +.appIcon.large, .large .icon { height: 48px; min-width: 48px; width: 48px; } +.appIcon.medium, .medium .icon { width: 24px; min-width: 24px; height: 24px; } +.appIcon.small, .small .icon { width: 14px; min-width: 14px; From 008e581768d417fda1df2fec9845db78d1bb8076 Mon Sep 17 00:00:00 2001 From: Noah Overcash Date: Thu, 26 Oct 2023 10:11:19 -0400 Subject: [PATCH 2/3] Only apply min-width to appIcon classes --- src/components/AppIcon/AppIcon.css | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/components/AppIcon/AppIcon.css b/src/components/AppIcon/AppIcon.css index 27b58bc7a..b96f2cb23 100644 --- a/src/components/AppIcon/AppIcon.css +++ b/src/components/AppIcon/AppIcon.css @@ -72,21 +72,30 @@ /** * Sizes */ -.appIcon.large, +.appIcon.large { + min-width: 48px; +} + .large .icon { height: 48px; min-width: 48px; width: 48px; } -.appIcon.medium, +.appIcon.medium { + min-width: 24px; +} + .medium .icon { width: 24px; min-width: 24px; height: 24px; } -.appIcon.small, +.appIcon.small { + min-width: 14px; +} + .small .icon { width: 14px; min-width: 14px; From 3247161cdd254ff10e76ecbca3dc35e4dfddb230 Mon Sep 17 00:00:00 2001 From: Noah Overcash Date: Thu, 26 Oct 2023 14:20:31 -0400 Subject: [PATCH 3/3] Add changelog --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 757b50590..b4b56d711 100644 --- 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 `` 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)