Preserve line breaks in text messages

This commit is contained in:
RobinLinus 2020-12-16 06:04:58 +01:00
parent bb3277652c
commit 288be1fa49
2 changed files with 7 additions and 3 deletions

View file

@ -84,7 +84,7 @@
<x-background class="full center"> <x-background class="full center">
<x-paper shadow="2"> <x-paper shadow="2">
<h3>Send a Message</h3> <h3>Send a Message</h3>
<input id="textInput" placeholder="Send a message" autocomplete="off" autofocus> <textarea id="textInput" placeholder="Send a message" autocomplete="off" autofocus></textarea>
<div class="row-reverse"> <div class="row-reverse">
<button class="button" type="submit" close>Send</button> <button class="button" type="submit" close>Send</button>
<a class="button" close>Cancel</a> <a class="button" close>Cancel</a>

View file

@ -367,6 +367,7 @@ x-dialog a{
-webkit-user-select: all; -webkit-user-select: all;
-moz-user-select: all; -moz-user-select: all;
user-select: all; user-select: all;
white-space: pre;
} }
#receiveTextDialog #text a { #receiveTextDialog #text a {
@ -463,17 +464,20 @@ button::-moz-focus-inner {
/* Text Input */ /* Text Input */
input { input,
textarea {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
border: none; border: none;
outline: none; outline: none;
padding: 16px 24px; padding: 16px 24px;
background: #f1f3f4; background: #f1f3f4;
border-radius: 50px; border-radius: 16px;
margin: 8px 0; margin: 8px 0;
line-height: 16px; line-height: 16px;
font-size: 14px; font-size: 14px;
font-family: inherit;
resize: none;
} }