ベータ6アップデート後のモバイルサイトのCSSの問題

貢献 バグ
1

ベータ6へのアップグレード後、Discourseのモバイルサイト版でフィルターと新規トピックのボタンが重なって表示されてしまいます。スマホを横向きにしてランドスケープモードにすると、再び正常に動作します。これは私が修正すべき問題でしょうか、それともCSSのアップデートによるものなのでしょうか？

a58e7a551f182ce935345d7bda1c6332f605c4f6
a58e7a551f182ce935345d7bda1c6332f605c4f6768×1280 101 KB

「いいね！」 2
2

One quick workaround is to switch to an image for your logo, rather than text. (Or add an image logo, it looks like you do not have one.)

「いいね！」 1
3

No, I had the same problem with an image logo. As far as I can see the standard mobile CSS defined the max-width as a little too wide (135px). It worked when signed out, but had the same problem when logged in.

Temporarily, I fixed it with a custom CSS for mobile:

.d-header #site-logo {
max-width: 130px;

}

「いいね！」 2
4

It looks like it was changed in this revision: bf03209f4234ec124e536f589b777f8ae16aeacf

@PhilippBoeing Where did you make this change?

5

This is what I ended up doing and it fixed my issue:

In the Admin panel I went to Customization…CSS…clicked the mobile icon…and added this:

#site-text-logo {
    max-width: 122px;
}

Thanks everyone!

「いいね！」 3
6

Pretty sure we have this fixed, flag to reopen if its still an issue when you disable that customization and are on latest