Use input instead of textarea for room URL

This commit is contained in:
Alan Friedman 2016-01-25 15:44:50 -05:00
parent 557a22a01e
commit 663fee0797
3 changed files with 9 additions and 16 deletions

View File

@ -53,9 +53,9 @@ $(function() {
return; return;
} }
$('textarea.share-text').val("https://darkwire.io" + roomId); $('input.share-text').val("https://darkwire.io" + roomId);
$('textarea.share-text').click(function() { $('input.share-text').click(function() {
$(this).focus(); $(this).focus();
$(this).select(); $(this).select();
this.setSelectionRange(0, 9999); this.setSelectionRange(0, 9999);

View File

@ -51,12 +51,6 @@ html, body {
border: 1px solid #444; border: 1px solid #444;
} }
input {
background: black !important;
color: white !important;
}
ul { ul {
list-style: none; list-style: none;
word-wrap: break-word; word-wrap: break-word;
@ -182,6 +176,8 @@ input {
/* Input */ /* Input */
.inputMessage{ .inputMessage{
background: black !important;
color: white !important;
border: none; border: none;
border-top: 1px solid #282828; border-top: 1px solid #282828;
bottom: 0; bottom: 0;
@ -220,8 +216,9 @@ html.no-touchevents .chat #input-icons {
} }
.participants { .participants {
position: relative; /*position: relative;*/
top: 16px; /*top: 16px;*/
float: left;
text-align: center; text-align: center;
padding: 16px; padding: 16px;
cursor: pointer; cursor: pointer;
@ -265,10 +262,6 @@ html.no-touchevents .chat #input-icons {
display: none; display: none;
} }
textarea#share-text {
resize: none;
}
.form-control[readonly] { .form-control[readonly] {
color: black !important; color: black !important;
} }

View File

@ -92,7 +92,7 @@
<div class="modal-body"> <div class="modal-body">
<h6>Invite People to This Room</h6> <h6>Invite People to This Room</h6>
<p> <p>
<textarea class="form-control share-text" rows="3" readonly id="settings-share-text" onclick="this.select()"></textarea> <input type="text" class="form-control share-text" readonly>
</p> </p>
<br> <br>
<h6>Sound</h6> <h6>Sound</h6>
@ -118,7 +118,7 @@
<br> <br>
<h6>Invite People to This Room</h6> <h6>Invite People to This Room</h6>
<p> <p>
<textarea class="form-control share-text" rows="3" readonly id="share-text"></textarea> <input type="text" class="form-control share-text" readonly>
</p> </p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">