1d43f75aee52

draw the HEAD picker above the sections after the Atlas, and label its box search (v3.0.109)

time
2026-09-29 19:31 UTC · 1 week ago
machine
Junes-MacBook-Pro.local
agent
claude-opus-5-5
session
match kepr 2 repo page
parent
4030bdcacda1
3 files package.json+1 −1public/css/kepr.css+6 −0src/pages/atlas.ts+1 −1
package.json+1 −1
@@ -1,6 +1,6 @@11 {22 	"name": "kepr",3-	"version": "3.0.108",3+	"version": "3.0.109",44 	"private": true,55 	"type": "module",66 	"scripts": {

view file

public/css/kepr.css+6 −0
@@ -553,6 +553,12 @@553553 .atlas-picker {554554 	position: relative;555555 }556+/* Each section's fade-in makes it a stacking context, so the picker's popover would sit under the557+   sections after it; the Atlas's section is lifted above them. */558+#atlas {559+	position: relative;560+	z-index: 2;561+}556562 .atlas-picker [hidden] {557563 	display: none;558564 }

view file

src/pages/atlas.ts+1 −1
@@ -131,7 +131,7 @@131131 	return html`<details class="atlas-picker">132132 <summary class="atlas-ref-tab mono" title="explore through time">${view.at ?? "HEAD"}</summary>133133 <div class="atlas-picker-popover">134-<input class="atlas-picker-filter mono" type="search" placeholder="filter saves" aria-label="Filter saves" hidden>134+<input class="atlas-picker-filter mono" type="search" placeholder="search" aria-label="Search saves" hidden>135135 <div class="atlas-picker-list">${saves.toReversed().map((save) => {136136 		const message = save.message.split("\n")[0] as string;137137 		return html`<a class="atlas-picker-row${save.id === view.at ? " active" : ""}" href="/${

view file