silentmode/theseus
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Theseus: a long approval scrolls inside the overlay instead of pushing the buttons off screen

Browse source 
The approval box had no height limit inside a fixed mask, so a long
message or many rows pushed the end of the text and the buttons out of
view. The box now scrolls, long values scroll in place, and the
buttons stay pinned at the bottom.
This commit is contained in:
Local Dev 2026-10-04 04:23:01 +02:00
parent f823c042e3
commit 4ad8f4e401
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
approval.html
View file

@ -37,6 +37,13 @@
.rows .v { word-break: break-all; }
.rows .v.mono { font: 12.5px/1.4 ui-monospace, "Cascadia Code", Consolas, monospace; }
.rows .v.strong { font-weight: 650; font-size: 14px; }
/* A long message or a long list of rows scrolls inside the box; the
origin stays at the top and the buttons stay on screen. Without this a
dapp could push Approve and the end of a message out of view. */
.promptbox { max-height: calc(100vh - 64px); overflow-y: auto; }
.body { max-height: 30vh; overflow-y: auto; }
.rows .v { max-height: 40vh; overflow-y: auto; white-space: pre-wrap; }
.pact { position: sticky; bottom: -14px; background: var(--surface); padding: 8px 0 2px; }
label.chk { display: flex; align-items: center; gap: 8px; color: var(--mut); font-size: 12.5px; margin-bottom: 12px; cursor: pointer; }
label.chk select { flex: 1; padding: 5px 8px; border-radius: 6px; background: var(--surface2); color: var(--ink);
border: 1px solid var(--line); font: inherit; font-size: 12.5px; }