ui/components/RoundFlatButton.qml

0001 /*
0002  * SPDX-FileCopyrightText: 2022 Devin Lin <espidev@gmail.com>
0003  *
0004  * SPDX-License-Identifier: GPL-3.0-or-later
0005  */
0006
0007 import QtQuick
0008 import QtQuick.Controls as Controls
0009 import QtQuick.Layouts
0010
0011 import org.kde.kirigami as Kirigami
0012
0013 Controls.AbstractButton {
0014     id: root
0015     hoverEnabled: true
0016     implicitWidth: Kirigami.Units.gridUnit * 3
0017     implicitHeight: Kirigami.Units.gridUnit * 3
0018
0019     property color backgroundColor: Kirigami.Theme.highlightColor
0020
0021     Controls.ToolTip.delay: Kirigami.Units.toolTipDelay
0022     Controls.ToolTip.timeout: 5000
0023     Controls.ToolTip.visible: Kirigami.Settings.tabletMode ? pressed : hovered
0024     Controls.ToolTip.text: text
0025
0026     background: Rectangle {
0027         radius: width / 2
0028         color: root.pressed ? Qt.darker(root.backgroundColor, 1.3) : ((!Kirigami.Settings.tabletMode && root.hovered) ? Qt.darker(root.backgroundColor, 1.1) : root.backgroundColor)
0029     }
0030
0031     Kirigami.Icon {
0032         anchors.centerIn: parent
0033         isMask: true
0034         source: root.icon.name
0035         Kirigami.Theme.colorSet: Kirigami.Theme.Complementary
0036         Kirigami.Theme.inherit: false
0037         implicitWidth: Kirigami.Units.iconSizes.smallMedium
0038         implicitHeight: Kirigami.Units.iconSizes.smallMedium
0039     }
0040 }