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

Merge pull request #2368 from thelounge/astorije/window-header

Browse Source 
Remove header border on non-chat windows and reduce top margin a bit more
This commit is contained in:
Jérémie Astori 2018-04-20 19:04:20 +02:00 committed by GitHub
commit bb260c4c04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
client/css/style.css
View File

@ -179,7 +179,7 @@ kbd {
} }
.container { .container {
margin: 20px auto; margin-bottom: 20px;
max-width: 480px; max-width: 480px;
touch-action: pan-y; touch-action: pan-y;
} }
@ -469,7 +469,13 @@ kbd {
width: 36px; width: 36px;
} }
/* Channel list button stays fixed when scrolling... */
#viewport .lt { #viewport .lt {
position: fixed;
}
/* ... Except on chat windows, relative to include the notification dot */
#viewport #chat .lt {
position: relative; position: relative;
} }
@ -876,7 +882,6 @@ kbd {
} }
#windows .header { #windows .header {
border-bottom: 1px solid #e7e7e7;
line-height: 48px; line-height: 48px;
height: 48px; height: 48px;
padding: 0 6px; padding: 0 6px;
@ -885,6 +890,10 @@ kbd {
overflow: hidden; overflow: hidden;
} }
#windows #chat .header {
border-bottom: 1px solid #e7e7e7;
}
#windows .header .title { #windows .header .title {
font-size: 15px; font-size: 15px;
padding-left: 6px; padding-left: 6px;
@ -2207,10 +2216,6 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
opacity: 0; opacity: 0;
} }
.container {
margin-top: 60px !important;
}
#sidebar button, #sidebar button,
#sidebar .chan, #sidebar .chan,
#sidebar .empty, #sidebar .empty,
@ -2287,6 +2292,11 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
display: flex; display: flex;
} }
/* On mobile display, channel list button stays at the top */
#viewport .lt {
position: relative;
}
#chat .userlist { #chat .userlist {
height: 100%; height: 100%;
position: absolute; position: absolute;
@ -2312,7 +2322,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
@media (max-width: 479px) { @media (max-width: 479px) {
.container { .container {
margin: 10px 0 !important; margin: 0;
} }
#sign-in .btn { #sign-in .btn {

2
client/themes/morning.css
View File

@ -32,7 +32,7 @@ body {
/* Borders */ /* Borders */
#chat .content, #chat .content,
#windows .header, #windows #chat .header,
#chat .user-mode::before, #chat .user-mode::before,
#chat .userlist { #chat .userlist {
border-color: #2a323d; border-color: #2a323d;