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

fix(theseus/screenshot): 0.5.1 — hide "Loading capture" for real + centre the tool bar

Browse source 
Two things the shipped 0.5.0 got wrong:

- `.empty { display: flex }` overrode the plain `[hidden]` attribute the
  init flow sets after the image draws, so the "Loading capture…" pill
  stayed visible on top of the finished capture. Global rule
  `[hidden] { display: none !important }` takes it out.

- Tool bar was left-aligned; older editor iterations grouped the drawing
  tools / swatches / widths / undo-redo in the centre of the bar, which
  read better in a narrow sidebar. Adds `.toolbar { justify-content: center }`;
  the topbar's back / max / sound / name / save / copy stay edge-anchored.

Version bump so the OTA update endpoint picks it up on the next tick.
This commit is contained in:
Local Dev 2026-09-09 02:33:45 +02:00
parent c64e81a959
commit 71b803e020
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
bundled-addons/screenshot/addon.json
View file

@ -1,7 +1,7 @@
{ {
"id": "screenshot", "id": "screenshot",
"name": "Screenshot", "name": "Screenshot",
"version": "0.5.0", "version": "0.5.1",
"description": "Capture the current tab — visible viewport, full page, or a rectangle you draw. Preview + annotate editor (arrow, rect, ellipse, pen, text, undo, copy, save) live inside the sidebar. Expand the sidebar to full window for a canvas-sized editor.", "description": "Capture the current tab — visible viewport, full page, or a rectangle you draw. Preview + annotate editor (arrow, rect, ellipse, pen, text, undo, copy, save) live inside the sidebar. Expand the sidebar to full window for a canvas-sized editor.",
"author": "Silent Mode", "author": "Silent Mode",
"icon": "📸", "icon": "📸",

8
bundled-addons/screenshot/editor.css
View file

@ -15,10 +15,18 @@ html, body { margin: 0; height: 100%; }
body { background: var(--bg); color: var(--ink); body { background: var(--bg); color: var(--ink);
font: 13px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; font: 13px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
display: flex; flex-direction: column; overflow: hidden; } display: flex; flex-direction: column; overflow: hidden; }
/* Author styles set `display: flex` on .empty/.stage — plain [hidden]
loses the cascade fight and the "Loading capture" pill stayed visible
over the drawn image. Force-hide takes it out for real. */
[hidden] { display: none !important; }
.topbar, .toolbar { display: flex; align-items: center; gap: 4px; padding: 6px 8px; .topbar, .toolbar { display: flex; align-items: center; gap: 4px; padding: 6px 8px;
border-bottom: 1px solid var(--line); background: var(--panel); border-bottom: 1px solid var(--line); background: var(--panel);
user-select: none; flex-wrap: wrap; } user-select: none; flex-wrap: wrap; }
/* Older versions grouped the drawing tools in the middle of the bar — keep
the drawing / swatch / width / undo cluster centred while the top-bar
(back / max / sound / name → save / copy) stays edge-anchored. */
.toolbar { justify-content: center; }
.topbar .name { color: var(--dim); font-size: 11.5px; overflow: hidden; .topbar .name { color: var(--dim); font-size: 11.5px; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap; max-width: 200px; margin: 0 4px; } text-overflow: ellipsis; white-space: nowrap; max-width: 200px; margin: 0 4px; }
.topbar .spacer, .toolbar .spacer { flex: 1; } .topbar .spacer, .toolbar .spacer { flex: 1; }