Upgrade has broken layout of category view

[john-lynch]

I run a small forum for friends to hang out and discuss stuff. This morning I upgraded Discourse to the latest, and now the category rendering on the main discourse page is busted. I had added a banner image to each category. Previously, the banner would be displayed underneath the category title. Now it looks like this:

Instead of the banner image floating nicely underneath the title, it’s not mashed over to the side. You can also see that the post counts are running into the latest topics.

As best as I can tell (and I am by no means a CSS/layout expert, so I may very well be mistaken), this appears to be related to the work done on these issues:

Regression in UI in default theme

On the home page the categories listing is not displayed properly. Here is a screenshot: [Untitled2]

Overflow in suggested topics when category name is too long

[Screenshot%20from%202018-02-26%2010-18-34] @awesomerobot Could you have a look at this?

If I use Chrome’s developer tools to change the display for .category-list .category-title-link from flex to block, that almost seems to fix my issue:

The banner images are now below the category titles again and the post counts aren’t running into the latest topic displays. Unfortunately, the lock icons are on a new line, which is undesirable.

I’m not sure what can be done to fix this. Please advise, and thank you.

[schungx]

I updated and see the same problem.

[awesomerobot]

I’m taking a look at this now and will have a fix shortly.

[awesomerobot]

Just pushed a fix, this should be available on the tests-passed branch once tests pass.

Fixing category title with logo image layout

I had to slightly rework a fix from yesterday that was meant to prevent long category titles from breaking the layout.

[john-lynch]

OK, I’ve pulled the latest fix, and things are definitely better. Viewing the site on my PC via Chrome looks essentially normal. Viewing the site on my phone via Chrome is much improved, but the category names are wrapping much more aggressively than they used to, even though there is plenty of space for them. You can see this here:

You can see the top of the banner image below the category title. There should be plenty of room for the category title to flow into, but it’s wrapping very early. On mobile, that space isn’t being used by anything, so it seems it should be safe for the category title to use.

[awesomerobot]

A post was split to a new topic: Highlighted user on topic list aligned incorrectly

[awesomerobot]

@john-lynch everything should be working as expected now

[john-lynch]

Yup, my category titles look good on mobile now too, thanks. One last (possibly unrelated thing): the site title on mobile is also taking up two lines now, where I’m pretty sure it used only to take up one. There’s certainly ample space for it on my phone, but it’s now wrapping prematurely. Not sure how that would be related to category wrapping though.

[awesomerobot]

This topic was automatically closed after 32 hours. New replies are no longer allowed.