42

There is a display problem on the current election page.
Information overlaps the "user card" and hurts legibility.

Compare (bad):

          Bad CSS

To better from the current Philosophy election:

          Good CSS

Note that this issue occurs on both Firefox and Chrome and has also been reported by TylerH, Kit Z. Fox, and Dronz (Linked nomination now deleted. ¿10K can see?).



Additional:
Note the extra elements as pointed out by Marthaª, in the comments:

          Ugly CSs

Are from the same sprite set (sprites-extra.svg) as the "user card":

          EL&U extras, sprite set

This indicates that the element, that contains the sprite, is not sized correctly.

  • 3
    Extra data point: I get the same bug under Safari (v9.1, on Mac OS 10.11.4). I guess this suggests it’s not a particularly browser-specific issue. – PLL Aug 8 '16 at 22:06
  • 4
    If I could, I would give you another +1 for your beautiful hand-drawn circles (and emoticons). – Kit Z. Fox Aug 8 '16 at 23:18
  • 2
    I can't figure out what the two dingbats are supposed to go with: they're not centered over anything that I can tell. Also, there's a superfluous border to the left of the "reviews | meta posts" line. – Marthaª Aug 8 '16 at 23:52
  • also seen in Chrome 51.0.2704.103 m – user13267 Aug 9 '16 at 0:16
  • 1
    @Marthaª, they are part of the "extras" sprite set, and are not supposed to show there at all. The left border is also part of that same set. ... The height and width was not set correctly on that element. – Brock Adams Aug 9 '16 at 0:16
  • Safari 9.0.2 also looks like first image. – Ste Aug 9 '16 at 8:45
  • It should be noted that this problem isn't limited to elections; we've had other issues where the user box wasn't sized properly. Sometimes the right kind of username will cause the box to stretch in ways it wasn't meant to. Probably the fix for this is to use an SVG element with content inside instead of a backgorund image, or to use border sprites, or sliding door sprites. This has been a problem for years. – Mr. Shiny and New 安宇 Aug 9 '16 at 18:01
  • I agree that it looks messy, and is maybe a little distracting, but I don't know if I'd go so far to say that it "hurts legibility" (I'm not looking at it on a phone, though). – J.R. Aug 9 '16 at 21:41
  • I too wish I could give you an extra +1 for those magnificent and humorous faces. – Dog Lover Aug 10 '16 at 8:22
  • 1
    @BrockAdams Frankly, I'd be disappointed if you did use Photoshop (though I do detect sarcasm). Such crude drawings should ALWAYS be done in Paint! :P – Dog Lover Aug 10 '16 at 9:01
  • Wrong tags, Brock. Please tag it with [design]. I wonder if a dev would've come by if you did. – M.A.R. Aug 10 '16 at 9:31
  • Firefox 38.8.0 / Debian Wheezy looks the same as the "bad" screenshot at the top. – a CVn Aug 15 '16 at 20:03
  • chrome 52 / W7 has the same problem as the first image for every candidate – Raystafarian Aug 15 '16 at 20:31
  • 3
    Someone from the design team is having a look at this in the next day or two. – hairboat Aug 15 '16 at 21:29
  • 3
    @MetaEd, I understand, but a great many bugs on SO, MetaSE, and Stack Apps are silently fixed with no feedback from a dev other than obviously changed code and behavior. We've marked these as status-completed with no issues. – Brock Adams Aug 28 '18 at 18:58

You must log in to answer this question.

Browse other questions tagged .