Taskbar improvements

- Fix broken tooltip and truncate them if too long
- Fix SystemInfo width which can lead to blurry image in the taskbar

Bar/Modules/SystemInfo.qml

@@ -8,6 +8,10 @@ Row {
     spacing: 10
     visible: Settings.settings.showSystemInfoInBar
 
+    // The width calculation below is required to ensure our row width is an integer.
+    // If omitted the next component to the right might get blurry (Taskbar icons).
+    width: Math.floor(cpuUsageLayout.width + cpuTempLayout.width + memoryUsageLayout.width + (2 * 10))
+
     Row {
         id: cpuUsageLayout
         spacing: 6

Bar/Modules/Taskbar.qml

@@ -15,6 +15,7 @@ Item {
     // Attach custom tooltip
     StyledTooltip {
         id: styledTooltip
+        positionAbove: false
     }
 
     function getAppIcon(toplevel: Toplevel): string {
@@ -94,7 +95,8 @@ Item {
                     cursorShape: Qt.PointingHandCursor
 
                     onEntered: {
-                        styledTooltip.text = appTitle || appId;
+                        var text = appTitle || appId;
+                        styledTooltip.text = text.length > 60 ? text.substring(0, 60) + "..." : text;
                         styledTooltip.targetItem = appButton;
                         styledTooltip.tooltipVisible = true;
                     }

Components/StyledTooltip.qml

@@ -16,8 +16,6 @@ Window {
     color: "transparent"
     visible: false
 
-    minimumWidth: Math.max(50, tooltipText.implicitWidth + 24)
-    minimumHeight: Math.max(50, tooltipText.implicitHeight + 16)
     property var _timerObj: null
 
     onTooltipVisibleChanged: {
@@ -36,6 +34,9 @@ Window {
     }
 
     function _showNow() {
+        width = Math.max(50, tooltipText.implicitWidth + 24)
+        height = Math.max(50, tooltipText.implicitHeight + 16)
+
         if (!targetItem) return;
 
         if (positionAbove) {