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.
This commit is contained in:
Alan Guo Xiang Tan 2023-06-20 10:55:53 +08:00 committed by GitHub
parent 9afb9e6142
commit 6781e31195
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 0 deletions

View File

@ -111,6 +111,11 @@
} }
.sidebar-categories-form__category-badge { .sidebar-categories-form__category-badge {
.badge-category {
white-space: normal;
word-wrap: break-word;
}
.category-name { .category-name {
color: var(--primary); color: var(--primary);
font-size: var(--font-up-1); font-size: var(--font-up-1);