feat: improve footer menu button caret and tooltip behavior
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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');
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user