Improved keyboard shortcut hints on education dialog


(Jeff Atwood) #1

A nice little change was proposed by @supermathie and @sam – indicate the keyboard shortcut for close on our editor education panels:

image

Since these are desktop only CSS rules they wouldn’t affect mobile, and arguably since more people have the keyboard option on iPad every day, it is still relevant on iPad and other touch devices too.

I think there are other opportunities for ambient indication of return and esc options in the UI, too… but this is the lowest hanging :grapes:


(Jeff Atwood) #2

Ok this is live now on latest courtesy @sam

image


(Jeff Atwood) #3

Another example, on dialogs:

image

Compared to how we do it, on mouseover / tooltip

image