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

TASK: Support large button labels #7

Conversation

alexander-nitsche
Copy link
Contributor

Fixes: #6

@alexander-nitsche
Copy link
Contributor Author

I added a second variant, that fits the buttons in one line again, but removes the "Copy .." / "Kopiere .." prefix of the button label, and replaces it with moving the copy icon from right to left, before the button label. Like that, we only have "Neos-Link" and "Link" to translate, which might fit for all languages.

In addition i reworked the AnchorView a bit to re-use more native Neos UI components and tested it for Neos 7 LTS, the lower boundary of supported Neos releases.

- Fix inclusion of style.css.
- Add detailed button tooltips.
- Use native Neos UI icon component instead of custom SVGs and CSS
  styles to align with similar icon presentations.
- Set fixed icon width and height for all button states to prevent
  buttons from shrinking and enlarging.
- Buttons evenly consume all available space.
- Move all style definitions from AnchorView.js to style.css.
- Change copy buttons from fixed size to auto size to be more flexible
  with different label lengths.
- Leave SectionIdEditor.js unchanged, as it should remain comparable
  to the original Neos.Neos.Ui/packages/neos-ui-editors/src/Editors/UriPathSegment/index.js.
@alexander-nitsche
Copy link
Contributor Author

Hi guys, would be great to get this in. Thanks and greetings, Alex

@gradinarufelix gradinarufelix merged commit d9db327 into code-q-web-factory:master May 22, 2023
@rolandschuetz
Copy link
Contributor

rolandschuetz commented May 22, 2023

Thanks for your PR @alexander-nitsche !

We just found time to check it. It's merged and released:
https://github.com/code-q-web-factory/CodeQ.JumpMarkers/releases/tag/v3.2.0

@alexander-nitsche alexander-nitsche deleted the task-adapt-button-size branch May 23, 2023 08:56
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 this pull request may close these issues.

Copy buttons stick together for long labels
3 participants