Fix vue material icons

[skjnldsv]

• Move to md icons
  • Replace
  • Sizes and design match checks
  • Regression checks
• Cleanup old iconfont
• Cleanup webpack config

For all that were possible, I switched to the material design icons straight away.
For the others (like pure css without slots or our custom statuses), I moved back to a simple url-loader and a theme--dark selector.

It will clean the already-too-complicated webpack config, as well as reducing the size of the final build. I took the liberty of fixing some blatant typos and changed a few docs.

The icons used are not 16px, because MaterialDesign ships 24px with margins.
So we're on 24px now ⚠️

---

🖼️ Screenshots from this doc where everything is changed (Click to expand)

[jotoeri]

Yeah! The icons just disappeared on the bundles... AppNavigation falls from 50 KiB to 20 KiB 😅 Nice step! 🎉
Honestly i didn't check all the css in detail, but generally looks good to me... ☺️

[jotoeri]

One thing - but apart of that. 👍 🎉

[raimund-schluessler]

There is (literally) a small issue with the last arrow in the breadcrumbs bar. The longer the text of the last crumb is, the smaller the arrow gets:

Besides of that, it seems work well and reduced the bundle size of my app by 250 kB. 👍

[JonathanTreffler]

Reducing the bundles size is great and necessary. Seems good to me :)

[raimund-schluessler]

See #1816 (comment)

Done! :)

[skjnldsv]

There is (literally) a small issue with the last arrow in the breadcrumbs bar. The longer the text of the last crumb is, the smaller the arrow gets:

Besides of that, it seems work well and reduced the bundle size of my app by 250 kB.

@raimund-schluessler
Weirdly, this was not present in the documentation.
So I assume there is a conflicting rule on server?

https://60672dfeacb72f0007de3ed6--nextcloud-vue-components.netlify.app/

[skjnldsv]

We need to release v3.9.0 before merging

[raimund-schluessler]

There is (literally) a small issue with the last arrow in the breadcrumbs bar. The longer the text of the last crumb is, the smaller the arrow gets:

Besides of that, it seems work well and reduced the bundle size of my app by 250 kB.

@raimund-schluessler
Weirdly, this was not present in the documentation.
So I assume there is a conflicting rule on server?

https://60672dfeacb72f0007de3ed6--nextcloud-vue-components.netlify.app/

This screenshot is from the netlify docs. But you need to change the title of the last crumb to something longer. The default one is to short to trigger the issue.

[juliusknorr]

Very nice 👍