diff --git a/public/scripts/extensions/caption/index.js b/public/scripts/extensions/caption/index.js index 992413213..535be7620 100644 --- a/public/scripts/extensions/caption/index.js +++ b/public/scripts/extensions/caption/index.js @@ -15,9 +15,9 @@ async function moduleWorker() { async function setImageIcon() { try { - const sendButton = document.getElementById('send_picture'); - sendButton.classList.add('fa-image'); - sendButton.classList.remove('fa-hourglass-half'); + const sendButton = $('#send_picture .extensionsMenuExtensionButton'); + sendButton.addClass('fa-image'); + sendButton.removeClass('fa-hourglass-half'); } catch (error) { console.log(error); @@ -26,9 +26,9 @@ async function setImageIcon() { async function setSpinnerIcon() { try { - const sendButton = document.getElementById('send_picture'); - sendButton.classList.remove('fa-image'); - sendButton.classList.add('fa-hourglass-half'); + const sendButton = $('#send_picture .extensionsMenuExtensionButton'); + sendButton.removeClass('fa-image'); + sendButton.addClass('fa-hourglass-half'); } catch (error) { console.log(error); @@ -92,15 +92,17 @@ async function onSelectImage(e) { } } -$(document).ready(function () { +jQuery(function () { function addSendPictureButton() { - const sendButton = document.createElement('div'); - sendButton.id = 'send_picture'; - sendButton.title = 'Send a picture to chat'; - sendButton.classList.add('fa-solid'); + const sendButton = $(` +
+
+ Send a picture +
`); + + $('#extensionsMenu').prepend(sendButton); $(sendButton).hide(); - $(sendButton).on('click', () => $('#img_file').click()); - $('#send_but_sheld').prepend(sendButton); + $(sendButton).on('click', () => $('#img_file').trigger('click')); } function addPictureSendForm() { const inputHtml = ``; diff --git a/public/scripts/extensions/caption/style.css b/public/scripts/extensions/caption/style.css index 044c21800..58f93eb55 100644 --- a/public/scripts/extensions/caption/style.css +++ b/public/scripts/extensions/caption/style.css @@ -1,24 +1,3 @@ -#send_picture { - order: 200; - width: 40px; - height: 40px; - margin: 0; - padding: 1px; - outline: none; - border: none; - cursor: pointer; - transition: 0.3s; - opacity: 0.7; - display: flex; - align-items: center; - justify-content: center; -} - -#send_picture:hover { - opacity: 1; - filter: brightness(1.2); -} - #img_form { display: none; } diff --git a/public/scripts/extensions/stable-diffusion/index.js b/public/scripts/extensions/stable-diffusion/index.js index 1222bd22c..c4b5b9d61 100644 --- a/public/scripts/extensions/stable-diffusion/index.js +++ b/public/scripts/extensions/stable-diffusion/index.js @@ -549,7 +549,7 @@ function addSDGenButtons() { const buttonHtml = `
- StableDiffusion + Stable Diffusion
`; @@ -757,7 +757,7 @@ jQuery(async () => { -
+