13

enter image description here

I can't see the complete 'en español' underneath the Spanish Stack Overflow logo on user profile pages. Nothing changes when I scroll, but when I go to the home page, the logo gets shifted up a bit and it looks fine. The same thing happens on the Russian Stack Overflow site.

You can tell that the logo is the correct image but shifted downwards because the top of the 'in [language]' text is visible:

enter image description here

I'm on Vivaldi 2.0 for Windows 10 and on Chrome 69.0.3497.100 for Windows 10. It happens only when you don't have an account for that site, both when you're anonymous and when you have connected accounts on other sites.

  • 2
    I can't reproduce this on Chrome for Mac. What version of Chrome? Do you have any addons that might be interfering with this? – Catija Oct 11 '18 at 16:12
  • @Catija It's chrome 69.0.3497.100 for Windows 10 (I think that's the latest Chrome). I'm sure don't have any addons, userscripts, or extensions on Chrome, but I have SOX (stack overflow extras) on Vivaldi. – user392547 Oct 11 '18 at 16:15
  • I do see it when I'm not logged in (in incognito). – Catija Oct 11 '18 at 16:22
  • I'm also using Chrome 69 on Windows 10 and I'm not able to reproduce this on Stack Overflow en español but I was able on Stack Overflow на русском. – Rubén Oct 11 '18 at 17:09
  • @Rubén are you looking at profile pages or the home page? Could you perhaps tell me what you see for this random profile – user392547 Oct 11 '18 at 17:11
  • @Chair I edited my previous comment. I'm looking at the profile pages, "obviously" :) – Rubén Oct 11 '18 at 17:12
  • @Rubén perhaps it's something about you having an account on es.stackoverflow. I viewed it with that semi-signed in state where I get notifications from other sites by I can't vote through the association bonus (I haven't made accounts on any international sites). – user392547 Oct 11 '18 at 17:48
  • @Chair You are right, I have an account on Stack Overflow en español but not on Stack Overflow на русском. I think that you should update your question to include that you don't have accounts on the referred sites and it will be even better if you include the complete top bar to show the "Join" button instead of the tools for joined users. – Rubén Oct 11 '18 at 18:41
  • @Rubén Yep, my current claims about which sites I was signed in for is misleading/incorrect. That explains why Catija wasn't able to observe it initially. I've edited it; hopefully it's clearer. – user392547 Oct 11 '18 at 18:46
  • 2
    So, it's worth noting that Vivaldi isn't a supported browser, which means you'll likely have a few problems. Hopefully fixing this for users who aren't logged in will fix it for you in Vivaldi, though. If not, then I'm afraid it's a matter of your browser choice. – Catija Oct 11 '18 at 19:00
  • @Catija Nah, I don't think Vivaldi would be the problem: it's largely based on Chromium. I've explored this a bit more, and the skewed logo shows up under the same circumstances and looks the same with both Vivaldi and Chrome, so it's a safe assumption that fixing it for chrome will fix Vivaldi. Honestly, I'm not too invested in this bug because I don't use any international sites, but I just thought I'd bring it up in case there's anybody else who notices. Anyways, it's good to hear that the team'll look at this (even though I'm sure it's not top-priority since it's minor cosmetics). Thanks! – user392547 Oct 11 '18 at 19:18
  • 1
    @Catija I've got the same issue with Chrome 71 on Ubuntu. – anonymous2 Jan 21 at 12:46
  • Also confirm issue with Firefox 64 on Ubuntu 16.04 on ru, pt, and es stackoverflow. – anonymous2 Jan 21 at 13:21
3
+50

After a good bit of hunting, looks like the issue is really quite simple (though of course, on the server end I don't know...)

Looks like the logo is lacking the _glyph css class in the html. To prove this, you can simply inspect the nonfunctional logo and add the _glyph class to it. A couple of screenshots show it all:

Inspect Element:

Inspecting element

Add _glyph class:

Adding _glyph class

Tada!

Fixed

  • 3
    Good catch! If only it was so simple... as far I as came to learn, SE developed super complex mechanism for their CSS, and even out sourced part of it. It's HUGE, and I'm pretty sure any tiny change has huge chance to cause bugs elsewhere. So even such small change will have to be reviewed like 100 of times, and take days to implement, if they even decide to try and do it. (Which I doubt they'll do, having higher priority things to do.) – Shadow The Princess Wizard Jan 21 at 13:29
  • Yeah... I was kind of afraid that might be the case. :) – anonymous2 Jan 21 at 13:30
  • 2
    @ShadowWizard Eh? Our styles aren't outsourced. Having said that, I thought we fixed this... but apparently not. I'll check on it this week. – Adam Lear Jan 21 at 18:37
  • @AdamLear not styles themselves, the CSS render engine, forgot its name. No? – Shadow The Princess Wizard Jan 21 at 19:30
  • @ShadowWizard you mean their framework Stacks? – MEE - Reinstate Monica Jan 22 at 6:37
  • @MEE yeah, this – Shadow The Princess Wizard Jan 22 at 7:37
  • @ShadowWizard Ah right, that's not outsourced. :) It's open source, but it's developed in-house by our designers. – Adam Lear Jan 22 at 17:50
  • @AdamLear oh, oops. I meant open sourced. :) – Shadow The Princess Wizard Jan 23 at 8:41

You must log in to answer this question.