Add tooltips, fix tray menu

Components/StyledTooltip.qml

@@ -0,0 +1,84 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Window 2.15
+import qs.Settings
+
+Window {
+    id: tooltipWindow
+    property string text: ""
+    property bool tooltipVisible: false
+    property Item targetItem: null
+    property int delay: 300
+    flags: Qt.ToolTip | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint
+    color: "transparent"
+    visible: false
+    minimumWidth: Math.max(minimumWidth, tooltipText.implicitWidth + 24)
+    minimumHeight: Math.max(minimumHeight, tooltipText.implicitHeight + 16)
+    property var _timerObj: null
+    onTooltipVisibleChanged: {
+        if (tooltipVisible) {
+            if (delay > 0) {
+                if (_timerObj) { _timerObj.destroy(); _timerObj = null; }
+                _timerObj = Qt.createQmlObject('import QtQuick 2.0; Timer { interval: ' + delay + '; running: true; repeat: false; onTriggered: tooltipWindow._showNow() }', tooltipWindow);
+            } else {
+                _showNow();
+            }
+        } else {
+            _hideNow();
+        }
+    }
+    function _showNow() {
+        if (!targetItem) return;
+        var pos = targetItem.mapToGlobal(0, targetItem.height);
+        x = pos.x - width / 2 + targetItem.width / 2;
+        y = pos.y + 8;
+        visible = true;
+        console.log("StyledTooltip _showNow called");
+        console.log("StyledTooltip Theme.textPrimary:", Theme.textPrimary);
+    }
+    function _hideNow() {
+        visible = false;
+        if (_timerObj) { _timerObj.destroy(); _timerObj = null; }
+    }
+    Connections {
+        target: targetItem
+        onXChanged: if (tooltipWindow.visible) tooltipWindow._showNow()
+        onYChanged: if (tooltipWindow.visible) tooltipWindow._showNow()
+        onWidthChanged: if (tooltipWindow.visible) tooltipWindow._showNow()
+        onHeightChanged: if (tooltipWindow.visible) tooltipWindow._showNow()
+    }
+    Component.onCompleted: console.log("Tooltip window loaded")
+    Rectangle {
+        anchors.fill: parent
+        radius: 6
+        color: "#222"
+        border.color: Theme.border || "#444"
+        border.width: 1
+        opacity: 0.97
+        z: 1
+    }
+    Text {
+        id: tooltipText
+        text: tooltipWindow.text
+        color: Theme.textPrimary
+        font.family: Theme.fontFamily
+        font.pixelSize: Theme.fontSizeSmall
+        anchors.centerIn: parent
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        wrapMode: Text.Wrap
+        padding: 8
+        z: 2
+    }
+    MouseArea {
+        anchors.fill: parent
+        hoverEnabled: true
+        onExited: tooltipWindow.tooltipVisible = false
+        cursorShape: Qt.ArrowCursor
+    }
+    onTextChanged: {
+        width = Math.max(minimumWidth, tooltipText.implicitWidth + 24);
+        height = Math.max(minimumHeight, tooltipText.implicitHeight + 16);
+    }
+
+}