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

Revert "align sidebar toggle layout on collapse"

Browse Source 
This reverts commit 2e5a904034.
This commit is contained in:
Shantur Rathore
2025-12-06 22:31:48 +00:00
parent 2e5a904034
commit 52149f5543
2 changed files with 18 additions and 15 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 when={shouldShowSidebarToggle()}> <Show
<div class="session-sidebar-toggle"> when={shouldShowSidebarToggle() && (!activeSessionIdForInstance() || activeSessionIdForInstance() === "info")}
<button >
type="button" <button
class="session-sidebar-menu-button" type="button"
onClick={() => setIsSidebarOpen(true)} class="session-sidebar-menu-button session-sidebar-menu-button--floating"
aria-controls={sidebarId} onClick={() => setIsSidebarOpen(true)}
aria-expanded={isSidebarOpen()} aria-controls={sidebarId}
aria-label="Open session list" aria-expanded={isSidebarOpen()}
> aria-label="Open session list"
<span aria-hidden="true" class="session-sidebar-menu-icon">☰</span> >
</button> <span aria-hidden="true" class="session-sidebar-menu-icon">☰</span>
</div> </button>
</Show> </Show>
<Show <Show
when={activeSessionIdForInstance() === "info"} when={activeSessionIdForInstance() === "info"}

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

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