Adapt calendar to new tooltip library

This commit is contained in:
2025-04-25 16:08:15 +02:00
parent 273944f2a7
commit 0ab812c325
5 changed files with 36 additions and 7 deletions

View File

@@ -315,13 +315,13 @@ export class IcsCalendar extends inheritHtmlElement("div") {
const button = event.target as HTMLButtonElement;
button.classList.add("text-copy");
if (!button.hasAttribute("position")) {
button.setAttribute("tooltip", gettext("Link copied"));
button.setAttribute("position", "top");
button.setAttribute("no-hover", "");
}
if (button.classList.contains("text-copied")) {
button.classList.remove("text-copied");
}
button.setAttribute("tooltip", gettext("Link copied"));
button.dispatchEvent(new Event("mouseover", { bubbles: true }));
navigator.clipboard.writeText(
new URL(
await makeUrl(calendarCalendarInternal),
@@ -332,6 +332,8 @@ export class IcsCalendar extends inheritHtmlElement("div") {
button.classList.remove("text-copied");
button.classList.add("text-copied");
button.classList.remove("text-copy");
button.dispatchEvent(new Event("mouseout", { bubbles: true }));
button.removeAttribute("tooltip");
}, 1500);
},
},

View File

@@ -1,4 +1,5 @@
@import "core/static/core/colors";
@import "core/static/core/tooltips";
:root {
@@ -116,8 +117,4 @@ ics-calendar {
transition: 500ms ease-out;
}
button.text-copied[tooltip]::before {
opacity: 0;
transition: opacity 500ms ease-out;
}
}