From 800aa7ecbddec3ea4e095e83c979d9080cf1183a Mon Sep 17 00:00:00 2001 From: RachelElysia <71795832+RachelElysia@users.noreply.github.com> Date: Wed, 8 Jan 2025 16:35:48 -0500 Subject: [PATCH] Fleet UI: Fix software name from overflowing (#25262) --- changes/25072-software-name-overflow | 1 + frontend/components/FileDetails/_styles.scss | 1 + .../SoftwareTitleDetailsPage/DeleteSoftwareModal/_styles.scss | 3 +++ 3 files changed, 5 insertions(+) create mode 100644 changes/25072-software-name-overflow create mode 100644 frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/DeleteSoftwareModal/_styles.scss diff --git a/changes/25072-software-name-overflow b/changes/25072-software-name-overflow new file mode 100644 index 0000000000..f8a893f0ff --- /dev/null +++ b/changes/25072-software-name-overflow @@ -0,0 +1 @@ +* Fleet UI: Fixed software name overflow \ No newline at end of file diff --git a/frontend/components/FileDetails/_styles.scss b/frontend/components/FileDetails/_styles.scss index 718574db06..265df6191a 100644 --- a/frontend/components/FileDetails/_styles.scss +++ b/frontend/components/FileDetails/_styles.scss @@ -15,6 +15,7 @@ &__name { font-size: $x-small; font-weight: $bold; + overflow-wrap: anywhere; // Prevent long file name overflow } &__platform { diff --git a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/DeleteSoftwareModal/_styles.scss b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/DeleteSoftwareModal/_styles.scss new file mode 100644 index 0000000000..50a2b15fea --- /dev/null +++ b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/DeleteSoftwareModal/_styles.scss @@ -0,0 +1,3 @@ +.delete-software-modal { + overflow-wrap: anywhere; // Prevent long software name overflow +}