AprilSylph / Palettes-for-Tumblr

🎨 Colour scheme manager for Tumblr
GNU General Public License v3.0
30 stars 8 forks source link

Text under dropdowns in the new layout doesn't display correctly #159

Open moonflowcr opened 11 months ago

moonflowcr commented 11 months ago

Platform

Windows 10, version 21H2

Browser

Chrome v115.0.5790.102

Addon version

v1.0.2

Details

I switched to Palettes for Tumblr to change the font size and family to the one Tumblr used previously (Helvetica Neue, and a base font size of 14px) for accessibility issues since the current default font is hard to read for me as someone who wears glasses and makes my head hurt.

With the new layout, I find the some of the text under the Account and Settings dropdowns doesn't display properly and it looks weird compared to the rest of the text in the dash, as you can see in the screenshots I attached to this issue. However, this doesn't seem to affect to each blog menu, just like you can see in the third screenshot:

Captura de pantalla 2023-07-21 111918

Captura de pantalla 2023-07-21 111944

Captura de pantalla 2023-07-21 113349

I tested it with the default and the rest of the fonts available and it just happens with that one, which means it's a font issue. I also tested it with an old userscripts I used to fix this and it's still happening. Is there a reason why this is happening? Is there a way for fix that without having to change the font settings I'm using?

marcustyphoon commented 11 months ago

I reported a very similar thing to Tumblr staff earlier, in which they were using a weirdly way too low value for the font-weight property on a label, one which the default font doesn't even have a specific label for. If you're familiar with the inspect element dev tool, I'd be curious what that property is for you here (mine are 350 and 400 for the thin and regular-looking elements you've screenshotted there, respectively), but no worries either way.

I would suggest sending this in to Tumblr support and mentioning that you changed the site font!

moonflowcr commented 11 months ago

I inspected the element with dev tools in Chrome and you're right, the font-weight is too low for it to display properly and a 500 seems to match the value in the blog menus (like it shows in the third screenshot). Mine was a 350, so it's a huge change and it definitely improved it.

I'll make a script for a temporary fix because I need it myself, but I'll send a ticket about this issue and see if they can offer a solution!