supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #2548 from thelounge/xpaw/input-height

Browse Source 
Fix text not having enough space in <select> with some fonts
This commit is contained in:
Jérémie Astori 2018-06-21 21:10:40 -04:00 committed by GitHub
commit 4b19f79cb8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/css/style.css
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;

2
client/index.html.tpl
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>

2
client/themes/morning.css
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);