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

Enh/Align app navigation item counter in a better way

Open GVodyanov opened this issue 2 years ago • 4 comments

☑️ Resolves

  • Fix https://github.com/nextcloud/mail/issues/9109
  • Instead of https://github.com/nextcloud/mail/pull/9179

🖼️ Screenshots

🏚️ Before 🏡 After
image image

🏁 Checklist

  • [x] ⛑️ Tests are included or are not applicable
  • [x] 📘 Component documentation has been extended, updated or is not applicable

GVodyanov avatar Dec 23 '23 12:12 GVodyanov

@raimund-schluessler Does this look better? image

GVodyanov avatar Jan 09 '24 18:01 GVodyanov

@raimund-schluessler Does this look better?

Yes, better. But now the counter jumps to the right when the entry is hovered:

grafik

raimund-schluessler avatar Jan 11 '24 08:01 raimund-schluessler

@raimund-schluessler Does this look better?

Yes, better. But now the counter jumps to the right when the entry is hovered:

grafik

Could you please suggest how I could reproduce this?

GVodyanov avatar Jan 22 '24 15:01 GVodyanov

Could you please suggest how I could reproduce this?

Go to the docs https://deploy-preview-4991--nextcloud-vue-components.netlify.app/#/Components/App%20containers/NcAppNavigation?id=ncappnavigationitem scroll to "Element with counter" and hover it.

raimund-schluessler avatar Jan 22 '24 15:01 raimund-schluessler