style/impl/TextEditBackground.qml

0001 /* SPDX-FileCopyrightText: 2020 Noah Davis <noahadvs@gmail.com>
0002  * SPDX-License-Identifier: LGPL-2.1-only OR LGPL-3.0-only OR LicenseRef-KDE-Accepted-LGPL
0003  */
0004
0005 import QtQuick
0006 import QtQuick.Templates as T
0007 import org.kde.kirigami as Kirigami
0008
0009 import "." as Impl
0010
0011 Rectangle {
0012     id: root
0013
0014     property Item control: root.parent
0015     property bool visualFocus: control.activeFocus && (
0016         control.focusReason == Qt.TabFocusReason ||
0017         control.focusReason == Qt.BacktabFocusReason ||
0018         control.focusReason == Qt.ShortcutFocusReason
0019     )
0020
0021     implicitWidth: implicitHeight
0022     implicitHeight: Impl.Units.mediumControlHeight
0023
0024     color: Kirigami.Theme.backgroundColor
0025     radius: Impl.Units.smallRadius
0026     border {
0027         color: control.activeFocus || control.hovered ?
0028             Kirigami.Theme.focusColor : Impl.Theme.buttonSeparatorColor()
0029         width: Impl.Units.smallBorder
0030     }
0031
0032     FocusRect {
0033         visible: root.visualFocus
0034         baseRadius: parent.radius
0035     }
0036
0037     Behavior on border.color {
0038         enabled: control.activeFocus || control.hovered
0039         ColorAnimation {
0040             duration: Kirigami.Units.shortDuration
0041             easing.type: Easing.OutCubic
0042         }
0043     }
0044 }