Não deve quebrar texto para o botão de seleção de nível de notificação no celular ao usar idioma CJK

Experiência do Usuário
1

People using vertical layout for CJK language sometimes, but not in that situation, it looks weird. And the space looks good to not wrapping the word which only a few characters.

IMG_20201023_003310
IMG_20201023_0033101080×2340 80.1 KB

2 curtidas
2

Does the issue only happen on mobile devices?

Are there other elements on Discourse where you are seeing this issue?

2 curtidas
3

Yes, it happen on mobile devices only. And just one place i saw this issue for now. And it seems just happen when tracking or watching.

1 curtida
4

The issue can be fixed by adding the following CSS to the Mobile CSS tab of a theme or theme component:

.topic-notifications-options .name {
    white-space: nowrap
}

I am not sure if something to deal with this should be added to the core Discourse CSS. It is possible that it would affect non CJK locales in an undesirable way. Possibly the @Designers team has ideas about other ways to approach this.

3 curtidas