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

The "Welcome Page" has 6 pixel high text. #2401

Open
garyemiller opened this issue Dec 18, 2023 · 3 comments
Open

The "Welcome Page" has 6 pixel high text. #2401

garyemiller opened this issue Dec 18, 2023 · 3 comments

Comments

@garyemiller
Copy link

Description

The "Welcome Page" has 6 pixel high text.

I have vision issues, and 6 pixel high text is very hard for me to read. Any way to fix that?

Other object, like the Menu test are fine.

@breiler
Copy link
Collaborator

breiler commented Dec 19, 2023

What text are you referring to? The text is (unfortunatley) hard coded, but the bread text is set to 11px:

Screenshot from 2023-12-19 06-40-34

@garyemiller
Copy link
Author

Screenshot_2023-12-19_13-06-46

This is what I see. The x-height in the Welcome Page is only 6 pixels. Hard for me to read even with pixeltool.

If the text was the same size, or a tad smaller than the menu font, it would be fine.

@garyemiller
Copy link
Author

I found the problem. You css is specifying fonts in pixels (px) and not points (pt).

For example:

./ugs-pendant/src/main/webapp/node_modules/unique-filename/coverage/base.css

font-size: 14px;

At 96 DPI: 1 Point = 0.75 * Pixel

So 14px is 10.5 point type. Not bad.

But, at 192 DIP: 1 Point = 0.375 * Pixel

So 14 px is 5.2 points! That is pretty small!

If you specify everything in points (pt), instead of pixels (px), the everyone see the exact same size of font, regardless of the DPI of their screen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants