Feature/470/split appnavigationitem into small components

[marcoambrosini]

Fix #470
Fix #376

• Replace the pinned script with pure css;
• Fix the out of bounds popover menu;
• Fix collapsing icon with long titles;
• Fix overflow text of AppNavigationItem's title;
• Emit click event from AppNavigationCaption;

Please use this App.vue in you vueexample app for reviewing, as the new components won't work with the old one!

[korelstar]

This PR doesn't look like it is finished, but the tags and review requests say so. Hence, I did a fast review on the code, but I didn't test it in practice. This has to be done later.

[marcoambrosini]

This PR doesn't look like it is finished, but the tags and review requests say so. Hence, I did a fast review on the code, but I didn't test it in practice. This has to be done later.

Yep, sorry.. I just created it because I needed a bit of feedback/guidance (which you provided)! Thank you!

[korelstar]

Just some small things, see comments.

Edit: And the performance issue is still there.

[marcoambrosini]

Thanks @korelstar for yr thorough review!

[skjnldsv]

@korelstar all clear and rebased!
I reviewed again! All looks good to me :)

I'd say let's merge and individually fix the tiny issues we could find + do a proper aria pass on it!

[korelstar]

🎉
Good thing! Last remaining drawback is the slow performance compared to the situation before this PR. I strongly suggest to fix this before the next release.

[skjnldsv]

Good thing! Last remaining drawback is the slow performance compared to the situation before this PR. I strongly suggest to fix this before the next release.

Could you perform a lighthouse? Or a performance audit?

[korelstar]

I can try this. Honestly, I never did this before. Which tool do you suggest?

[skjnldsv]

default brwoser tool. Either lighthouse or the profiling tab on chroomium or performance on firefox :)

[korelstar]

I've created a new issue for the performance problem: #577