-
Notifications
You must be signed in to change notification settings - Fork 92
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
Decrease padding right of AppNavigationCaption and ListItem to 4 px #2406
Conversation
Signed-off-by: Raimund Schlüßler <[email protected]>
/backport to stable4 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Much better now!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This will make it out of alignment with the ListItem
's actions though, which is what this component was matching. I would increase the appNavigationItem
right padding instead.
...Or, we could bring down the padding of the ListItem
to 4 too, which I'm sure you'd love @raimund-schluessler :)
Hm, indeed, this won't work well:
@marcoambrosini I don't really have a preference here, to be honest. I just had the lengthy discussion in #1912 in mind where the @nextcloud/designers Should I adjust the PR to increase the padding of |
Signed-off-by: Raimund Schlüßler <[email protected]>
I adjusted this PR to change everything to 4 px: And I also created another PR #2407 adjusting everything to 8 px as comparison. So take your choice, the PR receiving more approvals will get merged 😉🙈 |
I will close this according to the discussion on c.nc.c. We will go for #2407 for now and completely rework the |
The right padding of
AppNavigationCaption
was to big, leading to a misalignment of the ActionMenus ofAppNavigationItem
andAppNavigationCaption
. This PR adjusts the padding to the correct value, seehttps://github.com/nextcloud/nextcloud-vue/blob/0173e9e9b14b12066415b0152eebfc67e32966ed/src/components/AppNavigationItem/AppNavigationItem.vue#L484
Before:

After:
