Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
moonflowcr opened this issue Jul 21, 2023 · 2 comments · May be fixed by #231 or #233
Open

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

moonflowcr opened this issue Jul 21, 2023 · 2 comments · May be fixed by #231 or #233
Labels
bug Something isn't working

Comments

@moonflowcr
Copy link

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?

@moonflowcr moonflowcr added the bug Something isn't working label Jul 21, 2023
@marcustyphoon
Copy link
Collaborator

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
Copy link
Author

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
2 participants