From 0615c027423e44c8c887b543cace1e370d51138d Mon Sep 17 00:00:00 2001 From: Bonchellon Date: Tue, 7 Jul 2026 14:59:28 +0300 Subject: [PATCH] Limit log-peek hover to the status text, not the whole bar MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .stfront no longer flex:1 across the bar — it hugs the icon+command text (max 70%), with an inert spacer filling the rest, so the peek only appears when hovering the actual text. Co-Authored-By: Claude Opus 4.8 --- src/App.css | 5 +++-- src/App.tsx | 3 ++- src/i18n.ts | 1 + 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/App.css b/src/App.css index 54d2311..2d0f9fd 100644 --- a/src/App.css +++ b/src/App.css @@ -251,12 +251,13 @@ body.resizing{cursor:col-resize!important;user-select:none} /* bottom status bar (always visible) + hover log peek */ .statusbar{flex:0 0 26px;display:flex;align-items:center;gap:10px;padding:0 12px;border-top:1px solid var(--border); background:var(--bar);font-size:11.5px;color:var(--muted);position:relative;user-select:none;z-index:60} -.stfront{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:100%;cursor:default} +.stfront{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;max-width:70%;height:100%;cursor:default} +.stspace{flex:1} .stdot{width:16px;height:16px;display:grid;place-items:center;flex:0 0 auto;color:var(--add)} .stdot svg{width:12px;height:12px} .stdot.busy{color:var(--accent-2)} .ldr.sm{width:12px;height:12px;border-width:2px} -.stlast{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:11px} +.stlast{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:11px} .stlog{display:flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid var(--border);background:var(--panel); color:var(--muted);border-radius:7px;padding:3px 10px;cursor:pointer;font-size:11.5px} .stlog:hover{color:var(--txt);border-color:var(--accent)} diff --git a/src/App.tsx b/src/App.tsx index b46aeda..e7e7da1 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -682,10 +682,11 @@ function Workbench({ info, session, light, toggleTheme, lang, setLang, zoom, set {logOpen && setLogOpen(false)} onClear={() => setLogs([])} />}
- + {(busy || scanning || !!transfer) ? : I.check} {logs.length ? `${logs[logs.length - 1].cmd} ${logCount(logs[logs.length - 1])}` : "p4 — ready"} + {peek && logs.length > 0 && (
diff --git a/src/i18n.ts b/src/i18n.ts index 3dc72cf..dbcd592 100644 --- a/src/i18n.ts +++ b/src/i18n.ts @@ -172,6 +172,7 @@ const D: Record = { "Clear": { ru: "Очистить", de: "Leeren", fr: "Effacer", es: "Limpiar" }, "item(s)": { ru: "элем.", de: "Einträge", fr: "élément(s)", es: "elemento(s)" }, "No commands yet.": { ru: "Пока нет команд.", de: "Noch keine Befehle.", fr: "Aucune commande pour l’instant.", es: "Aún no hay comandos." }, + "Recent commands": { ru: "Последние команды", de: "Letzte Befehle", fr: "Commandes récentes", es: "Comandos recientes" }, "Light ☀": { ru: "Светлая ☀", de: "Hell ☀", fr: "Clair ☀", es: "Claro ☀" }, "Dark ☾": { ru: "Тёмная ☾", de: "Dunkel ☾", fr: "Sombre ☾", es: "Oscuro ☾" }, "Server version": { ru: "Версия сервера", de: "Serverversion", fr: "Version du serveur", es: "Versión del servidor" },