diff options
| author | Boris Moiseev <cyberbobs@gmail.com> | 2017-08-23 14:39:21 +0300 |
|---|---|---|
| committer | Boris Moiseev <cyberbobs@gmail.com> | 2017-08-29 10:35:20 +0000 |
| commit | 1ed30c785ed5ff8948e01f4cd0f04fb8d17d135f (patch) | |
| tree | 952a7344ea5bef36e8547bc6b652f97af1b9bc0e /src | |
| parent | bfb41bc10d25a2ef5b92b56eb9cb0e2cfdf43c77 (diff) | |
Material: TextField hover effect
Corresponds to Hover controls state as shown in Material guidelines
https://material.io/guidelines/components/text-fields.html#text-fields-states
Change-Id: I8745c265e2ce71aa36d5877cfdf5cbfb018fb650
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
Reviewed-by: Boris Moiseev <cyberbobs@gmail.com>
Diffstat (limited to 'src')
| -rw-r--r-- | src/imports/controls/material/TextField.qml | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/imports/controls/material/TextField.qml b/src/imports/controls/material/TextField.qml index 25a05f99..7943cc99 100644 --- a/src/imports/controls/material/TextField.qml +++ b/src/imports/controls/material/TextField.qml @@ -79,7 +79,8 @@ T.TextField { background: Rectangle { y: control.height - height - control.bottomPadding + 8 implicitWidth: 120 - height: control.activeFocus ? 2 : 1 - color: control.activeFocus ? control.Material.accentColor : control.Material.hintTextColor + height: control.activeFocus || control.hovered ? 2 : 1 + color: control.activeFocus ? control.Material.accentColor + : (control.hovered ? control.Material.primaryTextColor : control.Material.hintTextColor) } } |