From 6781e31195bccbc148dccf93ab2e27dee37ed8ef Mon Sep 17 00:00:00 2001 From: Alan Guo Xiang Tan Date: Tue, 20 Jun 2023 10:55:53 +0800 Subject: [PATCH] UX: Remove horizontal scroll on mobile for edit categories nav modal (#22197) What does this commit do? Prior to this change, a long category name on mobile would cause a horizontal scroll to appear because the category name was overflowing its element. This commit changes it such that the category name will wrap around instead. --- .../common/components/sidebar-categories-form.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/app/assets/stylesheets/common/components/sidebar-categories-form.scss b/app/assets/stylesheets/common/components/sidebar-categories-form.scss index 3f5aa358c7d..46d32dce810 100644 --- a/app/assets/stylesheets/common/components/sidebar-categories-form.scss +++ b/app/assets/stylesheets/common/components/sidebar-categories-form.scss @@ -111,6 +111,11 @@ } .sidebar-categories-form__category-badge { + .badge-category { + white-space: normal; + word-wrap: break-word; + } + .category-name { color: var(--primary); font-size: var(--font-up-1);