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

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

@@ -194,11 +194,12 @@ 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 <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()}
@@ -206,7 +207,6 @@ const InstanceShell: Component<InstanceShellProps> = (props) => {
> >
<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,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 {