Remove patches from send form and make it display flex

This commit is contained in:
SillyLossy
2023-04-21 18:16:31 +03:00
parent 50526a16b9
commit 5763404b05
3 changed files with 2 additions and 17 deletions

View File

@ -91,12 +91,6 @@ async function onSelectImage(e) {
} }
$(document).ready(function () { $(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() { function addSendPictureButton() {
const sendButton = document.createElement('div'); const sendButton = document.createElement('div');
sendButton.id = 'send_picture'; sendButton.id = 'send_picture';
@ -118,7 +112,6 @@ $(document).ready(function () {
addPictureSendForm(); addPictureSendForm();
addSendPictureButton(); addSendPictureButton();
setImageIcon(); setImageIcon();
patchSendForm();
moduleWorker(); moduleWorker();
setInterval(moduleWorker, UPDATE_INTERVAL); setInterval(moduleWorker, UPDATE_INTERVAL);
}); });

View File

@ -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() { async function moduleWorker() {
const context = getContext(); const context = getContext();
@ -97,7 +90,6 @@ async function moduleWorker() {
$(document).ready(function () { $(document).ready(function () {
addDiceScript(); addDiceScript();
addDiceRollButton(); addDiceRollButton();
patchSendForm();
setDiceIcon(); setDiceIcon();
moduleWorker(); moduleWorker();
setInterval(moduleWorker, UPDATE_INTERVAL); setInterval(moduleWorker, UPDATE_INTERVAL);

View File

@ -279,9 +279,8 @@ code {
} }
#send_form { #send_form {
display: grid; display: flex;
align-items: center; align-items: center;
grid-template-columns: 40px auto 40px;
width: 100%; width: 100%;
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
border: 1px solid var(--grey30a); border: 1px solid var(--grey30a);
@ -644,6 +643,7 @@ select {
font-family: "Noto Sans", "Noto Color Emoji", sans-serif; font-family: "Noto Sans", "Noto Color Emoji", sans-serif;
margin: 0; margin: 0;
text-shadow: #000 0 0 3px; text-shadow: #000 0 0 3px;
flex: 1;
} }
#send_textarea::placeholder, #send_textarea::placeholder,