Migrate Primary action icons

[GretaD]

ref nextcloud/groupware#38

Our important icon is a customized one, i created a new component following the logic here: https://github.com/nextcloud/spreed/blob/b06c7f24886e6773219aa60d93e27ee1bb9f59d8/src/components/missingMaterialDesignIcons/PresentToAll.vue

[st3iny]

Looks good so far. I left some feedback and pushed a small commit to make the new important icon a bit more consistent with material icon components.

[JuliaKirschenheuter]

Thanks for fixing!

I saw a visual difference, the high between icon and text is a bit too large

before

after

[GretaD]

Thanks for fixing!

I saw a visual difference, the high between icon and text is a bit too large

Fixed, also filled the gold colour for favorite.

[JuliaKirschenheuter]

Fixed, also filled the gold colour for favorite.

works!

I think there is still too much padding around action buttons in primary menu

[ChristophWurst]

We can fine tune after the design review

[GretaD]

Fixed, also filled the gold colour for favorite.

works!

I think there is still too much padding around action buttons in primary menu

You are right, but the design material forces the icons to be always on the center. I just moved the text to be more up, i didnt redesign the way how the design icons looks.
See also here: #6500
the after for the mark all as read.

[JuliaKirschenheuter]

Greta, i have finally found the icon https://fonts.google.com/icons?selected=Material+Icons&icon.query=important =)

---

but it seems that there is not vue component for it, am i right?

[ChristophWurst]

It is not in https://materialdesignicons.com/

[ChristophWurst]

It is not in https://materialdesignicons.com/

This is the basis for https://www.npmjs.com/package/vue-material-design-icons. I'm not sure if we can use Google's icon if it's not in there.

not related