salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

align sidebar toggle layout on collapse

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-06 22:30:37 +00:00
parent f1ad1400a7
commit 2e5a904034
2 changed files with 15 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/ui/src/components/instance/instance-shell.tsx
View File

@@ -194,19 +194,19 @@ const InstanceShell: Component<InstanceShellProps> = (props) => {
</div> </div>
<div class="content-area flex-1 min-h-0 overflow-hidden flex flex-col"> <div class="content-area flex-1 min-h-0 overflow-hidden flex flex-col">
<Show <Show when={shouldShowSidebarToggle()}>
when={shouldShowSidebarToggle() && (!activeSessionIdForInstance() || activeSessionIdForInstance() === "info")} <div class="session-sidebar-toggle">
> <button
<button type="button"
type="button" class="session-sidebar-menu-button"
class="session-sidebar-menu-button session-sidebar-menu-button--floating" onClick={() => setIsSidebarOpen(true)}
onClick={() => setIsSidebarOpen(true)} aria-controls={sidebarId}
aria-controls={sidebarId} aria-expanded={isSidebarOpen()}
aria-expanded={isSidebarOpen()} aria-label="Open session list"
aria-label="Open session list" >
> <span aria-hidden="true" class="session-sidebar-menu-icon">☰</span>
<span aria-hidden="true" class="session-sidebar-menu-icon">☰</span> </button>
</button> </div>
</Show> </Show>
<Show <Show
when={activeSessionIdForInstance() === "info"} when={activeSessionIdForInstance() === "info"}

7
packages/ui/src/styles/panels/session-layout.css
View File

@@ -50,11 +50,8 @@
z-index: 30; z-index: 30;
} }
.session-sidebar-menu-button--floating { .session-sidebar-toggle {
position: absolute; @apply border-b border-base px-4 py-3 bg-surface-secondary;
top: 1rem;
left: 1rem;
z-index: 20;
} }
.session-sidebar-header { .session-sidebar-header {