nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat(bar): popouts drop down from the top bar — Phase B

Browse source 
The bar hover fly-outs (wifi/audio/bluetooth/tray/active-window) slid out
sideways from the old left edge; now they drop DOWN from the top bar:

- ClipWrapper.qml: the collapsing/slide axis is now height (was width); the
  popout is positioned along the bar by x (from the hovered widget's x-centre,
  via currentCenter) and docks at the top edge; the dock<->detach animation
  guard moves to the x (along-bar) axis. The content slides in via a negative
  top margin instead of left margin.
- Wrapper.qml: mirror the size-transition animation guards (height is now the
  always-animated extent axis, width the gated along-bar axis).

Verified live in the dev VM: all popouts open downward under their widget.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
28allday 2026-06-13 23:34:44 +01:00
parent b1e2bb3bc6
commit 8bada1d61a
2 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
modules/bar/popouts/ClipWrapper.qml
View file

@ -12,21 +12,24 @@ Item {
required property real borderThickness required property real borderThickness
readonly property alias content: content readonly property alias content: content
property real offsetScale: x > 0 || content.hasCurrent ? 0 : 1 property real offsetScale: y > 0 || content.hasCurrent ? 0 : 1
visible: width > 0 && height > 0 visible: width > 0 && height > 0
clip: true clip: true
implicitWidth: content.implicitWidth * (1 - offsetScale) // NoSignal top bar: popouts drop DOWN from the bar. The collapsing axis is
implicitHeight: content.implicitHeight // now height (was width for the vertical left bar); position along the bar
// is x (from the hovered widget's x-centre), the docked edge is the top.
implicitWidth: content.implicitWidth
implicitHeight: content.implicitHeight * (1 - offsetScale)
x: content.isDetached ? (parent.width - content.nonAnimWidth) / 2 : 0 y: content.isDetached ? (parent.height - content.nonAnimHeight) / 2 : 0
y: { x: {
if (content.isDetached) if (content.isDetached)
return (parent.height - content.nonAnimHeight) / 2; return (parent.width - content.nonAnimWidth) / 2;
const off = content.currentCenter - borderThickness - content.nonAnimHeight / 2; const off = content.currentCenter - borderThickness - content.nonAnimWidth / 2;
const diff = parent.height - Math.floor(off + content.nonAnimHeight); const diff = parent.width - Math.floor(off + content.nonAnimWidth);
if (diff < 0) if (diff < 0)
return off + diff; return off + diff;
return Math.max(off, 0); return Math.max(off, 0);
@ -36,14 +39,14 @@ Item {
Anim {} Anim {}
} }
Behavior on x { Behavior on y {
Anim { Anim {
duration: content.animLength duration: content.animLength
easing: content.animCurve easing: content.animCurve
} }
} }
Behavior on y { Behavior on x {
enabled: root.offsetScale < 1 enabled: root.offsetScale < 1
Anim { Anim {
@ -58,8 +61,8 @@ Item {
screen: root.screen screen: root.screen
offsetScale: root.offsetScale offsetScale: root.offsetScale
anchors.verticalCenter: parent.verticalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.left: parent.left anchors.top: parent.top
anchors.leftMargin: (-implicitWidth - 5) * root.offsetScale anchors.topMargin: (-implicitHeight - 5) * root.offsetScale
} }
} }

4
modules/bar/popouts/Wrapper.qml
View file

@ -149,14 +149,14 @@ Item {
} }
} }
Behavior on implicitWidth { Behavior on implicitHeight {
Anim { Anim {
duration: root.animLength duration: root.animLength
easing: root.animCurve easing: root.animCurve
} }
} }
Behavior on implicitHeight { Behavior on implicitWidth {
enabled: root.offsetScale < 1 enabled: root.offsetScale < 1
Anim { Anim {