diff --git a/internal/web/static/app.css b/internal/web/static/app.css index ca6e412..6f7b1ae 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -383,15 +383,15 @@ td a.slug.paste-name { background: none; padding: 0; border-radius: 0; font-fami } .seg input, .toggle input { accent-color: var(--accent); width: 16px; height: 16px; margin: 0; } -/* toast (#19) */ +/* toast (#19, #168): small pill anchored to the corner, out of content flow */ .toast { - position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%) translateY(8px); + position: fixed; right: 16px; bottom: 16px; background: var(--surface-2); color: var(--fg); border: 1px solid var(--border); - border-radius: var(--radius-sm); padding: 6px 18px; font-size: 20.7px; + border-radius: var(--radius-sm); padding: 6px 12px; font-size: 13px; opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease; z-index: 200; box-shadow: 0 4px 16px rgba(0,0,0,.25); } -.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); } +.toast.show { opacity: 1; transform: translateY(0); } /* status variants (#16) */ .toast.success { border-color: var(--ok); color: var(--ok); } .toast.error { border-color: var(--err); color: var(--err); } diff --git a/internal/web/templates/paste.html b/internal/web/templates/paste.html index 6040efb..48fc6ad 100644 --- a/internal/web/templates/paste.html +++ b/internal/web/templates/paste.html @@ -36,8 +36,8 @@ {{if .JustCreated}}
- Paste created. Link copied to clipboard: {{.Host}}/{{.ID}} - {{if .DeletionToken}} · deletion token: {{.DeletionToken}}{{end}} + Paste Created. Link Copied. + {{if .DeletionToken}} · deletion token: {{.DeletionToken}}{{end}}
{{end}}