diff options
| author | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-07-10 12:59:10 +1000 |
|---|---|---|
| committer | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-07-10 12:59:10 +1000 |
| commit | 6eb216475658dda3f921b176ffd6740fc65784ce (patch) | |
| tree | 0a9e26048df28928399f14fa0359ad85b9bf78e9 /modules/utilities/Background.qml | |
| parent | lock: fix input dragging (diff) | |
| download | caelestia-shell-6eb216475658dda3f921b176ffd6740fc65784ce.tar.gz caelestia-shell-6eb216475658dda3f921b176ffd6740fc65784ce.tar.bz2 caelestia-shell-6eb216475658dda3f921b176ffd6740fc65784ce.zip | |
internal: add utilities panel base
Diffstat (limited to 'modules/utilities/Background.qml')
| -rw-r--r-- | modules/utilities/Background.qml | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/modules/utilities/Background.qml b/modules/utilities/Background.qml new file mode 100644 index 0000000..77fd2e5 --- /dev/null +++ b/modules/utilities/Background.qml @@ -0,0 +1,58 @@ +import "root:/services" +import "root:/config" +import Quickshell +import QtQuick +import QtQuick.Shapes + +ShapePath { + id: root + + required property Wrapper wrapper + readonly property real rounding: Config.border.rounding + readonly property bool flatten: wrapper.height < rounding * 2 + readonly property real roundingY: flatten ? wrapper.height / 2 : rounding + + strokeWidth: -1 + fillColor: Colours.palette.m3surface + + PathLine { + relativeX: -(root.wrapper.width + root.rounding) + relativeY: 0 + } + PathArc { + relativeX: root.rounding + relativeY: -root.roundingY + radiusX: root.rounding + radiusY: Math.min(root.rounding, root.wrapper.height) + direction: PathArc.Counterclockwise + } + PathLine { + relativeX: 0 + relativeY: -(root.wrapper.height - root.roundingY * 2) + } + PathArc { + relativeX: root.rounding + relativeY: -root.roundingY + radiusX: root.rounding + radiusY: Math.min(root.rounding, root.wrapper.height) + } + PathLine { + relativeX: root.wrapper.height > 0 ? root.wrapper.width - root.rounding * 2 : root.wrapper.width + relativeY: 0 + } + PathArc { + relativeX: root.rounding + relativeY: -root.rounding + radiusX: root.rounding + radiusY: root.rounding + direction: PathArc.Counterclockwise + } + + Behavior on fillColor { + ColorAnimation { + duration: Appearance.anim.durations.normal + easing.type: Easing.BezierSpline + easing.bezierCurve: Appearance.anim.curves.standard + } + } +} |