diff --git a/public/scripts/extensions/assets/index.js b/public/scripts/extensions/assets/index.js index 80490d283..1a17ac9d9 100644 --- a/public/scripts/extensions/assets/index.js +++ b/public/scripts/extensions/assets/index.js @@ -7,7 +7,7 @@ import { getRequestHeaders, callPopup, processDroppedFiles, eventSource, event_t import { deleteExtension, extensionNames, getContext, installExtension, renderExtensionTemplateAsync } from '../../extensions.js'; import { POPUP_TYPE, callGenericPopup } from '../../popup.js'; import { executeSlashCommands } from '../../slash-commands.js'; -import { getStringHash, isValidUrl } from '../../utils.js'; +import { flashHighlight, getStringHash, isValidUrl } from '../../utils.js'; export { MODULE_NAME }; const MODULE_NAME = 'assets'; @@ -405,6 +405,13 @@ jQuery(async () => { openCharacterBrowser(false); }); + const installHintButton = windowHtml.find('.assets-install-hint-link'); + installHintButton.on('click', async function () { + const installButton = $('#third_party_extension_button'); + flashHighlight(installButton, 5000); + toastr.info('Click the flashing button to the right of this to install extensions.', 'How to install extensions?'); + }); + const connectButton = windowHtml.find('#assets-connect-button'); connectButton.on('click', async function () { const url = String(assetsJsonUrl.val()); diff --git a/public/scripts/extensions/assets/style.css b/public/scripts/extensions/assets/style.css index 83e82d02f..c8b0a2584 100644 --- a/public/scripts/extensions/assets/style.css +++ b/public/scripts/extensions/assets/style.css @@ -12,6 +12,10 @@ flex-direction: column; } +.assets-install-hint-link { + cursor: help; +} + .assets-connect-div { display: flex; flex-direction: row; diff --git a/public/scripts/extensions/assets/window.html b/public/scripts/extensions/assets/window.html index 1777fcc06..23d4da838 100644 --- a/public/scripts/extensions/assets/window.html +++ b/public/scripts/extensions/assets/window.html @@ -5,11 +5,12 @@
-
- - To install 3rd party extensions, load a custom asset list or select "Install Extension" - -
+ + + To install 3rd party extensions, load a custom asset list or select + + Install Extension +