Revise notification pill per reopened #168 : short text, smaller, side placement

- Pill now reads only 'Paste Created' (no combined 'Paste Created - Link Copied') - Copy fallback toast now says 'Link Copied' - Pill shrunk (smaller padding/font) and anchored tighter to the right side Fixes #168
Merge pull request 'Fix #167 rev: gutter numbers realign with wrapped lines (missing .gutline CSS)' (#183 ) from fix-167-rev into dev
2026-09-10 11:38:13 -05:00 · 2026-09-10 16:37:57 +00:00 · 2026-09-10 11:35:39 -05:00
3 changed files with 7 additions and 5 deletions
@@ -197,11 +197,11 @@ body {
  border: 1px solid var(--border); border-radius: var(--radius); padding: 5px 8px; background: var(--bg);
  color: var(--fg); font: inherit; font-size: 21.6px; width: 130px;
 }
-/* #168: compact corner notification pill (paste-created feedback) */
+/* #168: compact side notification pill (paste-created feedback) */
 .created-pill {
-  position: fixed; right: 16px; bottom: 16px; z-index: 200;
+  position: fixed; right: 12px; bottom: 12px; z-index: 200;
  background: var(--surface-2); color: var(--ok); border: 1px solid var(--ok);
-  border-radius: var(--radius-sm); padding: 4px 12px; font-size: 13px;
+  border-radius: var(--radius-sm); padding: 2px 8px; font-size: 11.5px;
  opacity: 0; pointer-events: none; transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
@@ -299,6 +299,8 @@ html[data-wrap] .float { overflow-x: hidden; }
 .codebody { padding: 0 18px; white-space: pre; }
 /* #167: each logical line is its own block so offsetTop identifies its first visual row */
 .codeline { display: block; }
+/* #167 rev: gutter number spans must stack one per visual row (wrap on) */
+.code .gutter .gutline { display: block; }
 /* syntax highlight tokens (#1) */
 .tok-kw { color: #c792ea; }
 .tok-str { color: #a5e075; }
@@ -25,7 +25,7 @@ function copyContent(btn) {
    clearTimeout(btn._okh);
    btn._okh = setTimeout(() => { btn.classList.remove('ok'); btn.textContent = 'copy'; }, 2000);
  } else {
-    toast('Copied', 'success');
+    toast('Link Copied', 'success');
  }
 }
 function redeem() {
@@ -34,7 +34,7 @@
    </div>
  </div>
  {{if .JustCreated}}
-  <div class="created-pill" id="created-pill" role="status">Paste Created · Link Copied</div>
+  <div class="created-pill" id="created-pill" role="status">Paste Created</div>
  {{end}}
  {{if .Attachment}}
  <div class="float">
Author	SHA1	Message	Date
fen	f6c7bfa66b	Revise notification pill per reopened #168 : short text, smaller, side placement CI / test (pull_request) Successful in 39s Details CI / docker (pull_request) Skipped Details - Pill now reads only 'Paste Created' (no combined 'Paste Created - Link Copied') - Copy fallback toast now says 'Link Copied' - Pill shrunk (smaller padding/font) and anchored tighter to the right side Fixes #168	2026-09-10 11:38:13 -05:00
fen	d402113f19	Merge pull request 'Fix #167 rev: gutter numbers realign with wrapped lines (missing .gutline CSS)' (#183 ) from fix-167-rev into dev CI / test (push) Successful in 41s Details CI / docker (push) Successful in 54s Details	2026-09-10 16:37:57 +00:00
fen	9692531a40	Fix #167 rev: add missing .gutline CSS so gutter numbers align with wrapped lines CI / test (pull_request) Successful in 41s Details CI / docker (pull_request) Skipped Details QA of PR #179 found paste-lines.js creates .gutline spans but no CSS rule existed, so all gutter numbers rendered inline on one visual row. Stack them one per row under .code .gutter; blank fill spans inherit it.	2026-09-10 11:35:39 -05:00