diff --git a/public/assets/my.js b/public/assets/my.js index 8a5703d..8ab9fee 100644 --- a/public/assets/my.js +++ b/public/assets/my.js @@ -1339,7 +1339,7 @@ let CHAT_ME = null, CHAT_OTHER = null, CHAT_LASTID = 0, CHAT_POLL = null, CHAT_CANMUTE = false, CHAT_IMUTE = false; function chatSync(d) { CHAT_ME = d.email || CHAT_ME; - const fab = $('chatFab'); if (fab) fab.hidden = !d.email; + const link = $('chatMenuBtn'); if (link && link.closest('.bo-links')) link.closest('.bo-links').hidden = !d.email; setChatBadge(d.chatUnread || 0); const tog = $('chatAvailToggle'); if (tog) tog.checked = d.chatAvailable !== false; const qs = $('qaMsgSponsor'); @@ -1348,7 +1348,7 @@ else qs.hidden = true; } } - function setChatBadge(n) { const b = $('chatFabBadge'); if (b) { b.hidden = !n; b.textContent = n > 9 ? '9+' : n; } } + function setChatBadge(n) { const b = $('chatNavBadge'); if (b) { b.hidden = !n; b.textContent = n > 9 ? '9+' : n; } } function stopPoll() { if (CHAT_POLL) { clearInterval(CHAT_POLL); CHAT_POLL = null; } } function startPoll() { stopPoll(); CHAT_POLL = setInterval(() => pullThread(false), 4000); } function autoGrow(el) { el.style.height = 'auto'; el.style.height = Math.min(120, el.scrollHeight) + 'px'; } @@ -1445,7 +1445,7 @@ (function chatInit() { if (!$('chatDrawer')) return; const on = (id, ev, fn) => { const el = $(id); if (el) el.addEventListener(ev, fn); }; - on('chatFab', 'click', openThreads); + on('chatMenuBtn', 'click', e => { if (e && e.preventDefault) e.preventDefault(); openThreads(); }); on('chatClose', 'click', closeDrawer); on('chatBack', 'click', openThreads); on('chatMute', 'click', toggleMute); diff --git a/public/assets/site.css b/public/assets/site.css index 45f6dbd..31ee113 100644 --- a/public/assets/site.css +++ b/public/assets/site.css @@ -513,12 +513,9 @@ img{max-width:100%} } /* ── Sponsor chat: FAB, slide-in drawer, threads, bubbles, presence ── */ -.chat-fab{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%; - border:1px solid var(--line-strong);background:var(--mint);color:var(--mint-ink);display:grid;place-items:center; - cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .12s ease} -.chat-fab:hover{transform:translateY(-2px)} -.chat-fab-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px; - background:var(--bad);color:#2a0d08;font:700 12px/20px var(--disp);text-align:center} +.bo-chat{display:flex;align-items:center} +.bo-chat .pill{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--mint); + color:var(--mint-ink);font:700 12px/20px var(--disp);text-align:center} .chat-drawer{position:fixed;right:0;top:0;bottom:0;width:380px;max-width:92vw;z-index:70;display:flex;flex-direction:column; background:var(--panel-solid);border-left:1px solid var(--line-strong);box-shadow:-16px 0 40px rgba(0,0,0,.45); transform:translateX(0);animation:chatIn .16s ease} diff --git a/public/my.html b/public/my.html index d4c8021..c92a38e 100644 --- a/public/my.html +++ b/public/my.html @@ -4,7 +4,7 @@