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

fix(NcHeaderMenu): Remove padding from popover menu #6026

Merged
merged 1 commit into from
Aug 30, 2024

Conversation

susnux
Copy link
Contributor

@susnux susnux commented Aug 29, 2024

☑️ Resolves

There should be no padding within the popover menu. The popover container is not style-able (at least not without hacking the (not exposed-)CSS classes), so users can not remove the padding themself.

The padding is a problem if the content is scroll-able, because the scrollbar should be on the very end of the container and not floating around.

🖼️ Screen recording

🏚️ Before

Bildschirmaufnahme_20240830_002829.webm

🏡 After

Bildschirmaufnahme_20240830_002718.webm

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable
  • 3️⃣ Backport to next requested with a Vue 3 upgrade

There should be no padding within the popover menu.
The popover container is not styleable (at least not without hacking the (not exposed-)CSS classes),
so users can not remove the padding themself.

The padding is a problem if the content is scrollable,
because the scrollbar should be on the very end of the container and not floating around.

Signed-off-by: Ferdinand Thiessen <[email protected]>
@susnux susnux added bug Something isn't working 3. to review Waiting for reviews design Design, UX, interface and interaction design feature: header-menu labels Aug 29, 2024
@susnux susnux added this to the 8.17.1 milestone Aug 29, 2024
@susnux
Copy link
Contributor Author

susnux commented Aug 29, 2024

/backport to next

Copy link
Contributor

@jancborchardt jancborchardt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yesss, looks so much better also in the People menu indeed. :)

@skjnldsv skjnldsv merged commit 627ffa0 into master Aug 30, 2024
19 checks passed
@skjnldsv skjnldsv deleted the fix/header-menu-padding branch August 30, 2024 08:26
@susnux susnux mentioned this pull request Aug 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews bug Something isn't working design Design, UX, interface and interaction design feature: header-menu
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants