Allow popup customization

This commit is contained in:
2025-04-28 14:19:04 +02:00
parent 48bf72f623
commit 68b1a96270
3 changed files with 36 additions and 8 deletions

View File

@ -319,8 +319,9 @@ export class IcsCalendar extends inheritHtmlElement("div") {
click: async (event: Event) => {
const button = event.target as HTMLButtonElement;
button.classList.add("text-copy");
if (!button.hasAttribute("position")) {
button.setAttribute("position", "top");
button.setAttribute("tooltip-class", "text-copy");
if (!button.hasAttribute("tooltip-position")) {
button.setAttribute("tooltip-position", "top");
}
if (button.classList.contains("text-copied")) {
button.classList.remove("text-copied");
@ -334,6 +335,7 @@ export class IcsCalendar extends inheritHtmlElement("div") {
).toString(),
);
setTimeout(() => {
button.setAttribute("tooltip-class", "text-copied");
button.classList.remove("text-copied");
button.classList.add("text-copied");
button.classList.remove("text-copy");

View File

@ -117,6 +117,7 @@ ics-calendar {
transition: 500ms ease-out;
margin-right: 0.5rem;
}
}
.fc .fc-helpButton-button {
border-radius: 70%;
@ -134,3 +135,7 @@ ics-calendar {
background-color: rgba(20, 20, 20, 0.6);
}
}
.tooltip.text-copy {
opacity: 1;
}