rajch_ales/MaalFlows
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prioritize message alert over online launcher effects

Browse Source
This commit is contained in:
rajchales-monito
2026-07-30 17:28:17 +02:00
parent 332e6d20f4
commit 608d39a4f2
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin.css
+2 -2
View File
@@ -288,8 +288,8 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
} }
.launcher-preview-status { .launcher-preview-status {
position: absolute; position: absolute;
top: -3px; top: -5px;
left: -3px; right: -5px;
width: 14px; width: 14px;
height: 14px; height: 14px;
border: 2px solid #ffffff; border: 2px solid #ffffff;
public/widget.js
+5 -3
View File
@@ -560,6 +560,7 @@
function applyAdminReplyEffects(launcher, settings, unreadCount) { function applyAdminReplyEffects(launcher, settings, unreadCount) {
const notifications = settings.notifications || {}; const notifications = settings.notifications || {};
launcher.classList.add("mf-has-message-alert");
if (notifications.pulseOnAdminReply !== false) { if (notifications.pulseOnAdminReply !== false) {
launcher.classList.remove("mf-notify"); launcher.classList.remove("mf-notify");
void launcher.offsetWidth; void launcher.offsetWidth;
@@ -569,7 +570,6 @@
if (notifications.labelOnAdminReply !== false) { if (notifications.labelOnAdminReply !== false) {
launcher.classList.add("mf-show-message-label"); launcher.classList.add("mf-show-message-label");
clearTimeout(applyAdminReplyEffects.labelTimer); clearTimeout(applyAdminReplyEffects.labelTimer);
applyAdminReplyEffects.labelTimer = setTimeout(() => launcher.classList.remove("mf-show-message-label"), 4200);
} }
if (notifications.wiggleOnAdminReply !== false) { if (notifications.wiggleOnAdminReply !== false) {
launcher.classList.remove("mf-wiggle"); launcher.classList.remove("mf-wiggle");
@@ -581,7 +581,7 @@
} }
function clearMessageEffects(launcher) { function clearMessageEffects(launcher) {
launcher.classList.remove("mf-notify", "mf-wiggle", "mf-show-message-label"); launcher.classList.remove("mf-notify", "mf-wiggle", "mf-show-message-label", "mf-has-message-alert");
clearTimeout(applyAdminReplyEffects.labelTimer); clearTimeout(applyAdminReplyEffects.labelTimer);
clearTimeout(applyAdminReplyEffects.wiggleTimer); clearTimeout(applyAdminReplyEffects.wiggleTimer);
} }
@@ -643,10 +643,12 @@
.mf-launcher-label { position: absolute; ${labelOffset} top: 50%; transform: translateY(-50%) translateX(8px); opacity: 0; pointer-events: none; white-space: nowrap; border-radius: 999px; padding: 7px 10px; background: ${c.text}; color: white; font-size: 12px; box-shadow: 0 10px 24px rgb(0 0 0 / 18%); transition: opacity .18s ease, transform .18s ease; } .mf-launcher-label { position: absolute; ${labelOffset} top: 50%; transform: translateY(-50%) translateX(8px); opacity: 0; pointer-events: none; white-space: nowrap; border-radius: 999px; padding: 7px 10px; background: ${c.text}; color: white; font-size: 12px; box-shadow: 0 10px 24px rgb(0 0 0 / 18%); transition: opacity .18s ease, transform .18s ease; }
.mf-online.mf-effect-hover-label:hover .mf-launcher-label { opacity: 1; transform: translateY(-50%) translateX(0); } .mf-online.mf-effect-hover-label:hover .mf-launcher-label { opacity: 1; transform: translateY(-50%) translateX(0); }
.mf-effect-persistent-label .mf-launcher-label { opacity: 1; transform: translateY(-50%) translateX(0); } .mf-effect-persistent-label .mf-launcher-label { opacity: 1; transform: translateY(-50%) translateX(0); }
.mf-has-message-alert .mf-launcher-label { opacity: 0; transform: translateY(-50%) translateX(8px); }
.mf-message-label { position: absolute; ${labelOffset} top: 50%; transform: translateY(-50%) translateX(8px); opacity: 0; pointer-events: none; white-space: nowrap; border-radius: 999px; padding: 7px 10px; background: ${c.text}; color: white; font-size: 12px; font-weight: 700; box-shadow: 0 10px 24px rgb(0 0 0 / 18%); transition: opacity .18s ease, transform .18s ease; } .mf-message-label { position: absolute; ${labelOffset} top: 50%; transform: translateY(-50%) translateX(8px); opacity: 0; pointer-events: none; white-space: nowrap; border-radius: 999px; padding: 7px 10px; background: ${c.text}; color: white; font-size: 12px; font-weight: 700; box-shadow: 0 10px 24px rgb(0 0 0 / 18%); transition: opacity .18s ease, transform .18s ease; }
.mf-show-message-label .mf-message-label { opacity: 1; transform: translateY(-50%) translateX(0); } .mf-show-message-label .mf-message-label { opacity: 1; transform: translateY(-50%) translateX(0); }
.mf-status-dot { position: absolute; top: -3px; left: -3px; width: 14px; height: 14px; display: none; border: 2px solid white; border-radius: 50%; background: #c9d4ce; box-shadow: 0 0 0 4px rgb(201 212 206 / 24%); } .mf-status-dot { position: absolute; top: -5px; right: -5px; width: 14px; height: 14px; display: none; border: 2px solid white; border-radius: 50%; background: #c9d4ce; box-shadow: 0 0 0 4px rgb(201 212 206 / 24%); }
.mf-effect-status-dot .mf-status-dot { display: block; } .mf-effect-status-dot .mf-status-dot { display: block; }
.mf-has-message-alert .mf-status-dot { display: none; }
.mf-online .mf-status-dot { background: #2f9e44; box-shadow: 0 0 0 4px rgb(47 158 68 / 16%); } .mf-online .mf-status-dot { background: #2f9e44; box-shadow: 0 0 0 4px rgb(47 158 68 / 16%); }
.mf-message-badge { position: absolute; top: -5px; right: -5px; min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; border: 2px solid white; background: #ff3b30; color: white; font-size: 12px; font-weight: 800; line-height: 1; box-shadow: 0 8px 18px rgb(0 0 0 / 18%); } .mf-message-badge { position: absolute; top: -5px; right: -5px; min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; border: 2px solid white; background: #ff3b30; color: white; font-size: 12px; font-weight: 800; line-height: 1; box-shadow: 0 8px 18px rgb(0 0 0 / 18%); }
.mf-message-badge[hidden] { display: none !important; } .mf-message-badge[hidden] { display: none !important; }