nextcloud-vue icon indicating copy to clipboard operation
nextcloud-vue copied to clipboard

Alignment of headings (ActionText) in actions menu

Open jancborchardt opened this issue 5 years ago • 6 comments

Currently the "Chat notifications" heading in the actions menu of the navigation is not really aligned anywhere: chat notifications menu

It should move slightly to the right to be aligned with the other text. :)

jancborchardt avatar Dec 29 '19 16:12 jancborchardt

I think it helps to note that this is something different, not just an option were the image is not loading

nickvergessen avatar Jan 08 '20 15:01 nickvergessen

This is using ActionText in the meantime, so if it is still an issue it needs fixing there

nickvergessen avatar Apr 21 '20 08:04 nickvergessen

→ Moved to Vue components and reopening.

jancborchardt avatar Apr 21 '20 11:04 jancborchardt

This still seems to be an issue, but different than before. See here:

Screenshot 2023-01-27 at 12-35-46 Nextcloud Vue Style Guide

@jancborchardt @nimishavijay Could you check how this should look like, pleaes?

raimund-schluessler avatar Jan 27 '23 11:01 raimund-schluessler

You're right @raimund-schluessler, now it's too far to the left. What @jancborchardt meant was left aligning all the text. ActionText without icon should be moved right so that it is aligned with ActionText with icon and the other items. Perhaps ActionText without icon should have a higher left margin?

nimishavijay avatar Jan 27 '23 15:01 nimishavijay

As an example: AppNavigationCaption alignment with AppNavigationItem (with icon)

susnux avatar Jun 15 '23 19:06 susnux