Revise notification pill (#168) #180
@@ -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);
|
||||||
|
|||||||
@@ -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() {
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user