feat(files): add folder icon overlay

[skjnldsv]

Ref #39914

I decided to hardcode it for now as I couldn't find a good API way to tackle that.
We can always talk and improve from there :)

@nextcloud/designers if you want to adjust those icons, suggest new ones from the material design set as a review comment. I currently used the ones we already use or some that got asked by Jan.

[skjnldsv]

I don't have an e2ee setup available, can you try it yourself @artonge ? 🙏

[szaimen]

LGTM but didnt test

[jancborchardt]

Looks good design-wise!

It would be nice to switch the share-triangle to this less technical "add person" icon:
https://pictogrammers.com/library/mdi/icon/account-plus/
I think I mentioned to you before @skjnldsv? But probably separate issue as it should be done across the board – your pick.

[skjnldsv]

I think I mentioned to you before @skjnldsv?

We did that for the Navigation yes
Do I understand you want me to replace them every time I encounter the old ones?

[skjnldsv]

Before	After

@nextcloud/designers, without too much discussions, since we also have the locked state for a file/folder, I figured the key for encrypted was more suitable?
Please advise, else I can quickly revert it to the lock :)

[szaimen]

Yes the key looks good to me 👍

cc @jancborchardt @nimishavijay

[jancborchardt]

Yup key for encrypted folder and lock for locked folder is good! @tobiasKaminsky this probably needs to be reflected on the mobile clients as well?

[tobiasKaminsky]

Yup key for encrypted folder and lock for locked folder is good! @tobiasKaminsky this probably needs to be reflected on the mobile clients as well?

I created an issue for us, so that we an update all folder icons (e.g. this "unsplash" thing is also new to me).

[skjnldsv]

Yep, icons are changing more and more along the releases.
As we're moving them all to MaterialDesign

[tobiasKaminsky]

Once we start, we will ask/check for a complete list, so that all clients have same as web.

[allexzander]

@skjnldsv Where can I get the exact same icons as in your screenshot?

[skjnldsv]

@skjnldsv Where can I get the exact same icons as in your screenshot?

https://materialdesignicons.com/