Category hexes are too large


#1

The hex stickers used for category icons are so large they force more white space into the category list. I can only see three categories on my screen. If they were half the size they’d be no less readable, increase the number of categories visible at once, and give more balance to the layout compared to the topic postings on the right. A quick CSS tweak to make the hexes match roughly the personal avatar sizes can do this:

.category-logo {
    max-height: 75px;
}

looks a lot nicer (IMHO).

discourse has enough whitespace as it is without more being forced on it by oversize graphics.


Hex logo for "uncategorized"
#2

I hadn’t ever really noticed or thought about it, but I really like your idea and think your screenshot with many more categories looks great!


#3

I think that generally the pictures are too distracting: they’re big and with very saturated colours, which definitely draws the eye but since the logos are hardly self-explanatory the whole experience is quite confusing. Similarly the round avatars on the discussion list are too distracting. I believe muting all these images with some transparency/desaturation mask would make the layout much more balanced and the actual content (titles, headers, navigation) more easily accessible.


#4

Not experienced with javascript, I can’t help as much :frowning: But I think we can have the stickers in one area in like a honeycomb kind of arrangement, and let the honeycomb be fixed during scrolling, so the topics will be the ones that will change :slight_smile:


#5

Thanks for the feedback…we’ve configured it per the recommendation of @geospacedman. Let us know if anything else is making it hard to engage or bugs you!


#6

It’s looking great!! I think the changes make it a much more user-friendly environment and it is way easier to navigate!


#7

We are looking into this as well…