poslop/palette
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Add jump to top and bottom buttons for long pastes and editor (#267)
CI / test (pull_request) Successful in 23s
Details
CI / docker (pull_request) Skipped
Details

Browse Source
This commit is contained in:
fen
2026-09-17 14:59:05 -05:00
parent 1872dac8b4
commit 5ddfa21658
4 changed files with 82 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/static/app.css
+19
View File
@@ -884,3 +884,22 @@ button[type="submit"]:focus-visible,
.created-banner { display: block; }
/* #167: gutter rows for wrapped paste view — one row per visual code line */
.gutline { display: block; }
/* jump to top/bottom (#267): fixed pills bottom-right, only for tall content */
.jump-nav {
position: fixed; right: 16px; bottom: 16px;
display: flex; flex-direction: column; gap: 8px;
opacity: 0; pointer-events: none; transform: translateY(6px);
transition: opacity .25s ease, transform .25s ease; z-index: 190;
}
.jump-nav.show { opacity: 1; pointer-events: auto; transform: translateY(0); }
.jump-nav button {
background: var(--surface-2); color: var(--fg);
border: 1px solid var(--border); border-radius: var(--radius-sm);
padding: 6px 14px; font-size: 13px; cursor: pointer;
box-shadow: 0 4px 16px rgba(0,0,0,.25);
appearance: none; font-family: inherit;
}
.jump-nav button:hover { border-color: var(--accent); color: var(--accent); }
.jump-nav button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.jump-nav button.hidden { display: none; }