Yaru: Keyboard focus for switches should span whole widget

Created on 28 May 2018  Â·  13Comments  Â·  Source: ubuntu/yaru

Currently only the "knob" is surrounded by the dotted orange line which is hardly visible and differs from other widgets. The selection ring should span the whole widget with some padding.

keybord focus_switch keybord focus_slider

Enhancement

All 13 comments

If the ring is around the knob, it means it's the selected widget. Not sure we can "transfer" the selection to the whole switch. I need to investigate a bit more

I double check and focus state is actually and correctly on the switch widget and not on the knob/slider.

Adwaita however does the same thing, so I think this is how this kind of widget show selection (actually the part on which you can act on when selected is the slider, so it is not so wrong as a meaning).

Would it be possible to add an asymmetrical padding to achieve something like this?

keybord focus_switch_padding

:thinking: I'll try!

Argh. I just figured that the selection ring probably moves with the knob so this hack won't work for both on and off states. But even the one with symmetrical padding looks better to me and is more visible in any case.

Uhm, right I didn't think at all myself. Theoretically we know in which state the knob is, but it's getting a bit complex. What about the same as the buttons and treeview row, selection ring slightly inside the knob?

I would say its better than the selection ring being the border itself but might get a bit small. I tend to prefer the outer ring even if it crosses the switch. But thats only a personal preference.

keybord focus_switch_padding2

Just a stupid question - Why do we need this ring anyway??!!??

It is the focus ring. Some people use the tab key to travel through the UI elements. The focus ring indicates were the focus is

Unfortunately outline-offset property cannot be asymmetric, so the best we can have is this one

image

the thin line does not help, but bigger would be even worse

I'd prefer the current solution then which looks pretty logical to me. This one ∆ looks like something went wrong in my opinion

Agreed. What about a very minor inset?

Current image

Changed image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

CDrummond picture CDrummond  Â·  3Comments

mivoligo picture mivoligo  Â·  3Comments

sicklylife-jp picture sicklylife-jp  Â·  3Comments

snydox picture snydox  Â·  3Comments

madsrh picture madsrh  Â·  3Comments