Skip to content

Commit 013763b

Browse files
Lexus2016claude
andcommitted
fix: improve toast notification positioning and animation (v5.38.1)
Raise toast above bottom bar (96px), add slide-up entrance animation, increase z-index to 10000, and enhance visual contrast with accent border and deeper shadow. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent ac2342f commit 013763b

2 files changed

Lines changed: 3 additions & 3 deletions

File tree

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "claude-code-studio",
3-
"version": "5.38.0",
3+
"version": "5.38.1",
44
"description": "Full-featured web workspace for Claude Code — chat, Kanban, multi-agent, MCP, skills, projects",
55
"bin": {
66
"claude-code-studio": "./bin/cli.js"

public/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1351,8 +1351,8 @@
13511351
#meStdioFields:not([style*="display: none"]):not([style*="display:none"]), #meHttpFields:not([style*="display: none"]):not([style*="display:none"]) { animation:mcpSectionIn .18s var(--ease-out) }
13521352

13531353
/* ─── Toast notifications ─── */
1354-
#toast { position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%); background: var(--s3); border: 1px solid var(--border); color: var(--text); padding: 9px 18px; border-radius: 10px; font-size: 13px; z-index: 200; pointer-events: none; opacity: 0; transition: opacity .25s; box-shadow: var(--shadow); white-space: nowrap; }
1355-
#toast.show { opacity: 1; }
1354+
#toast { position: fixed; bottom: 96px; left: 50%; transform: translateX(-50%) translateY(12px); background: var(--s2); border: 1px solid var(--accent2); color: var(--text); padding: 10px 20px; border-radius: 10px; font-size: 13px; font-weight: 500; z-index: 10000; pointer-events: none; opacity: 0; transition: opacity .25s, transform .25s; box-shadow: 0 4px 24px rgba(0,0,0,.45); white-space: nowrap; }
1355+
#toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
13561356
#toast.toast-err { border-color: var(--red); color: var(--red); }
13571357

13581358
/* ─── Tooltips (floating JS div) ─── */

0 commit comments

Comments
 (0)