Modernflyouts: Add a lock image for "CapsLock on / off"

Created on 28 Sep 2020  路  15Comments  路  Source: ModernFlyouts-Community/ModernFlyouts

Add a lock icon aside to the message for "CapsLock on / off", like "Airplane mode"

Enhancement Good First Issue UUX

Most helpful comment

Ok. So, a possible solution could be to add a number (for example [1]) inside the lock/unlock icon. So, it should indicate the Block Number. A letter [a] to indicate Caps. And without anything could indicate BlockScroll (or if you have another icon in mind...)

What do you think about this?

All 15 comments

Thanks for the suggestion pal!

I had this thought before but there were no icons for CapsLock or the related keys in the Segoe MDL2 Assets.

I tried to make them on my own (tried SVG image and a bitmap image) but couldn't make a icon similar to their style.

So I dropped the idea. I now have the motive to reimplement it again

Request from store "Add some icons for lock-keys module so it's more distinct between caps-lock ON vs OFF"

That's what I mentioned in my previous comment

I had them initially (separate icons for caps/scroll/num lock - on/off) but they weren't suiting the design correctly and looked blurry so I removed them before open sourcing this project.

@ShankarBUS What do you think about Photon Icons? (Firefox)
https://design.firefox.com/icons/viewer/#, the "Secure" icon

The secure icon looks fine for 'locked' but i don't think there is a suitable icon for unlocked

Umm... Guys the lock/unlock icons are already present in Segoe MDL2 Assets

image

image

That was not the problem, there was no indication of caps/scroll/num lock. That's why I made my own and dropped the idea

@ShankarBUS So, sorry, I don't understand what's the problem :thinking:

We have the lock/unlock icon but it doesn't indicate if it's caps lock or num lock or scroll lock. (There will be text but the icon won't indicate it)

We can just show either lock or unlock.

If you just want the lock/unlock icon, it's very easy & doable

@ShankarBUS Ok, basically the problem is: there are just Lock/Unlock icons, which should indicate both Caps and Lock and ScrollLock, right?

Yes!

Ok. So, a possible solution could be to add a number (for example [1]) inside the lock/unlock icon. So, it should indicate the Block Number. A letter [a] to indicate Caps. And without anything could indicate BlockScroll (or if you have another icon in mind...)

What do you think about this?

That's what I previously did. But I can't create a neat icon. They looked blurry when scaled. WPF doesn't support SVGs. There were too many issues with this.

I guess just showing the lock icon will be enough for now

@ShankarBUS Ok, so I think a solution for now could be use just the lock/unlock icon... eventually in future you could use another one.

Yes that's what we should do 馃榿

Implemented in 79ab48ece0f265e11f2e113d31d7d98055c97fcc.

Thanks for being patient. This feature will be readily available in the v0.7 release

Was this page helpful?
0 / 5 - 0 ratings