mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-19 12:42:51 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

toast X in top right

Browse source
This commit is contained in:
Til Schmitter 2026-04-18 17:23:45 +02:00
parent bfd572829b
commit 53674248d1
2 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
copyparty/web/ui.css
View file

@ -54,8 +54,7 @@ html {
bottom: 5em;
right: -1em;
line-height: 1.5em;
padding: 1em 1.3em;
margin-left: 3em;
padding: 1em 2em 1em 1em;
border-width: .4em 0;
overflow-wrap: break-word;
transform: translateX(100%);
@ -92,8 +91,8 @@ html {
display: inline-block;
position: absolute;
overflow: hidden;
left: 0;
width: 0;
right: 0;
top: -.1em;
opacity: 0;
padding: .3em 0;
margin: -.3em 0 0 0;
@ -102,7 +101,7 @@ html {
border: none;
outline: none;
text-shadow: none;
border-radius: .5em 0 0 .5em;
border-radius: .5em;
transition: left .3s, width .3s, padding .3s, opacity .3s;
}
#toastb {
@ -130,9 +129,7 @@ html {
transform: initial;
}
#toast.vis #toastc {
left: -2em;
width: .4em;
padding: .3em .8em;
padding: .3em .5em;
opacity: 1;
}
#toast.inf {

2
copyparty/web/util.js
View file

@ -1784,7 +1784,7 @@ var toast = (function () {
setcvar('--tmstep', Math.floor(sec * 20));
html += '<div id="toastt"></div>';
}
obj.innerHTML = html + '<a href="#" id="toastc">x</a><div id="toastb">' + lf2br(txt) + '</div>';
obj.innerHTML = html + '<a href="#" id="toastc">✕</a><div id="toastb">' + lf2br(txt) + '</div>';
obj.className = cl;
sec += obj.offsetWidth;
obj.className += ' vis';