mirror of
https://github.com/arthur-pbty/arthur-os.git
synced 2026-08-05 12:42:29 +02:00
Ryan Hughes
84e8a42813
PillButton's attached ToolTip is now a styled instance — uses the widget's foreground color for text + border and a configurable tooltipBackground (defaults to a near-black, overridable to bar.background). No more stock OS chrome inside our popups. Bluetooth panel passes bar.background/foreground through to its header pills and replaces the row tooltip with the same themed style.
97 lines
2.5 KiB
QML
97 lines
2.5 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
|
|
Rectangle {
|
|
id: root
|
|
|
|
property string text: ""
|
|
property string iconText: ""
|
|
property string tooltipText: ""
|
|
property color foreground: "#cacccc"
|
|
property color background: "transparent"
|
|
property color hoverBackground: Qt.rgba(foreground.r, foreground.g, foreground.b, 0.12)
|
|
property color pressedBackground: Qt.rgba(foreground.r, foreground.g, foreground.b, 0.22)
|
|
property color tooltipBackground: "#101315"
|
|
property color tooltipForeground: foreground
|
|
property string fontFamily: "JetBrainsMono Nerd Font"
|
|
property real fontSize: 12
|
|
property real iconSize: 14
|
|
property real horizontalPadding: 10
|
|
property real verticalPadding: 6
|
|
property bool active: false
|
|
property color activeBackground: Qt.rgba(foreground.r, foreground.g, foreground.b, 0.18)
|
|
|
|
ToolTip {
|
|
visible: root.tooltipText !== "" && mouseArea.containsMouse
|
|
text: root.tooltipText
|
|
delay: 400
|
|
padding: 0
|
|
|
|
background: Rectangle {
|
|
color: root.tooltipBackground
|
|
border.color: root.tooltipForeground
|
|
border.width: 1
|
|
radius: 0
|
|
opacity: 0.97
|
|
}
|
|
|
|
contentItem: Text {
|
|
text: root.tooltipText
|
|
color: root.tooltipForeground
|
|
font.family: root.fontFamily
|
|
font.pixelSize: 11
|
|
leftPadding: 10
|
|
rightPadding: 10
|
|
topPadding: 6
|
|
bottomPadding: 6
|
|
}
|
|
}
|
|
|
|
signal clicked()
|
|
signal rightClicked()
|
|
|
|
implicitWidth: row.implicitWidth + horizontalPadding * 2
|
|
implicitHeight: row.implicitHeight + verticalPadding * 2
|
|
radius: 4
|
|
color: mouseArea.pressed ? pressedBackground : (mouseArea.containsMouse ? hoverBackground : (active ? activeBackground : background))
|
|
|
|
Behavior on color {
|
|
ColorAnimation { duration: 120 }
|
|
}
|
|
|
|
Row {
|
|
id: row
|
|
anchors.centerIn: parent
|
|
spacing: 8
|
|
|
|
Text {
|
|
visible: root.iconText !== ""
|
|
text: root.iconText
|
|
color: root.foreground
|
|
font.family: root.fontFamily
|
|
font.pixelSize: root.iconSize
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Text {
|
|
visible: root.text !== ""
|
|
text: root.text
|
|
color: root.foreground
|
|
font.family: root.fontFamily
|
|
font.pixelSize: root.fontSize
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: mouseArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
acceptedButtons: Qt.LeftButton | Qt.RightButton
|
|
onClicked: function(mouse) {
|
|
if (mouse.button === Qt.RightButton) root.rightClicked()
|
|
else root.clicked()
|
|
}
|
|
}
|
|
}
|