From 61076c333177390b67e3f6f48d0f7868c067d461 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sat, 9 Apr 2022 05:16:13 +0000
Subject: [PATCH] Fixes button labels being collapsed per a character in CJK
 languages (#8212)

* Fixes button labels being collapsed per a character in CJK languages

Closes https://github.com/vector-im/element-web/issues/21287

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Add a comment

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/views/elements/_AccessibleButton.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/res/css/views/elements/_AccessibleButton.scss b/res/css/views/elements/_AccessibleButton.scss
index b2a585deca..021e8ffc8c 100644
--- a/res/css/views/elements/_AccessibleButton.scss
+++ b/res/css/views/elements/_AccessibleButton.scss
@@ -39,6 +39,7 @@ limitations under the License.
         justify-content: center;
         font-size: $font-14px;
         border: none; // override default <button /> styles
+        word-break: keep-all; // prevent button text in Chinese/Japanese/Korean (CJK) from being collapsed
 
         &.mx_AccessibleButton_kind_primary_sm,
         &.mx_AccessibleButton_kind_danger_sm,