23

I'm unsure if this qualifies as a bug, but at least on my display, part of the bronze badge gets cut off.

Although just an aesthetic issue, it's bothering nonetheless.

As pictured, the right hand side of the circle gets cut off:

enter image description here

System:

  • Chrome Version 66.0.3359.139 (Official Build) (64-bit)

  • OSX 10.13.4 (17E199)

  • MBP Retina, 13-inch, Late 2013

  • Zoom Level 100%

I don't seem to have the problem with a single digit bronze badge count:

enter image description here

Both pictures where taken from the top bar.

19
  • 1
    What browser, what zoom level, and what OS? Note that zoom levels other than 100% are not supported.
    – Martijn Pieters Mod
    Commented May 13, 2018 at 13:04
  • 1
    I can't reproduce this on OS X, using Firefox 59.
    – Martijn Pieters Mod
    Commented May 13, 2018 at 13:04
  • added the specs to the question
    – blkpingu
    Commented May 13, 2018 at 13:13
  • Where was this screenshot taken? The top bar? (I guess so because of the bronze-colored 11; that makes it a little harder to reproduce.)
    – Glorfindel
    Commented May 13, 2018 at 13:21
  • @Glorfindel Yes, the top bar. I don't have the problem in other communities where I have a single digit bronze badge count
    – blkpingu
    Commented May 13, 2018 at 13:23
  • Do you have by any chance your fonts overridden? Arial, "Helvetica Neue", Helvetica, sans-serif is what is expected there.
    – rene
    Commented May 13, 2018 at 13:29
  • @rene I never overrode the standard fonts. Can you point out to me how to find the setting?
    – blkpingu
    Commented May 13, 2018 at 13:30
  • No, I've not done this myself, only recall reports from users who had done that. That was unix boxes, IIRC and it was done at the OS level.
    – rene
    Commented May 13, 2018 at 13:32
  • Like I said, I never tempered with the vanilla SO ui
    – blkpingu
    Commented May 13, 2018 at 13:33
  • 6
    Might be that you only have this problem on SO main due to the responsive design for Teams users that rolled out Friday: meta.stackoverflow.com/questions/367724/…
    – rene
    Commented May 13, 2018 at 13:36
  • Probably related to the different comparability levels and the .CSS for the webpage .topbar-flair .badge1,.topbar .topbar-links .topbar-flair .badge2,.topbar .topbar-links .topbar-flair .badge3{padding-right:3px}.topbar - On Android, using Chrome or Firefox, the badge3 dots are round (even for Rene's 3 digit count, above).
    – Rob
    Commented May 13, 2018 at 18:50
  • I can reproduce this issue on FF 60 x64, Windows 10, 130% zoom, window 1263 pixels wide. At 100% zoom I can't reproduce this.
    – Erik A
    Commented May 13, 2018 at 21:30
  • 7
    Very important indeed. Commented May 14, 2018 at 16:15
  • 1
    I can repro at 75% ,80%, 120% and 135% in Chrome (65.0.3325.181 x64) Commented May 14, 2018 at 16:22
  • 2
    I can reproduce at 100% on Chrome, 66.0.3359.139 (windows 7). Fixes itself at any other zoom level. Also changing the width of .badge1 .badge2 and .badge3 to 7px (from 6px) predictably fixes
    – Yule
    Commented May 14, 2018 at 16:27

0

You must log in to answer this question.

Browse other questions tagged .