Monitor overlay toolbars: add button to move to opposite corner to avoid getting in the way

src/monitor/view/SceneToolBar.qml

@@ -8,6 +8,7 @@ Rectangle {
     objectName: "scenetoolbar"
     width: fullscreenButton.width
     height: childrenRect.height
+    property bool rightSide: true
     SystemPalette { id: myPalette; colorGroup: SystemPalette.Active }
     color: Qt.rgba(myPalette.window.r, myPalette.window.g, myPalette.window.b, 0.7)
     radius: 4
@@ -67,5 +68,21 @@ Rectangle {
                 root.isClipMonitor ? controller.triggerAction('delete_clip_marker') : controller.triggerAction('delete_guide')
             }
         }
+        ToolButton {
+            objectName: "moveBar"
+            iconName: "transform-move-horizontal"
+            tooltip: i18n("Move Toolbar")
+            onClicked: {
+                if (scenetoolbar.rightSide) {
+                    scenetoolbar.anchors.right = undefined
+                    scenetoolbar.anchors.left = scenetoolbar.parent.left
+                    scenetoolbar.rightSide = false
+                } else {
+                    scenetoolbar.anchors.left = undefined
+                    scenetoolbar.anchors.right = scenetoolbar.parent.right
+                    scenetoolbar.rightSide = true
+                }
+            }
+        }
     }
 }

src/monitor/view/kdenliveclipmonitor.qml

@@ -76,8 +76,9 @@ Item {
             top: parent.top
             topMargin: 4
             rightMargin: 4
+            leftMargin: 4
         }
-        visible: barOverArea.mouseX >= x - 10
+        visible: sceneToolBar.rightSide ? barOverArea.mouseX >= x - 10 : barOverArea.mouseX < x + width + 10
     }
 
     Item {

src/monitor/view/kdenlivemonitor.qml

@@ -73,8 +73,9 @@ Item {
             top: parent.top
             topMargin: 4
             rightMargin: 4
+            leftMargin: 4
         }
-        visible: barOverArea.mouseX >= x - 10
+        visible: sceneToolBar.rightSide ? barOverArea.mouseX >= x - 10 : barOverArea.mouseX < x + width + 10
     }
 
     Item {

src/monitor/view/kdenlivemonitorcornerscene.qml

@@ -203,8 +203,9 @@ Item {
             top: parent.top
             topMargin: 4
             rightMargin: 4
+            leftMargin: 4
         }
-        visible: global.mouseX >= x - 10
+        visible: effectToolBar.rightSide ? global.mouseX >= x - 10 : global.mouseX < x + width + 10
     }
     MonitorRuler {
         id: clipMonitorRuler

src/monitor/view/kdenlivemonitoreffectscene.qml

@@ -552,8 +552,9 @@ Item {
             top: parent.top
             topMargin: 4
             rightMargin: 4
+            leftMargin: 4
         }
-        visible: global.mouseX >= x - 10
+        visible: effectToolBar.rightSide ? global.mouseX >= x - 10 : global.mouseX < x + width + 10
     }
     MonitorRuler {
         id: clipMonitorRuler

src/monitor/view/kdenlivemonitorrotoscene.qml

@@ -364,8 +364,9 @@ Item {
             top: parent.top
             topMargin: 4
             rightMargin: 4
+            leftMargin: 4
         }
-        visible: global.mouseX >= x - 10
+        visible: effectToolBar.rightSide ? global.mouseX >= x - 10 : global.mouseX < x + width + 10
     }
     MonitorRuler {
         id: clipMonitorRuler