refactor: remove command palette HTML and CSS
This commit is contained in:
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -32,7 +32,6 @@
|
|||||||
<button id="back-btn" class="back-btn" aria-label="Back">←</button>
|
<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>
|
<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>
|
<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>
|
</header>
|
||||||
<div class="view-body">
|
<div class="view-body">
|
||||||
<div id="session-sidebar" class="session-sidebar">
|
<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 id="reconnect-overlay" class="reconnect-overlay hidden" aria-live="polite">Reconnecting…</div>
|
||||||
</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">
|
placeholder="Jump to session…" autocomplete="off" spellcheck="false">
|
||||||
<ul id="palette-list" class="command-palette__list" role="listbox" aria-label="Sessions"></ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -353,15 +353,6 @@ body {
|
|||||||
white-space: nowrap;
|
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 {
|
.view-body {
|
||||||
display: flex;
|
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 ─────────────────────────────────────── */
|
/* ─── Mobile Bottom Sheet ─────────────────────────────────────── */
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -66,14 +66,6 @@ def test_css_mobile_tiers():
|
|||||||
assert "session-tile--tier-idle" in css
|
assert "session-tile--tier-idle" in css
|
||||||
|
|
||||||
|
|
||||||
def test_css_command_palette():
|
|
||||||
css = read_css()
|
|
||||||
assert ".command-palette__dialog" in css
|
|
||||||
assert ".command-palette__input" in css
|
|
||||||
assert ".palette-item" in css
|
|
||||||
assert ".palette-item--selected" in css
|
|
||||||
|
|
||||||
|
|
||||||
def test_css_bottom_sheet():
|
def test_css_bottom_sheet():
|
||||||
css = read_css()
|
css = read_css()
|
||||||
assert ".bottom-sheet__panel" in css
|
assert ".bottom-sheet__panel" in css
|
||||||
|
|||||||
@@ -58,24 +58,16 @@ def test_html_required_views() -> None:
|
|||||||
|
|
||||||
|
|
||||||
def test_html_expanded_view_elements() -> None:
|
def test_html_expanded_view_elements() -> None:
|
||||||
"""id=back-btn, expanded-session-name, palette-trigger, reconnect-overlay."""
|
"""id=back-btn, expanded-session-name, reconnect-overlay."""
|
||||||
soup = _SOUP
|
soup = _SOUP
|
||||||
for id_ in (
|
for id_ in (
|
||||||
"back-btn",
|
"back-btn",
|
||||||
"expanded-session-name",
|
"expanded-session-name",
|
||||||
"palette-trigger",
|
|
||||||
"reconnect-overlay",
|
"reconnect-overlay",
|
||||||
):
|
):
|
||||||
assert soup.find(id=id_), f"Missing element with id='{id_}'"
|
assert soup.find(id=id_), f"Missing element with id='{id_}'"
|
||||||
|
|
||||||
|
|
||||||
def test_html_command_palette() -> None:
|
|
||||||
"""id=command-palette, palette-input, palette-list, palette-backdrop."""
|
|
||||||
soup = _SOUP
|
|
||||||
for id_ in ("command-palette", "palette-input", "palette-list", "palette-backdrop"):
|
|
||||||
assert soup.find(id=id_), f"Missing element with id='{id_}'"
|
|
||||||
|
|
||||||
|
|
||||||
def test_html_bottom_sheet() -> None:
|
def test_html_bottom_sheet() -> None:
|
||||||
"""id=bottom-sheet, sheet-list, sheet-backdrop, session-pill, session-pill-label, session-pill-bell."""
|
"""id=bottom-sheet, sheet-list, sheet-backdrop, session-pill, session-pill-label, session-pill-bell."""
|
||||||
soup = _SOUP
|
soup = _SOUP
|
||||||
@@ -240,7 +232,6 @@ def test_html_element_classes() -> None:
|
|||||||
("session-pill", "session-pill", "needs position:fixed to float"),
|
("session-pill", "session-pill", "needs position:fixed to float"),
|
||||||
("toast", "toast", "needs position:fixed and animation"),
|
("toast", "toast", "needs position:fixed and animation"),
|
||||||
("back-btn", "back-btn", "needs border and hover styles"),
|
("back-btn", "back-btn", "needs border and hover styles"),
|
||||||
("palette-trigger", "palette-trigger", "needs border and hover styles"),
|
|
||||||
(
|
(
|
||||||
"expanded-session-name",
|
"expanded-session-name",
|
||||||
"expanded-session-name",
|
"expanded-session-name",
|
||||||
|
|||||||
Reference in New Issue
Block a user