nexus/PairDrop
2
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2026-04-05 17:33:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Solve "transfer-complete" and "receive-complete" status detection via css instead of adding a new class

Browse Source
This commit is contained in:
schlagmichdoch
2024-02-09 02:09:53 +01:00
parent 902b5c6b8f
commit 7c6062e1e0
2 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/scripts/ui.js
View File

@@ -807,16 +807,11 @@ class PeerUI {
this.$el.querySelector('.status').innerText = statusName;
this._currentStatus = status;
if (status === "transfer-complete" || status === "receive-complete") {
this.$el.classList.remove('blink');
if (status.indexOf("-complete") || status === "receive-complete") {
this.statusTimeout = setTimeout(() => {
this.setProgress(0, null);
}, 10000);
}
else {
this.$el.classList.add('blink');
}
}
_onDrop(e) {

10
public/styles/styles-deferred.css
View File

@@ -188,12 +188,12 @@ x-peer:not(.type-public-id) .highlight-room-public-id {
display: none;
}
x-peer:not([status].blink):hover,
x-peer:not([status].blink):focus {
x-peer:is(:not([status]), [status$=-complete]):hover,
x-peer:is(:not([status]), [status$=-complete]):focus {
transform: scale(1.05);
}
x-peer[status].blink x-icon {
x-peer[status]:not([status$=-complete]) x-icon {
box-shadow: none;
}
@@ -249,7 +249,7 @@ x-peer[status] .device-name {
display: none;
}
x-peer[status].blink {
x-peer[status]:not([status$=-complete]) {
pointer-events: none;
}
@@ -257,7 +257,7 @@ x-peer {
animation: pop 600ms ease-out 1;
}
x-peer[status]:not(.blink) .status {
x-peer[status$=-complete] .status {
color: var(--primary-color);
}