diff --git a/app/src/assets/scss/component/_tooltips.scss b/app/src/assets/scss/component/_tooltips.scss index 69e1fa523..d9bb2dfdd 100644 --- a/app/src/assets/scss/component/_tooltips.scss +++ b/app/src/assets/scss/component/_tooltips.scss @@ -13,8 +13,8 @@ line-height: 17px; max-width: 320px; animation-name: zoomIn; - animation-duration: 100ms; - animation-delay: var(--b3-tooltips-delay, 500ms); + animation-duration: 150ms; + animation-delay: 300ms; animation-fill-mode: both; max-height: 90vh; overflow: auto; @@ -69,7 +69,7 @@ pointer-events: none; position: absolute; opacity: 0; - transition: opacity 100ms var(--b3-tooltips-delay, 500ms) cubic-bezier(0, 0, .2, 1), transform 100ms var(--b3-tooltips-delay, 500ms) cubic-bezier(0, 0, .2, 1); + transition: opacity 150ms 300ms cubic-bezier(0, 0, .2, 1), transform 150ms 300ms cubic-bezier(0, 0, .2, 1); } &:hover, diff --git a/app/src/dialog/tooltip.ts b/app/src/dialog/tooltip.ts index 0127594e7..d42cd7c8a 100644 --- a/app/src/dialog/tooltip.ts +++ b/app/src/dialog/tooltip.ts @@ -6,7 +6,6 @@ export const showTooltip = ( tooltipClass?: string, event?: MouseEvent, space: number = 0.5, - delay?: number ) => { if (isMobile() || !message) { return; @@ -42,14 +41,6 @@ export const showTooltip = ( messageElement.innerHTML = message; // 避免原本的 top 和 left 影响计算 messageElement.removeAttribute("style"); - - const delayAttr = target.closest("[data-tooltips-delay]")?.getAttribute("data-tooltips-delay"); - const parsedDelay = parseInt(delayAttr, 10); - if (delay === undefined || delay === null) { - delay = Number.isFinite(parsedDelay) ? parsedDelay : 500; - } - messageElement.style.setProperty("--b3-tooltips-delay", delay + "ms"); - const position = target.getAttribute("data-position"); const parentRect = target.parentElement.getBoundingClientRect(); diff --git a/app/src/layout/dock/Files.ts b/app/src/layout/dock/Files.ts index 3c9463db6..7401a6cac 100644 --- a/app/src/layout/dock/Files.ts +++ b/app/src/layout/dock/Files.ts @@ -128,7 +128,7 @@ export class Files extends Model { -
+