diff --git a/index.css b/index.css index 58fa035f..b36a0716 100644 --- a/index.css +++ b/index.css @@ -2388,8 +2388,10 @@ svg.button { } } -#chat-widget-container { +#chat-widget-minimized { animation: fadeIn 1s ease-in; + transform: scale(0.65); + opacity: var(--bg-opacity); } @keyframes fadeIn { @@ -2397,7 +2399,7 @@ svg.button { opacity: 0; } to { - opacity: 1; + opacity: var(--bg-opacity); } } diff --git a/index.html b/index.html index 06fac251..e3154e9e 100644 --- a/index.html +++ b/index.html @@ -138,7 +138,7 @@ } - + diff --git a/main.js b/main.js index 5f38fb57..eeff1f71 100644 --- a/main.js +++ b/main.js @@ -374,8 +374,20 @@ function toggleAssistant() { const showAssistant = byId("azgaarAssistant").value === "show"; if (showAssistant) { - if (isAssistantLoaded) assistantContainer.style.display = "block"; - else import("./libs/openwidget.min.js").then(() => (isAssistantLoaded = true)); + if (isAssistantLoaded) { + assistantContainer.style.display = "block"; + } else { + import("./libs/openwidget.min.js").then(() => { + isAssistantLoaded = true; + setTimeout(() => { + const bubble = byId("chat-widget-minimized"); + if (bubble) { + bubble.dataset.tip = "Click to open the Assistant"; + bubble.on("mouseover", showDataTip); + } + }, 5000); + }); + } } else if (isAssistantLoaded) { assistantContainer.style.display = "none"; } diff --git a/modules/ui/options.js b/modules/ui/options.js index d4561654..1ac4c8ad 100644 --- a/modules/ui/options.js +++ b/modules/ui/options.js @@ -447,6 +447,7 @@ function changeDialogsTheme(themeColor, transparency) { }; const theme = [ + {name: "--bg-opacity", value: alpha}, {name: "--bg-main", h, s, l, alpha}, {name: "--bg-lighter", h, s, l: l + 0.02, alpha}, {name: "--bg-light", h, s: s - 0.02, l: l + 0.06, alpha}, @@ -459,8 +460,9 @@ function changeDialogsTheme(themeColor, transparency) { ]; const sx = document.documentElement.style; - theme.forEach(({name, h, s, l, alpha}) => { - sx.setProperty(name, getRGBA(h, s, l, alpha)); + theme.forEach(({name, value, h, s, l, alpha}) => { + if (value !== undefined) sx.setProperty(name, value); + else sx.setProperty(name, getRGBA(h, s, l, alpha)); }); } diff --git a/versioning.js b/versioning.js index 891f2c54..afa76381 100644 --- a/versioning.js +++ b/versioning.js @@ -36,6 +36,7 @@ if (parseMapVersion(VERSION) !== VERSION) alert("versioning.js: Invalid format o