I’ve been away for a couple of weeks and now I return to find the posting interface a bit weird: The “preview” panel appears below instead of on the side of the edit box. It makes the edit box very narrow. This persists even if I hide the preview – it just fills it with dead space.
Seriously: There could be many causes. For example a cache problem in your browser. Has macOS and/or Safari made an update? Or there was indeed an update of Discourse. As we don’t know what’s going on behind the scenes, maybe @eviltrout or @RonGilbert can help.
(If the site looks good in another browser on your system, we could isolate the problem to Safari.)
Right. It could not possibly be that changes were made to the CSS of the site which were not tested on my version of Safari, even though it was a perfectly valid and supported version before that change.
Oh, please. I’ve been using this forum with the same browser since it was set up. I left the house for a couple of weeks, come back and the interface renders differently.
If you don’t believe me, or you want to make excuses, fine; that’s your prerogative. I, on the other hand, have no incentive nor motivation to make this up.
Of course, I could just switch browsers or upgrade my operating system (a new favourite suggestion from site owners!) – but most likely what will happen is that I will just stop visiting the site. I understand that you nor the site owner may care about that, and that’s your choice. *shrug*.
We recently upgraded our composer to use Flexbox CSS. It allows us to remove many fixed/absolute positioned hacks and allows people to style the forum much more easily.
The latest Safari (which I recommend using for Security reasons) works fine – I just tested it. What version are you using? According to caniuse.com flexbox should work in any Safari released later than Sep 2015.
I’m using Safari 6.0.5, on Mac OS X 10.8.3 (Mountain Lion). It was working perfectly fine just a few weeks ago. The problem now goes beyond looking ugly; it’s not really functional since the preview panel prevents the “Reply” button from showing in the viewable area, and the edit box is constrained to merely 3 lines.
We made the decision to support Flexbox because it offers so many development advantages. I’m sorry it’s not going to work for you anymore but going forward if you don’t upgrade your browser you will encounter more breakage.
According to caniuse, globally 0% of users are on your version. I’d highly recommend you upgrade for security reasons, even if Discourse wasn’t breaking.
If you can fix it by playing around with it in your browser you can then create a custom style.
For Chrome, FireFox and Opera there is an extension called Stylus which is great for site-specific custom styles.
I’ve found a version of Stylish for Safari (which I have used with other browsers before switching to Stylus).