Change input sizes to be consistent

This commit is contained in:
Pavel Djundik 2018-06-19 13:32:15 +03:00
parent 36aef26ce9
commit a124e7bdb8
3 changed files with 15 additions and 19 deletions

View file

@ -858,9 +858,11 @@ background on hover (unless active) */
margin: 2px 0; margin: 2px 0;
margin-bottom: 10px; margin-bottom: 10px;
outline: 0; outline: 0;
padding: 8px 10px; padding: 0 10px;
transition: border-color 0.2s; transition: border-color 0.2s;
width: 100%; width: 100%;
height: 35px;
line-height: 35px;
} }
.input:disabled { .input:disabled {
@ -872,12 +874,11 @@ background on hover (unless active) */
border-color: #79838c; border-color: #79838c;
} }
#windows select.input {
height: 35px;
}
#user-specified-css-input { #user-specified-css-input {
resize: vertical; resize: vertical;
height: 10em;
padding: 6px 10px;
line-height: 1.5;
} }
#windows .window { #windows .window {
@ -1022,7 +1023,7 @@ background on hover (unless active) */
visibility: hidden; visibility: hidden;
} }
#windows #form .input, #windows #form,
.messages .msg, .messages .msg,
.userlist { .userlist {
font-size: 14px; font-size: 14px;
@ -1745,8 +1746,8 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
font: normal normal normal 14px/1 FontAwesome; font: normal normal normal 14px/1 FontAwesome;
font-size: 16px; font-size: 16px;
color: #607992; color: #607992;
width: 37px; width: 35px;
height: 37px; height: 35px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -1895,9 +1896,6 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
#form { #form {
flex: 0 0 auto; flex: 0 0 auto;
}
#windows #form .input {
border: 0; border: 0;
border-top: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7;
border-radius: 0; border-radius: 0;

View file

@ -85,13 +85,11 @@
<div id="chat"></div> <div id="chat"></div>
<div id="connection-error"></div> <div id="connection-error"></div>
<form id="form" method="post" action=""> <form id="form" method="post" action="">
<div class="input"> <span id="nick"></span>
<span id="nick"></span> <textarea id="input" class="mousetrap"></textarea>
<textarea id="input" class="mousetrap"></textarea> <span id="submit-tooltip" class="tooltipped tooltipped-w tooltipped-no-touch" aria-label="Send message">
<span id="submit-tooltip" class="tooltipped tooltipped-w tooltipped-no-touch" aria-label="Send message"> <button id="submit" type="submit" aria-label="Send message"></button>
<button id="submit" type="submit" aria-label="Send message"></button> </span>
</span>
</div>
</form> </form>
</div> </div>
<div id="sign-in" class="window" role="tabpanel" aria-label="Sign-in"></div> <div id="sign-in" class="window" role="tabpanel" aria-label="Sign-in"></div>

View file

@ -81,7 +81,7 @@
.irc-fg12 { color: #50a8ff; } .irc-fg12 { color: #50a8ff; }
/* Message form */ /* Message form */
#windows #form .input { #form {
background-color: #28333d; background-color: #28333d;
border-color: #28333d; border-color: #28333d;
color: var(--body-color); color: var(--body-color);