Preserve line breaks in text messages
This commit is contained in:
parent
bb3277652c
commit
288be1fa49
2 changed files with 7 additions and 3 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue