Garmelon/showbits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix text area width on chrome

Browse source
This commit is contained in:
Joscha 2025-03-03 23:53:25 +01:00
parent fc56be9466
commit d09063b3f3
2 changed files with 6 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

8
showbits-thermal-printer-ui/src/components/CDocumentChat.vue
View file

@ -43,12 +43,10 @@ function submit() {
</label> </label>
<label for="content">Content:</label> <label for="content">Content:</label>
<!-- For some reason one col = 2 characters. -->
<textarea <textarea
id="content" id="content"
v-model="content" v-model="content"
rows="10" rows="10"
cols="24"
:disabled :disabled
@keypress="textareaKeypress" @keypress="textareaKeypress"
></textarea> ></textarea>
@ -71,11 +69,11 @@ textarea {
margin-top: -16px; margin-top: -16px;
align-self: center; align-self: center;
width: fit-content; width: 384px;
/* Prevent manual resizing from changing the width. */ /* Prevent manual resizing from changing the width. */
min-width: fit-content; min-width: 384px;
max-width: fit-content; max-width: 384px;
/* Emulate how typst wraps text. */ /* Emulate how typst wraps text. */
overflow-wrap: normal; overflow-wrap: normal;

8
showbits-thermal-printer-ui/src/components/CDocumentText.vue
View file

@ -35,11 +35,9 @@ function submit() {
<form ref="form" @submit.prevent="submit"> <form ref="form" @submit.prevent="submit">
<h2>Text</h2> <h2>Text</h2>
<!-- For some reason one col = 2 characters. -->
<textarea <textarea
v-model="text" v-model="text"
rows="10" rows="10"
cols="24"
:style="textareaStyle" :style="textareaStyle"
:disabled :disabled
@keypress="textareaKeypress" @keypress="textareaKeypress"
@ -67,11 +65,11 @@ form {
textarea { textarea {
align-self: center; align-self: center;
width: fit-content; width: 384px;
/* Prevent manual resizing from changing the width. */ /* Prevent manual resizing from changing the width. */
min-width: fit-content; min-width: 384px;
max-width: fit-content; max-width: 384px;
} }
.wide { .wide {