Skip to content

feat(swa): pin sidebar to the left edge with top-bar styling#61

Merged
github-actions[bot] merged 1 commit into
devfrom
feature/swa-fixed-sidebar
Jun 17, 2026
Merged

feat(swa): pin sidebar to the left edge with top-bar styling#61
github-actions[bot] merged 1 commit into
devfrom
feature/swa-fixed-sidebar

Conversation

@Ryback2501

Copy link
Copy Markdown
Owner

Summary

  • Pin the section sidebar to the left edge of the viewport and give it the same surface background and border as the top header bar.

Changes

SWA (swa/)

  • style.css.sidebar is now position: fixed at the left edge (full height, fixed width), with background: var(--surface) and border-right: 1px solid var(--border) to match the top bar; z-index: 40 keeps it below the header and modals, and top padding clears the header. Added body.signed-in .app-shell left padding so content does not slide under the fixed rail.
  • app.js — toggle a signed-in class on <body> in updateIdentityUI so the content offset applies only while logged in.

Test plan

  • Log in and confirm the icon rail is pinned to the left edge of the window and stays in place while scrolling.
  • Confirm the rail's background and border match the top header bar.
  • Confirm content panels are not hidden behind the rail at desktop and narrow widths.
  • Log out and confirm the rail disappears and the content offset is removed.

@github-actions github-actions Bot merged commit ef19a15 into dev Jun 17, 2026
10 checks passed
@github-actions github-actions Bot deleted the feature/swa-fixed-sidebar branch June 17, 2026 11:40
@Ryback2501 Ryback2501 mentioned this pull request Jun 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant