Revise notification pill (#168) #181

Merged
fen merged 1 commits from fix-168 into dev 2026-09-10 16:38:08 +00:00
3 changed files with 5 additions and 5 deletions
Showing only changes of commit b801d7fb56 - Show all commits
+3 -3
View File
@@ -197,11 +197,11 @@ body {
border: 1px solid var(--border); border-radius: var(--radius); padding: 5px 8px; background: var(--bg); 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; 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 { .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); 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); opacity: 0; pointer-events: none; transform: translateY(6px);
transition: opacity .25s ease, transform .25s ease; transition: opacity .25s ease, transform .25s ease;
box-shadow: 0 4px 16px rgba(0,0,0,.25); box-shadow: 0 4px 16px rgba(0,0,0,.25);
+1 -1
View File
@@ -25,7 +25,7 @@ function copyContent(btn) {
clearTimeout(btn._okh); clearTimeout(btn._okh);
btn._okh = setTimeout(() => { btn.classList.remove('ok'); btn.textContent = 'copy'; }, 2000); btn._okh = setTimeout(() => { btn.classList.remove('ok'); btn.textContent = 'copy'; }, 2000);
} else { } else {
toast('Copied', 'success'); toast('Link Copied', 'success');
} }
} }
function redeem() { function redeem() {
+1 -1
View File
@@ -34,7 +34,7 @@
</div> </div>
</div> </div>
{{if .JustCreated}} {{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}} {{end}}
{{if .Attachment}} {{if .Attachment}}
<div class="float"> <div class="float">