diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-08-25 06:50:35 +0300 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-08-28 10:31:41 +0300 |
commit | 04d2a47bb66fb19cd1c2afdb4bd651eb57ca0d47 (patch) | |
tree | 965cc733672fe5e9db2fb5e16c3549657806d3a4 /css | |
parent | 671feab186f3a3a80ac84bca4d49304130582190 (diff) |
Fix edit button in EditableTextLabel not focusable
The edit button was not an actual button but a span, so it was ignored
in keyboard navigation. Moreover, the opacity was applied to its parent
element instead of to the button itself, so it was not highlighted when
focused. Also, after the input is hidden now the focus is given back to
the edit button.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/style.scss | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/css/style.scss b/css/style.scss index 3858d6166..6607873c0 100644 --- a/css/style.scss +++ b/css/style.scss @@ -787,7 +787,12 @@ input[type="password"] { .label-wrapper { display: flex; align-items: center; - .edit-button { + .edit-button .icon { + background-color: transparent; + border: none; + padding: 13px 22px; + margin: 0; + opacity: .3; &:hover, @@ -795,13 +800,6 @@ input[type="password"] { &:active { opacity: 1; } - - .icon { - background-color: transparent; - border: none; - padding: 13px 22px; - margin: 0; - } } } .input-wrapper { |