popouts: fix bottom glitch

Fix flicker when popout hits bottom
Also animate bottom rounding change

1 files changed, 12 insertions, 3 deletions

diff --git a/modules/bar/popouts/Background.qml b/modules/bar/popouts/Background.qml
index 2a6d6d2..a56b0b7 100644
--- a/modules/bar/popouts/Background.qml
+++ b/modules/bar/popouts/Background.qml
@@ -11,6 +11,7 @@ ShapePath {
     readonly property real rounding: BorderConfig.rounding
     readonly property bool flatten: wrapper.width < rounding * 2
     readonly property real roundingX: flatten ? wrapper.width / 2 : rounding
+    property real ibr: invertBottomRounding ? -1 : 1
 
     strokeWidth: -1
     fillColor: BorderConfig.colour
@@ -37,14 +38,14 @@ ShapePath {
         relativeY: root.wrapper.height - root.rounding * 2
     }
     PathArc {
-        relativeX: root.invertBottomRounding ? root.roundingX : -root.roundingX
+        relativeX: -root.roundingX * root.ibr
         relativeY: root.rounding
         radiusX: Math.min(root.rounding, root.wrapper.width)
         radiusY: root.rounding
-        direction: root.invertBottomRounding ? PathArc.Counterclockwise : PathArc.Clockwise
+        direction: root.ibr < 0 ? PathArc.Counterclockwise : PathArc.Clockwise
     }
     PathLine {
-        relativeX: -(root.wrapper.width - root.roundingX * (root.invertBottomRounding ? 0 : 2))
+        relativeX: -(root.wrapper.width - root.roundingX - root.roundingX * root.ibr)
         relativeY: 0
     }
     PathArc {
@@ -62,4 +63,12 @@ ShapePath {
             easing.bezierCurve: Appearance.anim.curves.standard
         }
     }
+
+    Behavior on ibr {
+        NumberAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
 }