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

X-axis scroll for smaller screens on settings page #742

Open
brettinternet opened this issue May 22, 2024 · 1 comment
Open

X-axis scroll for smaller screens on settings page #742

brettinternet opened this issue May 22, 2024 · 1 comment

Comments

@brettinternet
Copy link

Hello! This is a fantastic project.

I'm noticing x-axis scrolling on smaller screens on the settings pages due to this :after block in the settings tab menu:

.title a[data-tooltip]:hover::after, .title a[data-tooltip]:focus::after {
content: attr(data-tooltip);
position: absolute;
z-index: 10;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: max-content;
max-width: 90%;
height: fit-content;
background-color: #292f62;
color: #fff;
padding: $unit-1;
border-radius: $border-radius;
border: 1px solid #424a8c;
font-size: $font-size-sm;
font-style: normal;
white-space: normal;
pointer-events: none;
animation: 0.3s ease 0s appear;
}

I'm not sure what this CSS block does, but if it shouldn't be removed, could we add overflow: hidden to the parent ul?

@sissbruecker
Copy link
Owner

This might already be resolved with ff334e0. I guess you could verify by adding this as custom CSS.

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