diff --git a/web/css/resolver-main.css b/web/css/resolver-main.css index fb64e1c..fe1a2e2 100644 --- a/web/css/resolver-main.css +++ b/web/css/resolver-main.css @@ -2381,10 +2381,19 @@ justify-content: center; } .mr-footer-menu-button::after { - content: "\25BE"; - margin-left: 7px; - font-size: 10px; - opacity: 0.68; + content: ""; + width: 9px; + height: 7px; + margin-left: 10px; + background: currentColor; + clip-path: polygon(50% 0, 100% 100%, 0 100%); + opacity: 0.78; + transform: rotate(0deg); + transition: transform 0.15s ease, opacity 0.15s ease; +} +.mr-footer-menu-button[aria-expanded="true"]::after { + transform: rotate(180deg); + opacity: 0.95; } .mr-footer-menu { display: none; diff --git a/web/resolver/actions/queue_methods.js b/web/resolver/actions/queue_methods.js index 43c4cad..90451d8 100644 --- a/web/resolver/actions/queue_methods.js +++ b/web/resolver/actions/queue_methods.js @@ -607,6 +607,7 @@ export const queueMethods = { 'aria-expanded': 'false', onclick: (event) => { event.stopPropagation(); + this.hideTooltip?.(); if (button.classList.contains('mr-btn-is-disabled')) { if (name === 'download') { this.showNotification('No missing models have downloadable sources yet.', 'info'); diff --git a/web/resolver/search/search_panel.js b/web/resolver/search/search_panel.js index 5407ca7..e7cbf47 100644 --- a/web/resolver/search/search_panel.js +++ b/web/resolver/search/search_panel.js @@ -159,6 +159,10 @@ export const searchPanelMethods = { showTooltip(target) { if (!target || !this.tooltipElement) return; this.normalizeTooltipTarget(target); + if (target.matches?.('.mr-footer-menu-button[aria-expanded="true"]')) { + this.hideTooltip(); + return; + } const text = target.getAttribute('data-tooltip'); if (!text) return;