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

CustomLink editor breaks layout #58

Open
rolandschuetz opened this issue Mar 26, 2024 · 2 comments · May be fixed by #72
Open

CustomLink editor breaks layout #58

rolandschuetz opened this issue Mar 26, 2024 · 2 comments · May be fixed by #72

Comments

@rolandschuetz
Copy link

I installed Archaeopteryx 1.4.0 with Neos UI version: v7.3.20

The modal is too small for all 5 tabs and breaks:
Bildschirmfoto 2024-03-26 um 21 50 11

@lcherpit
Copy link

lcherpit commented Oct 4, 2024

Same behavior here with Archaeopteryx 1.4.2 with Neos UI version: 8.3.10.

add a nowrap on button > div seems to resolve it. (tested it from the browser console only.)

.syKsX {
  white-space: nowrap;
}

@markusguenther
Copy link

Hello, the issue doesn't appear to be related to the custom link. It primarily occurs when labels contain spaces. As the viewport becomes smaller, the labels tend to overflow from the button bar, disrupting the layout.

Screenshot 2024-10-21 at 15 13 30

markusguenther added a commit to markusguenther/Sitegeist.Archaeopteryx that referenced this issue Oct 22, 2024
The change tries to prevent line breaks on tab labels with whitespaces.
The line break results in layout shifts.

Fixes: sitegeist#58
@markusguenther markusguenther linked a pull request Oct 22, 2024 that will close this issue
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

Successfully merging a pull request may close this issue.

3 participants