Back-to-top button in the status bar
A small arrow button at the right end of the status bar, shown once the page has scrolled 400 px, scrolls smoothly back to the top (instantly when the system asks for reduced motion). Living in the fixed status bar, it never covers a log row or the details panel, on desktop and phones. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
a12fac16c8
commit
9a1b60fa2b
3 files changed
+18
No files matched your search
@@ -425,6 +425,10 @@ mark.hit { background: var(--hit); color: inherit; border-radius: 3px; padding:
|
||||
.conn.ok::before { color: var(--sev-info); }
|
||||
.conn.ko::before { color: var(--sev-err); }
|
||||
#stats .bad { color: var(--sev-err); }
|
||||
/* "Back to top", at the right end of the status bar: never over a log row */
|
||||
.to-top { width: 24px; height: 24px; margin: -5px -6px -5px auto; flex: none; } /* no taller bar */
|
||||
.to-top svg { width: 16px; height: 16px; }
|
||||
.to-top[hidden] { display: none; }
|
||||
|
||||
.toast {
|
||||
position: fixed; bottom: 48px; left: 50%; transform: translateX(-50%); z-index: 50;
|
||||
|
||||
Reference in new issue
Block a user