refactor: remove command palette HTML and CSS
This commit is contained in:
@@ -32,7 +32,6 @@
|
||||
<button id="back-btn" class="back-btn" aria-label="Back">←</button>
|
||||
<button id="sidebar-toggle-btn" class="sidebar-toggle-btn" aria-label="Toggle session list">☰</button>
|
||||
<span id="expanded-session-name" class="expanded-session-name"></span>
|
||||
<button id="palette-trigger" class="palette-trigger" aria-label="Open command palette">⌘K</button>
|
||||
</header>
|
||||
<div class="view-body">
|
||||
<div id="session-sidebar" class="session-sidebar">
|
||||
@@ -47,13 +46,7 @@
|
||||
<div id="reconnect-overlay" class="reconnect-overlay hidden" aria-live="polite">Reconnecting…</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Command palette ───────────────────────────────────────────────────── -->
|
||||
<div id="command-palette" class="command-palette hidden" role="dialog" aria-modal="true" aria-label="Switch session">
|
||||
<div class="command-palette__backdrop" id="palette-backdrop"></div>
|
||||
<div class="command-palette__dialog">
|
||||
<input id="palette-input" class="command-palette__input" type="text"
|
||||
placeholder="Jump to session…" autocomplete="off" spellcheck="false">
|
||||
<ul id="palette-list" class="command-palette__list" role="listbox" aria-label="Sessions"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -353,15 +353,6 @@ body {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.palette-trigger {
|
||||
background: none;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 4px;
|
||||
color: var(--text-dim);
|
||||
font-size: 12px;
|
||||
padding: 4px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.view-body {
|
||||
display: flex;
|
||||
@@ -687,95 +678,6 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
Command palette overlay (desktop session switching)
|
||||
============================================================ */
|
||||
|
||||
.command-palette {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 200;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding-top: 15vh;
|
||||
}
|
||||
|
||||
.command-palette__backdrop {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: var(--bg-overlay);
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
|
||||
.command-palette__dialog {
|
||||
position: relative;
|
||||
width: min(440px, 90vw);
|
||||
background: var(--bg-header);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.command-palette__input {
|
||||
width: 100%;
|
||||
padding: 14px 16px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--border);
|
||||
color: var(--text);
|
||||
font-size: 14px;
|
||||
font-family: var(--font-ui);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.command-palette__input::placeholder {
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
.command-palette__list {
|
||||
list-style: none;
|
||||
max-height: 320px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.palette-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 16px;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
color: var(--text-muted);
|
||||
transition: background var(--t-fast);
|
||||
}
|
||||
|
||||
.palette-item:hover,
|
||||
.palette-item--selected {
|
||||
background: var(--accent-dim);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.palette-item__index {
|
||||
font-size: 11px;
|
||||
color: var(--text-dim);
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.palette-item__name {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.palette-item__bell {
|
||||
color: var(--bell);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.palette-item__time {
|
||||
font-size: 11px;
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
/* ─── Mobile Bottom Sheet ─────────────────────────────────────── */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user