64 lines
1.4 KiB
QML
64 lines
1.4 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import "../config/"
|
|
|
|
// Mostly from here: https://github.com/ChrisTitusTech/quickshell/blob/main/bar/BarBlock.qml
|
|
Rectangle {
|
|
id: root
|
|
radius: Appearance.rounding.barItems
|
|
|
|
Layout.preferredWidth: contentContainer.implicitWidth + 20
|
|
Layout.preferredHeight: 30
|
|
|
|
property Item content: Text {
|
|
text: "No content"
|
|
}
|
|
property bool hoverEnabled: false
|
|
property Item mouseArea: mouseArea
|
|
|
|
property bool dim: false
|
|
property var onClicked: function () {}
|
|
property int leftPadding
|
|
property int rightPadding
|
|
|
|
// Background color
|
|
color: {
|
|
if (mouseArea.containsMouse)
|
|
return Appearance.colors.m3primary;
|
|
return Appearance.colors.m3background;
|
|
}
|
|
|
|
states: [
|
|
State {
|
|
when: mouseArea.containsMouse
|
|
PropertyChanges {
|
|
target: root
|
|
}
|
|
}
|
|
]
|
|
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: 200
|
|
}
|
|
}
|
|
|
|
Item {
|
|
// Contents of the bar block
|
|
id: contentContainer
|
|
implicitWidth: content.implicitWidth
|
|
implicitHeight: content.implicitHeight
|
|
anchors.centerIn: parent
|
|
children: content
|
|
}
|
|
|
|
MouseArea {
|
|
enabled: root.hoverEnabled
|
|
id: mouseArea
|
|
anchors.fill: root
|
|
hoverEnabled: true
|
|
acceptedButtons: Qt.LeftButton
|
|
onClicked: root.onClicked()
|
|
}
|
|
}
|