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

Fix some missing parts from recent font changes/resizing

Browse Source 
- Separate messages by one more pixel: the recent font changes make multiline messages rather hard to differentite from one another. I believe adding 2px looked better, but I knew that would cause riots so I went for a middle ground 😅
- Make previews the same size than messages themselves, and adapt the thumbnail height accordingly
- Make the message input font size same as message size
This commit is contained in:
Jérémie Astori 2017-10-03 00:55:48 -04:00
parent fc0af518c6
commit 54cffb4712
No known key found for this signature in database
GPG Key ID: B9A4F245CD67BDE8
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
client/css/style.css
View File

@ -848,10 +848,6 @@ kbd {
line-height: 1.4; line-height: 1.4;
} }
#windows #form .input {
font-size: 13px;
}
#windows #chat .header { #windows #chat .header {
display: block; display: block;
} }
@ -998,7 +994,7 @@ kbd {
#chat .time, #chat .time,
#chat .from, #chat .from,
#chat .content { #chat .content {
padding: 2px 0; padding: 3px 0;
flex: 0 0 auto; flex: 0 0 auto;
} }
@ -1196,9 +1192,9 @@ kbd {
border-radius: 2px; border-radius: 2px;
display: none; display: none;
color: #222; color: #222;
font-size: 12px;
max-width: 100%; max-width: 100%;
margin: 2px 0; margin: 0;
margin-top: 6px;
overflow: hidden; overflow: hidden;
} }
@ -1210,7 +1206,7 @@ kbd {
#chat .toggle-content .thumb { #chat .toggle-content .thumb {
max-width: 48px; max-width: 48px;
max-height: 32px; max-height: 38px;
} }
#chat .toggle-thumbnail { #chat .toggle-thumbnail {
@ -1577,9 +1573,9 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
background: transparent; background: transparent;
border: none; border: none;
font: inherit; font: inherit;
min-height: 18px; /* Required when computing input height at char deletion */ min-height: 19px; /* Required when computing input height at char deletion */
height: 18px; height: 19px;
max-height: 90px; max-height: 95px; /* min-height/height x number of lines maximum */
line-height: 1.4; line-height: 1.4;
outline: none; outline: none;
margin: 5px; margin: 5px;
@ -2015,6 +2011,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
#help .about, #help .about,
#loading, #loading,
#context-menu, #context-menu,
#form #input,
.textcomplete-menu, .textcomplete-menu,
.messages .msg { .messages .msg {
font-size: 15px; font-size: 15px;