Hare/yoi
1
1
Fork 0
Code Actions Packages Releases Activity

web: keep sidebar fold button visible

Browse Source
This commit is contained in:
Keisuke Hirata 2026-07-23 20:57:02 +09:00
parent 6e53df0303
commit 97397a1c4d
No known key found for this signature in database
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/workspace/src/app.css
View File

@ -271,6 +271,12 @@
margin-bottom: var(--space-2);
min-width: 0;
}
.sidebar-control-row,
.sidebar-actions-row {
display: flex;
justify-content: flex-end;
gap: var(--space-1);
}
.sidebar-title-row {
display: flex;
align-items: center;
@ -305,11 +311,6 @@
.error {
color: var(--danger);
}
.sidebar-actions-row {
display: flex;
justify-content: flex-end;
gap: var(--space-1);
}
.sidebar-icon-button,
.sidebar-fold-button {
flex: 0 0 auto;
@ -349,6 +350,7 @@
.workspace-sidebar.folded .sidebar-header {
margin-bottom: 0;
}
.workspace-sidebar.folded .sidebar-control-row,
.workspace-sidebar.folded .sidebar-title-row,
.workspace-sidebar.folded .sidebar-actions-row {
justify-content: center;

30
web/workspace/src/lib/workspace/sidebar/WorkspaceSidebar.svelte
View File

@ -37,20 +37,7 @@
aria-label="Workspace navigation"
>
<header class="sidebar-header">
<div class="sidebar-title-row">
<div class="workspace-label">
{#if workspace}
<div class="workspace-name">{workspace.display_name}</div>
{:else}
<div class="workspace-name">Yoi workspace</div>
{#if workspaceError}
<p class="workspace-status error">Workspace summary unavailable.</p>
{:else}
<p class="workspace-status">Loading workspace…</p>
{/if}
{/if}
</div>
<div class="sidebar-control-row">
<button
class="sidebar-fold-button"
type="button"
@ -73,6 +60,21 @@
</button>
</div>
<div class="sidebar-title-row">
<div class="workspace-label">
{#if workspace}
<div class="workspace-name">{workspace.display_name}</div>
{:else}
<div class="workspace-name">Yoi workspace</div>
{#if workspaceError}
<p class="workspace-status error">Workspace summary unavailable.</p>
{:else}
<p class="workspace-status">Loading workspace…</p>
{/if}
{/if}
</div>
</div>
<div class="sidebar-actions-row">
<a
class="sidebar-icon-button"