3

Very annoying, but when you hover over a badge on Gaming.SE, the hover state adds an extra pixel on the bottom which creates a white line between the edge of the badge box and the box shadow below it.

Exhibit A: The offense in action.

Exhibit A

Exhibit B: The offending CSS code.

.badge { padding: 4px 8px 3px 2px; }

Exhibit C: The fixed CSS code that looks so much nicer because there's not an annoying white line.

.badge { padding: 3px 8px 3px 2px; }

Oh the humanity! How could one number cause such an outrage!?
Decrement it and let justice prevail!

Just for giggles.

| |

You must log in to answer this question.

Browse other questions tagged .