Skip to content
New issue

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

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

Already on GitHub? # to your account

[Bug] optimize the display of hint buttons on the website #7452

Open
JAINKRE opened this issue Dec 20, 2024 · 5 comments
Open

[Bug] optimize the display of hint buttons on the website #7452

JAINKRE opened this issue Dec 20, 2024 · 5 comments
Assignees
Milestone

Comments

@JAINKRE
Copy link

JAINKRE commented Dec 20, 2024

Contact Information

No response

1Panel Version

v1.10.22-lts

Problem Description

optimize the display of hint buttons to show in one line:

image

this issue occurs on screens with resolutions of 1920x1080 and 2160x1440.

Steps to Reproduce

--

The expected correct result

No response

Related log output

No response

Additional Information

No response

@zhengkunwang223
Copy link
Member

image

This issue cannot be reproduced. What device are you using

@JAINKRE
Copy link
Author

JAINKRE commented Dec 20, 2024

image

This issue cannot be reproduced. What device are you using

win11 chrome:

image

@JAINKRE
Copy link
Author

JAINKRE commented Dec 20, 2024

the issue seems to be caused by the Element, the --el-alert-title-font-size variable which defaults 14px. changing value to 13px resolves:

image

changing:

image

@zhengkunwang223
Copy link
Member

I did not encounter this issue on Chrome in Windows 11
--el-alert-title-font-size is the default font size for the Alert component. Modifying it will affect the global settings.

@zhengkunwang223
Copy link
Member

zhengkunwang223 commented Dec 20, 2024

After testing, this issue occurs on browsers with zoom applied. Let’s take a look at how to address it

# for free to join this conversation on GitHub. Already have an account? # to comment
Projects
None yet
Development

No branches or pull requests

3 participants