The padding in the chat top bar (seen in non-room views, e.g. all rooms here) is off under "My Communities" list, and achievements dialog:

padding off in my communities list


padding off in achievements dialog


padding off in inbox dialog

Affected browsers/OS:

  • Chrome latest stable version (65.0.3325.181) under Windows 7 and 10
  • (Arch)Linux.
  • Firefox

Do also note that the top bar itself is still following the old design.

Can this please be fixed?

  • I guess the team just has to keep playing whack-a-Eggman's-mech with CSS glitches in the top bar... – Sonic the Anonymous Hedgehog Apr 17 '18 at 14:57
  • @SonicWizard yup, fix in one place, cause a bug in another place. Classic. – Shadow9 Apr 17 '18 at 14:58
  • Well... if they'd rolled out the new top bar to chat... ;) – Catija Apr 17 '18 at 14:59
  • @Catija race condition indeed (between fixing the bug and deploying new top bar in chat), both in 6-8 weeks. :-D – Shadow9 Apr 17 '18 at 15:09
  • Happens on Area 51 too. – Glorfindel Apr 17 '18 at 18:55
  • @Glorfindel no repro, looking fine for me in Area 51 main, Area 51 Discussion Zone, and stackexchange.com - only chat (all domains) is infected. – Shadow9 Apr 17 '18 at 19:00
  • Could be browser/OS-dependent, then: i.stack.imgur.com/lZIqz.png (FF, macOS) – Glorfindel Apr 17 '18 at 19:01
  • @Glorfindel huh, weird. Well, no doubt something in the CSS is broken, hopefully fixing it will fix all those at once. – Shadow9 Apr 17 '18 at 19:03
  • Repro several days later (though it was working in between), in Firefox. – Monica Cellio Apr 23 '18 at 19:32
  • @Monica thanks, added to the report. – Shadow9 Apr 23 '18 at 19:36

Looks like balpha fixed this on May 15th. Note that only non-room pages include the relevant css, since only those pages include a top-bar. However, this does mean that folks using this userscript will continue to see a broken layout for topbar dialogs.

The dropdowns are now using stacks.css. Which... Chat doesn't include.

You can include it manually by dropping something like this into your browser console:

$("<link rel='stylesheet' href='https://meta.stackoverflow.com/content/Shared/stacks.css'>").appendTo(document.head)

...but this will tend to make the rest of chat look a bit funky due to font overrides.

You must log in to answer this question.

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