web: keep sidebar fold button visible

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

View File

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

View File

@ -37,20 +37,7 @@
aria-label="Workspace navigation" aria-label="Workspace navigation"
> >
<header class="sidebar-header"> <header class="sidebar-header">
<div class="sidebar-title-row"> <div class="sidebar-control-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>
<button <button
class="sidebar-fold-button" class="sidebar-fold-button"
type="button" type="button"
@ -73,6 +60,21 @@
</button> </button>
</div> </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"> <div class="sidebar-actions-row">
<a <a
class="sidebar-icon-button" class="sidebar-icon-button"