feat: improve footer menu button caret and tooltip behavior

This commit is contained in:
Dariusz L
2026-06-06 03:07:12 +02:00
parent 0e02bd9eb6
commit 08128de8e9
3 changed files with 18 additions and 4 deletions
+13 -4
View File
@@ -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;
+1
View File
@@ -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');
+4
View File
@@ -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;