engineering/lumbda
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

repl: sticky tabbar — header scrolls away, tabs stay pinned at viewport top

Browse source
This commit is contained in:
russell@unturf.com 2026-06-14 15:49:07 -04:00
parent e2ebefe0f9
commit e3aa39e172
No known key found for this signature in database
2 changed files with 20 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
wasm/repl/repl.css
View file

@ -113,14 +113,20 @@ body.repl {
/* ─── Tab bar ──────────────────────────────────────────────────── */
.tabbar {
/* Sticks to the top of the viewport so it stays visible after the
* header scrolls away — keeps the active-session controls reachable
* even after a long transcript pushes them off-screen. */
position: sticky;
top: 0;
z-index: 40;
display: grid;
grid-template-columns: auto auto 1fr auto auto auto auto;
gap: 0.3rem;
align-items: center;
padding: 0.2rem 0 0.4rem;
background: transparent;
border-bottom: 1px dashed var(--rule);
margin-bottom: 0.4rem;
padding: 0.4rem 1rem;
margin: 0 -1rem 0.4rem; /* bleed to viewport edges */
background: var(--code-bg);
border-bottom: 1px solid var(--rule);
}
.tabs {
display: grid;

14
www/repl/repl.css
View file

@ -113,14 +113,20 @@ body.repl {
/* ─── Tab bar ──────────────────────────────────────────────────── */
.tabbar {
/* Sticks to the top of the viewport so it stays visible after the
* header scrolls away — keeps the active-session controls reachable
* even after a long transcript pushes them off-screen. */
position: sticky;
top: 0;
z-index: 40;
display: grid;
grid-template-columns: auto auto 1fr auto auto auto auto;
gap: 0.3rem;
align-items: center;
padding: 0.2rem 0 0.4rem;
background: transparent;
border-bottom: 1px dashed var(--rule);
margin-bottom: 0.4rem;
padding: 0.4rem 1rem;
margin: 0 -1rem 0.4rem; /* bleed to viewport edges */
background: var(--code-bg);
border-bottom: 1px solid var(--rule);
}
.tabs {
display: grid;