TrayMenu: fix dynamic scaling

Modules/Bar/Extras/TrayMenu.qml

@@ -17,6 +17,15 @@ PopupWindow {
   property ShellScreen screen
   property real scaling: ScalingService.getScreenScale(screen)
 
+  Connections {
+    target: ScalingService
+    function onScaleChanged(screenName, scale) {
+      if ((screen != null) && (screenName === screen.name)) {
+        scaling = scale
+      }
+    }
+  }
+
   readonly property int menuWidth: 180
 
   implicitWidth: menuWidth * scaling

Modules/Bar/Widgets/Tray.qml

@@ -17,6 +17,14 @@ Rectangle {
   property real scaling: 1.0
   readonly property real itemSize: 24 * scaling
 
+  function onLoaded() {
+    // When the widget is fully initialized with its props
+    // set the screen for the trayMenu
+    if (trayMenu.item) {
+      trayMenu.item.screen = screen
+    }
+  }
+
   visible: SystemTray.items.values.length > 0
   implicitWidth: tray.width + Style.marginM * scaling * 2
   implicitHeight: Math.round(Style.capsuleHeight * scaling)
@@ -155,13 +163,7 @@ Rectangle {
 
     Loader {
       id: trayMenu
-      source: "../Extras/TrayMenu.qml"
-
-      onLoaded: {
-        if (item) {
-          item.screen = screen
-        }
-      }
+      source: "../Extras/TrayMenu.qml"     
     }
   }
 }