Checkbox: handle Enter/Return/Space keys, change border color on focus

This commit is contained in:
xiphon 2021-04-02 12:10:24 +00:00
parent 34df4e74d4
commit 74e1483d0b

View file

@ -54,6 +54,10 @@ Item {
width: checkBoxLayout.width
opacity: enabled ? 1 : 0.7
Keys.onEnterPressed: toggle()
Keys.onReturnPressed: Keys.onEnterPressed(event)
Keys.onSpacePressed: Keys.onEnterPressed(event)
function toggle(){
if (checkBox.toggleOnClick) {
checkBox.checked = !checkBox.checked
@ -78,7 +82,7 @@ Item {
radius: 3
color: checkBox.enabled ? "transparent" : MoneroComponents.Style.inputBoxBackgroundDisabled
border.color:
if(checkBox.checked){
if (checkBox.activeFocus) {
return MoneroComponents.Style.inputBorderColorActive;
} else {
return MoneroComponents.Style.inputBorderColorInActive;