diff options
| author | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-09-18 15:19:15 +1000 |
|---|---|---|
| committer | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-09-18 15:19:15 +1000 |
| commit | 85d575f6c18017693cb2f3ab07314a0cf43adbe6 (patch) | |
| tree | 89540859a71162c28c8419af49c75cc3634e6b70 /modules/sidebar/Background.qml | |
| parent | launcher: fix open anim (diff) | |
| download | caelestia-shell-85d575f6c18017693cb2f3ab07314a0cf43adbe6.tar.gz caelestia-shell-85d575f6c18017693cb2f3ab07314a0cf43adbe6.tar.bz2 caelestia-shell-85d575f6c18017693cb2f3ab07314a0cf43adbe6.zip | |
feat: add sidebar
WIP
Diffstat (limited to 'modules/sidebar/Background.qml')
| -rw-r--r-- | modules/sidebar/Background.qml | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/modules/sidebar/Background.qml b/modules/sidebar/Background.qml new file mode 100644 index 0000000..beefdf5 --- /dev/null +++ b/modules/sidebar/Background.qml @@ -0,0 +1,52 @@ +import qs.components +import qs.services +import qs.config +import QtQuick +import QtQuick.Shapes + +ShapePath { + id: root + + required property Wrapper wrapper + required property var panels + + readonly property real rounding: Config.border.rounding + + readonly property real notifsWidthDiff: panels.notifications.width - wrapper.width + readonly property real notifsRoundingX: panels.notifications.height > 0 && notifsWidthDiff < rounding * 2 ? notifsWidthDiff / 2 : rounding + + readonly property real utilsWidthDiff: panels.utilities.width - wrapper.width + readonly property real utilsRoundingX: utilsWidthDiff < rounding * 2 ? utilsWidthDiff / 2 : rounding + + strokeWidth: -1 + fillColor: Colours.palette.m3surface + + PathLine { + relativeX: -root.wrapper.width - root.notifsRoundingX + relativeY: 0 + } + PathArc { + relativeX: root.notifsRoundingX + relativeY: root.rounding + radiusX: root.notifsRoundingX + radiusY: root.rounding + } + PathLine { + relativeX: 0 + relativeY: root.wrapper.height - root.rounding * 2 + } + PathArc { + relativeX: -root.utilsRoundingX + relativeY: root.rounding + radiusX: root.utilsRoundingX + radiusY: root.rounding + } + PathLine { + relativeX: root.wrapper.width + root.utilsRoundingX + relativeY: 0 + } + + Behavior on fillColor { + CAnim {} + } +} |