I think that’s happening for a very long time already - and it was somewhere mentioned before. But I don’t find it currently:
In mobile view (resp. also on desktop view when browser window is small) there’s a problem (at least for me) with displaying moderation signs (such as “closed”, “moved”, “opened” a.s.o.). The signs are shown but the text is not. I think that’s really annoying when using a mobile phone to follow the forum.
I’ve not seen this happen in any other Discourse forum I’ve been. So I’m sure this is related to some css setting here.
I’ve tried it out on a FF browser - and there the problem starts when display width is smaller than 980px.
An example can be seen here:
Width 980, all is fine:
Width 979, the space beside the signs is huge, but the text is missing:
Is it different for anyone? Or does anyone know a solution?
EDIT: to be even more precise it seems to be related to the following css section of the css file desktop_theme_7_e16001eed895ea377c2b51081b8124c8eaf919ee.css
.overflow{max-height:none}@media screen and (min-width: 980px){.c-nav__sub-menu-item{display:inline-block;margin:0 25px;line-height:44px}.c-nav__item{display:inline-block;width:auto;margin:44px 0 0;padding:0 20px 17px;line-height:24px}.c-nav__item:first-child{margin:0}.c-nav__link,.c-nav__link:visited{color:#000000;font-weight:300}.c-nav__link:hover .c-nav__sub-menu{display:block;z-index:6}}@media screen and (min-width: 600px) and (max-width: 979px){.c-nav-sub,.c-nav__sub-menu{border-top:15px solid #fff}}@media screen and (max-width: 979px)
EDIT2: I’m sure another issue is related: if browser window is smaller than 980px you can’t see the changes in Wikis (the according icon at the top right is not clickable). In other Discourse sites this icon can also be used in smaller windows (or e.g. on a FP2).
EDIT3:
As support can currently not fix this issue I know only this (a bit ugly) workaround (which is possibly not necessary on a FP3 and I don’t know if it works with FP2 stock OS):
- Change phone to horizontal view
- Settings->display->advanced->display size->smallest
- Settings->display->advanced->expanded desktop->browser app->hide both
Then the browser window size is big enough (nearly 1000px) to display everything correctly.