fix(slint): cap search input width; sidebar flush below jumpnav

Two precision fixes from the latest screenshot pass.

Search input:
  - The expanded input was claiming the full center-region width
    (everything between the JUMP TO label and the close icon),
    reading as a "gigante" slab. Caps the open width at 360px and
    keeps the right-edge anchor so it expands inward from the
    search icon, matching Tauri's `.search-input-container` shape.

Network sidebar top edge:
  - natural-top moves from 320px to 334px (= jump-nav natural-top
    290 + jump-nav height 44). The sidebar now starts flush with
    the bottom edge of the JUMP TO bar instead of sliding behind
    its last 14px ("se come un cachito").

cc
This commit is contained in:
vicrodh committed 2026-05-20 13:37:43 -06:00
1 parent 2b5e4aead1
commit 6d6a5c0e10
2 files changed
+16 -11

No files matched your search

@@ -720,16 +720,14 @@ export component ArtistPageView inherits Rectangle {
// bottom edge is always flush with the now-playing bar
// (height = root.height - y), so no gap appears when sticky.
if NetworkSidebarState.open: sidebar-panel := Rectangle {
// 320px = NavButtons + artist header + 36px spacer (the
// natural y of the body row). At scroll = 0 the sidebar
// sits below the header; as the user scrolls down, y
// tracks page-flickable.viewport-y until it hits
// sticky-top.
property <length> natural-top: 320px;
// 44px reserves room for a future sticky JUMP TO bar
// (parked at viewport top once the header scrolls away).
// Until that lands, the value is harmless — the sidebar
// simply sticks at y = 44 instead of y = 0.
// 334px = jump-nav natural-top (290) + jump-nav height
// (44). Starts the sidebar flush with the bottom edge of
// the JUMP TO bar, never sliding behind it. As the user
// scrolls down, y tracks page-flickable.viewport-y until
// it hits sticky-top.
property <length> natural-top: 334px;
// 44px parks the sidebar just below the sticky JUMP TO
// bar (jump-nav's height) once the header scrolls away.
property <length> sticky-top: 44px;
x: root.width - self.width;