josh/electric-cherry
1
0
Fork 0
Code Issues 18 Pull Requests Actions Packages Projects Releases Wiki Activity

Remove help button while retaining keyboard shortcuts

Browse Source
This commit is contained in:
josh
2026-10-05 17:26:25 -04:00
parent b62fb5db30
commit 6ad5e7f4c6
1 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/+layout.svelte
+2 -9
View File
@@ -205,9 +205,6 @@
</a>
{/each}
</div>
<div class="nav-tools" class:expanded={menuOpen}>
<button class="utility" aria-label="Keyboard shortcuts" title="Keyboard shortcuts (?)" onclick={() => openHelp()}>?</button>
</div>
{/if}
</nav>
{#if sessionReady && secondary.length}<div class="subnav"><div role="navigation" aria-label="Section">{#each secondary as item}<a href={item.href} aria-current={secondaryActive(item.href) ? 'page' : undefined}>{item.label}</a>{/each}</div></div>{/if}
@@ -266,7 +263,7 @@
main.auth-main { max-width:520px; padding-top:16px; }
.viewer-note { display:flex; gap:8px 16px; flex-wrap:wrap; padding:14px 18px; margin-bottom:24px; border:1px solid var(--border-subtle); border-radius:var(--radius-md); background:var(--surface); font-size:var(--text-sm); color:var(--text-secondary); } .viewer-note strong { color:var(--text-primary); }
.account-menu { position:relative; }
.header-actions { order:3; display:flex; align-items:center; gap:var(--space-2); margin-left:auto; }
.header-actions { order:2; display:flex; align-items:center; gap:var(--space-2); margin-left:auto; }
.account-button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--border-strong); border-radius:50%; background:color-mix(in oklab, var(--accent-primary) 12%, var(--surface)); color:var(--accent-primary-hover); font:inherit; font-weight:var(--weight-semibold); cursor:pointer; transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard); }
.account-button:hover,.account-button[aria-expanded='true'] { background:var(--surface-raised); border-color:var(--accent-primary-hover); }
.account-name { padding:8px 12px 12px; margin-bottom:4px; border-bottom:1px solid var(--border-subtle); color:var(--text-secondary); font-size:var(--text-sm); overflow-wrap:anywhere; }
@@ -335,8 +332,6 @@
view-transition-name: nav-active;
}
.nav-tools { order: 2; display: flex; align-items: center; gap: 6px; margin-left: auto; }
.utility { background: var(--surface-raised); color: var(--text-secondary); border: 1px solid var(--border-strong); padding: 8px 10px; border-radius: var(--radius-md); cursor: pointer; font: inherit; font-size: var(--text-xs); white-space: nowrap; }
.shortcuts { display: grid; gap: 12px; margin: 0; }
.shortcuts > div { display: flex; gap: 20px; align-items: center; }
.shortcuts dt { min-width: 55px; }
@@ -380,10 +375,8 @@
}
.menu-toggle:focus-visible { box-shadow: var(--focus-ring); }
.tabs { display: none; width: 100%; margin: 0; }
.tabs.expanded { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); padding: var(--space-3) 0 4px; max-height:calc(100dvh - 128px - env(safe-area-inset-top)); overflow-y:auto; }
.tabs.expanded { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); padding: var(--space-3) 0 4px; max-height:calc(100dvh - 72px - env(safe-area-inset-top)); overflow-y:auto; }
.tabs a { display: flex; align-items: center; min-height: 44px; border-radius: var(--radius-md); }
.nav-tools { display: none; }
.nav-tools.expanded { display: flex; width: 100%; padding-top: 8px; }
}
@media (max-width: 400px) {
.menu-label { display:none; }