diff --git a/public/scripts/extensions/caption/index.js b/public/scripts/extensions/caption/index.js index dda9405e0..94c7bd049 100644 --- a/public/scripts/extensions/caption/index.js +++ b/public/scripts/extensions/caption/index.js @@ -91,12 +91,6 @@ async function onSelectImage(e) { } $(document).ready(function () { - function patchSendForm() { - const columns = $('#send_form').css('grid-template-columns').split(' '); - columns[columns.length - 1] = `${parseInt(columns[columns.length - 1]) + 40}px`; - columns[1] = 'auto'; - $('#send_form').css('grid-template-columns', columns.join(' ')); - } function addSendPictureButton() { const sendButton = document.createElement('div'); sendButton.id = 'send_picture'; @@ -118,7 +112,6 @@ $(document).ready(function () { addPictureSendForm(); addSendPictureButton(); setImageIcon(); - patchSendForm(); moduleWorker(); setInterval(moduleWorker, UPDATE_INTERVAL); }); \ No newline at end of file diff --git a/public/scripts/extensions/dice/index.js b/public/scripts/extensions/dice/index.js index 14922fc9e..3a5538dbe 100644 --- a/public/scripts/extensions/dice/index.js +++ b/public/scripts/extensions/dice/index.js @@ -79,13 +79,6 @@ function addDiceScript() { } } -function patchSendForm() { - const columns = $('#send_form').css('grid-template-columns').split(' '); - columns[columns.length - 1] = `${parseInt(columns[columns.length - 1]) + 40}px`; - columns[1] = 'auto'; - $('#send_form').css('grid-template-columns', columns.join(' ')); -} - async function moduleWorker() { const context = getContext(); @@ -97,7 +90,6 @@ async function moduleWorker() { $(document).ready(function () { addDiceScript(); addDiceRollButton(); - patchSendForm(); setDiceIcon(); moduleWorker(); setInterval(moduleWorker, UPDATE_INTERVAL); diff --git a/public/style.css b/public/style.css index 22532129c..f312124b6 100644 --- a/public/style.css +++ b/public/style.css @@ -279,9 +279,8 @@ code { } #send_form { - display: grid; + display: flex; align-items: center; - grid-template-columns: 40px auto 40px; width: 100%; margin: 0 auto 0 auto; border: 1px solid var(--grey30a); @@ -644,6 +643,7 @@ select { font-family: "Noto Sans", "Noto Color Emoji", sans-serif; margin: 0; text-shadow: #000 0 0 3px; + flex: 1; } #send_textarea::placeholder,