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.

18
  • 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, 2016 at 22:06
  • 4
    If I could, I would give you another +1 for your beautiful hand-drawn circles (and emoticons).
    – Kit Z. Fox Mod
    Aug 8, 2016 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, 2016 at 23:52
  • also seen in Chrome 51.0.2704.103 m
    – user13267
    Aug 9, 2016 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, 2016 at 0:16
  • Safari 9.0.2 also looks like first image.
    – Ste
    Aug 9, 2016 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, 2016 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, 2016 at 21:41
  • I too wish I could give you an extra +1 for those magnificent and humorous faces.
    – Dog Lover
    Aug 10, 2016 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, 2016 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, 2016 at 9:31
  • Firefox 38.8.0 / Debian Wheezy looks the same as the "bad" screenshot at the top.
    – user
    Aug 15, 2016 at 20:03
  • chrome 52 / W7 has the same problem as the first image for every candidate
    – Raystafarian
    Aug 15, 2016 at 20:31
  • 3
    Someone from the design team is having a look at this in the next day or two.
    – hairboat
    Aug 15, 2016 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, 2018 at 18:58

0

Reset to default

You must log in to answer this question.

Browse other questions tagged .