Category style bullet now enabled on meta

I have temporarily set the category style on meta to bullet which @awesomerobot just added :heart:

I want to make sure we have all the styling right and the only way to ensure that is live with it.

Please reply here if you notice any alignment issues etc.

5 Likes

I’ve enabled it and am liking it so far.

A few spots where alignment is off

Default

Dropbox - Screenshot 2015-03-09 23.34.19.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.40.35.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.42.45.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.36.01.png - Simplify your life

Dropbox - Screenshot 2015-03-10 00.01.22.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.42.11.png - Simplify your life


Sams Minimal

Dropbox - Screenshot 2015-03-09 23.33.29.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.34.04.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.35.04.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.35.31.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.38.44.png - Simplify your life

Dropbox - Screenshot 2015-03-10 00.01.58.png - Simplify your life

No (or minor) Issues

Though like a pixel or two off from vertical center, or maybe that is the text. Hard to say since it’s lowercase.
Dropbox - Screenshot 2015-03-09 23.36.27.png - Simplify your life

Dropbox - Screenshot 2015-03-09 23.44.09.png - Simplify your life

3 Likes

Those look like mostly issues with my theme, you need to test in default style

I added comparison ones with default, there are still issues with default.

Bug on iPhone is cropped

Submitted a PR that should handle some alignment issues; there were some minor 1-2px alignment differences between Firefox and Webkit that should be fixed now.

https://github.com/discourse/discourse/pull/3265

4 Likes

Awesome… one more, this time with tagger

If you feel like bikeshedding about the merits and demerits of the NON DEFAULT bullet style … take it here

https://meta.discourse.org/t/the-end-of-clown-vomit-or-simplified-category-styles/24249

Looks great with our non-standard header (black background and Open Sans / Roboto font combination). Previously had to do all kinds of positioning hacks.

:+1:

@awesomerobot minor but annoying, bottom of g in bug is cropped on safari/chrome iOS 8

2 Likes

@awesomerobot we are still struggling with alignment here:

  1. howto is 1px too high
  2. import tag is 3px too high
2 Likes

Does merging this tagging-plugin PR fix the tag alignment (will have to look at the category alignment)? Should have mentioned that I made an adjustment to the CSS in Discourse and also the plugin.

https://github.com/discourse/discourse-tagging/pull/25

3 Likes

Just found some more misalignments in the profile settings:

4 Likes

I’m seeing some issues with text wrapping/overlapping in the hamburger menu in Chrome since switching to bullet style chips:

We have longer category names than most which I’m assuming is why we are seeing this problem.

We should truncate that text; easy fix. I’ll add it over the next few days!

4 Likes