14

I noticed this on the "Select your next badge" screen. This bug doesn't occur on the main profile page.

If you look closely, the green progress bar that fills up the badge progress indicator is misaligned:

enter image description here

It looks like it's about two pixels up too far. I'm on Chrome 55, Mac OS 10.11.6.

7
  • 21
    What's your zoom level on the page? Also, does this make you nervous?
    – user1228
    Commented Feb 3, 2017 at 19:01
  • 14
    No... not at all... twitch Commented Feb 3, 2017 at 19:02
  • 1
    When you recover, check the zoom level and see if it's not at 100%. If it isn't, reset the zoom and see if you can repro.
    – user1228
    Commented Feb 3, 2017 at 19:03
  • @Will Page zoom is at 0. I forgot to mention, this is on the Next Badge page, not the main profile page. Edited. Commented Feb 3, 2017 at 19:11
  • I can repro at the default zoom level. I took a screen shot and zoomed in on that image and I can see the misalignment. Win 7 pro 64 bit with the latest chrome. Commented Feb 3, 2017 at 19:16
  • 6
    Repro on Edge. Now I'm triggered.
    – user1228
    Commented Feb 3, 2017 at 19:18
  • Also, there are two versions of this dialog. i.sstatic.net/vTkeJ.png Weird.
    – user1228
    Commented Feb 3, 2017 at 19:21

1 Answer 1

8

The proximate cause is the following style definition:

.badges-card .progress-bar .percent, .all-badge-progress .progress-bar .percent, .badges-card .progress-bar-large .percent, .all-badge-progress .progress-bar-large .percent
{
   position: relative;
   top:      -1px;
   left:     -1px;
   height:   26px;
}

In particular, setting the top and left to an offset of -1 pixels for the progress-bar class. If you remove these, the problem is solved, without any other obvious ill effects.

I'm not sure what the rationale is for these curious offsets—maybe fixing similar a UI bug on a different browser?

2
  • 9
    Maybe it’s supposed to be some 3D effect. Commented Feb 4, 2017 at 3:44
  • 4
    @Xufox Yeah, it's a feature.
    – philipxy
    Commented Feb 6, 2017 at 14:10

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .