Coloured category boxes on Oops-page (404)


(Christoph) #1

We all hope that this page is rarely needed, but when it is displayed, I noticed that the colourful category boxes are shown after each topic title under “Popular” and “Recent” and that means that the box sometimes ends up on a line by itself making the visual impression a bit confusing:

Suggestion: Put those little boxes before each title instead of after.

And while I’m at it: My impression/guess is that the page is often displayed when people access closed categories on a new device (e.g. via email link). To less tech-savvy users, this can be confusing, especially when they are not used to thinking about logging in (thanks to the long default login time). So I changed the copy for the message on that 404 page to

Oops! That page doesn’t exist or is private. Are you logged in?

Maybe that would be something to consider as the default copy?

Just a suggestion.


"That page doesn't exist or is private" restyling with CSS
(Jay Pfaffman) #2

Oh! An explicit “you know, if you logged in, you might be able to read that page” message might help.

I got an email today saying that a link I sent was broken because the person wasn’t logged in, and for whatever reason, logging in wasn’t an obvious solution.


(Christoph) #3

You mean even my “Are you logged in?” is not enough?


(Jay Pfaffman) #4

Oops. Yeah, maybe just liking your post is what I should have done!

Apparently, I don’t read either.


(Christoph) #5

But it’s good to know you came up with the same idea regardless.


(Jeff Atwood) #6

Hmm no this is a bug the category names are no longer showing up here @techapj probably a casualty of recent UI theming refactoring?


(Christoph) #7

Oh, I see. But even with the category names, it looks confusing to have them on a line by themselves. Maybe somewhat increase the space after each topic?


(Arpit Jalan) #8

This was regressed 17 days ago in this commit: REFACTOR: CSS improvements to improve targetting and remove !important · discourse/discourse@e4c2b5e · GitHub

Fixed via – UX: fix category badge style on 404 page · discourse/discourse@2f3f547 · GitHub


(Daniela) #9

This fix don’t works for Dark Theme. Instead of #222222 maybe you can use the $primary color


(Daniela) #10

You can find a little restyling of this page here


(Arpit Jalan) #12

Should be fixed via: UX: make 404 page look better on dark theme · discourse/discourse@7e9b228 · GitHub


(Sam Saffron) #13

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