Spacing to between of menu icons & text doesn't use CSS

Contribute Feature

AI-generated summary

A discussion about spacing between menu icons and text in Discourse. downey pointed out that a “real” space character was used instead of CSS padding/margin, which can break CSS styling for WCAG compliance. codinghorror initially considered it minor, but downey argued that it’s a bug as it affects all users and goes against W3C specifications for spacing. codinghorror agreed to change the classification to a feature.

1

Continuing the discussion from Spacing between icon and text:

This seems to have been a “real” space character ( ) added and not CSS padding/margin to the right of the icon element. As a result, it can break some CSS styling that underlines links on hover (e.g., for WCAG compliance).

2

Just a reminder of the definition of bug, as defined in the bug category:

prevents normal / typical use of Discourse

3

This (although rather minor) is just as much as a bug as the topic which preceded it:

  1. CSS, specifically the margin property, is the W3C specification on how to handle spacing, rather than by inserting    lots   of   extra   spaces   within a tag. (Unless living in the 1990s.) :smile:
  2. This styling error error effects all Discourse users, even if not visible.
  3. Also, using the CSS styling feature is a normal & typical use of Discourse, in case you were implying somehow this is not a valid bug simply because I switched on the lights to make it easier to see the error. :bulb:
1 Like
4

You’re right, I’ll change that one to feature as well.