From 9423f6c2b300aededb1982c9394e1f4e558938c5 Mon Sep 17 00:00:00 2001 From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> Date: Sat, 23 May 2026 19:45:22 -0400 Subject: [PATCH] Lock edit banner and Nostr widget heights --- src/index.html | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/index.html b/src/index.html index 5460d6a..d9b3fa5 100644 --- a/src/index.html +++ b/src/index.html @@ -1868,9 +1868,9 @@ /* Nostr user widget — fixed top-right */ /* Docked into the top-right corner, flush and sharp like the toolbars. */ - .nostrWidget{position:fixed;top:0;right:0;z-index:500;display:flex;align-items:center;gap:6px;background:var(--panel);border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:3px 14px 3px 12px} - .nostrWidget .pill{box-shadow:none;padding:4px 10px;font-size:.78rem;line-height:1.2;min-height:26px} - .nostrProfileBtn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:0;padding:2px 9px;background:#fff;cursor:pointer;font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ink);max-width:200px;min-height:26px} + .nostrWidget{position:fixed;top:0;right:0;z-index:500;display:flex;align-items:center;gap:6px;background:var(--panel);border-left:1px solid var(--line);border-bottom:1px solid var(--line);box-sizing:border-box;height:var(--top-strip-height,34px);padding:3px 14px 3px 12px} + .nostrWidget .pill{box-shadow:none;padding:4px 10px;font-size:.78rem;line-height:1.2;height:26px;box-sizing:border-box;display:inline-flex;align-items:center} + .nostrProfileBtn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:0;padding:2px 9px;background:#fff;cursor:pointer;font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ink);max-width:200px;height:26px;box-sizing:border-box} .nostrAvatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#f1f5f9;flex:0 0 auto} .nostrNameEl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px} body.dark .nostrProfileBtn{background:transparent;border:none;padding:0} @@ -2084,14 +2084,14 @@ .layerClipboardRow button { font-size:.78rem; padding:4px 10px; } .layerClipboardRow .hint { font-size:.72rem; margin-left:auto; } - .editingBanner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px var(--nostr-widget-space, 210px) 8px 14px; background:rgba(251,191,36,.12); border-bottom:1px solid rgba(251,191,36,.4); font-size:.85rem; color:#92400e; flex-wrap:wrap; } + .editingBanner { display:flex; align-items:center; justify-content:space-between; gap:12px; box-sizing:border-box; height:var(--top-strip-height,34px); overflow:hidden; padding:3px var(--nostr-widget-space, 210px) 3px 14px; background:rgba(251,191,36,.12); border-bottom:1px solid rgba(251,191,36,.4); font-size:.85rem; color:#92400e; flex-wrap:nowrap; } body.dark .editingBanner { background:rgba(251,191,36,.1); color:#fbbf24; } - .editingBannerText { flex:1; min-width:0; overflow-wrap:anywhere; } + .editingBannerText { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .editingBannerText strong { font-weight:700; } - #editingBannerCancel { font-size:.78rem; padding:4px 10px; flex-shrink:0; } + #editingBannerCancel { font-size:.78rem; padding:4px 10px; height:26px; box-sizing:border-box; flex-shrink:0; display:inline-flex; align-items:center; } #designObjectBanner { background:rgba(96,165,250,.13); border-bottom-color:rgba(96,165,250,.45); color:#1d4ed8; } body.dark #designObjectBanner { background:rgba(96,165,250,.12); color:#93c5fd; } - #designObjectBanner button { font-size:.78rem; padding:4px 10px; flex-shrink:0; } + #designObjectBanner button { font-size:.78rem; padding:4px 10px; height:26px; box-sizing:border-box; flex-shrink:0; display:inline-flex; align-items:center; } .designObjectFrame { position:absolute; inset:0; overflow:hidden; background:transparent; pointer-events:none; } .designObjectFrame::after { content:''; position:absolute; inset:0; border:1px solid rgba(15,23,42,.12); pointer-events:none; }