fix control center positioning

Modules/ControlCenter/ControlCenterPopout.qml

@@ -18,6 +18,18 @@ PanelWindow {
     property string currentTab: "network"
     property bool powerOptionsExpanded: false
     property var triggerScreen: null
+    property real triggerX: Screen.width - 600 - Theme.spacingL
+    property real triggerY: Theme.barHeight + Theme.spacingXS
+    property real triggerWidth: 80
+    property string triggerSection: "right"
+
+    function setTriggerPosition(x, y, width, section, screen) {
+        triggerX = x;
+        triggerY = y;
+        triggerWidth = width;
+        triggerSection = section;
+        triggerScreen = screen;
+    }
 
     signal powerActionRequested(string action, string title, string message)
     signal lockRequested()
@@ -50,14 +62,32 @@ PanelWindow {
     Loader {
         id: contentLoader
 
-        readonly property real targetWidth: Math.min(600, (root.screen ? root.screen.width : Screen.width) - Theme.spacingL * 2)
+        readonly property real screenWidth: root.screen ? root.screen.width : Screen.width
+        readonly property real screenHeight: root.screen ? root.screen.height : Screen.height
+        readonly property real targetWidth: Math.min(600, screenWidth - Theme.spacingL * 2)
 
         asynchronous: true
         active: controlCenterVisible
         width: targetWidth
         height: root.powerOptionsExpanded ? 570 : 500
         y: Theme.barHeight + Theme.spacingXS
-        x: Math.max(Theme.spacingL, (root.screen ? root.screen.width : Screen.width) - targetWidth - Theme.spacingL)
+        x: {
+            var centerX = root.triggerX + (root.triggerWidth / 2) - (targetWidth / 2);
+            
+            if (centerX >= Theme.spacingM && centerX + targetWidth <= screenWidth - Theme.spacingM) {
+                return centerX;
+            }
+            
+            if (centerX < Theme.spacingM) {
+                return Theme.spacingM;
+            }
+            
+            if (centerX + targetWidth > screenWidth - Theme.spacingM) {
+                return screenWidth - targetWidth - Theme.spacingM;
+            }
+            
+            return centerX;
+        }
         opacity: controlCenterVisible ? 1 : 0
         scale: controlCenterVisible ? 1 : 0.9
 

Modules/TopBar/ControlCenterButton.qml

@@ -7,6 +7,9 @@ Rectangle {
     id: root
 
     property bool isActive: false
+    property string section: "right"
+    property var popupTarget: null
+    property var parentScreen: null
 
     signal clicked()
 
@@ -118,6 +121,13 @@ Rectangle {
         hoverEnabled: true
         cursorShape: Qt.PointingHandCursor
         onClicked: {
+            if (popupTarget && popupTarget.setTriggerPosition) {
+                var globalPos = mapToGlobal(0, 0);
+                var currentScreen = parentScreen || Screen;
+                var screenX = currentScreen.x || 0;
+                var relativeX = globalPos.x - screenX;
+                popupTarget.setTriggerPosition(relativeX, Theme.barHeight + Theme.spacingXS, width, section, currentScreen);
+            }
             root.clicked();
         }
     }

Modules/TopBar/TopBar.qml

@@ -678,6 +678,14 @@ PanelWindow {
 
                 ControlCenterButton {
                     isActive: controlCenterPopout.controlCenterVisible
+                    section: {
+                        if (parent && parent.parent === leftSection) return "left";
+                        if (parent && parent.parent === rightSection) return "right";
+                        if (parent && parent.parent === centerSection) return "center";
+                        return "right";
+                    }
+                    popupTarget: controlCenterPopout
+                    parentScreen: root.screen
                     onClicked: {
                         controlCenterPopout.triggerScreen = root.screen;
                         controlCenterPopout.controlCenterVisible = !controlCenterPopout.controlCenterVisible;