web: keep sidebar fold button visible
This commit is contained in:
parent
6e53df0303
commit
97397a1c4d
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user