Merge pull request #2212 from thelounge/xpaw/hide-chan-list

Allow hiding channel list on desktop
This commit is contained in:
Pavel Djundik 2018-03-14 10:54:09 +02:00 committed by GitHub
commit 9414989fc1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -221,7 +221,6 @@ kbd {
#viewport .rt::before, #viewport .rt::before,
#chat button.menu::before, #chat button.menu::before,
#sidebar .chan::before, #sidebar .chan::before,
#chat .title::before,
#footer .icon, #footer .icon,
#chat .count::before, #chat .count::before,
#settings .extra-experimental, #settings .extra-experimental,
@ -278,9 +277,7 @@ kbd {
.context-menu-list::before { content: "\f03a"; /* http://fontawesome.io/icon/list/ */ } .context-menu-list::before { content: "\f03a"; /* http://fontawesome.io/icon/list/ */ }
.context-menu-action-whois::before { content: "\f05a"; /* http://fontawesome.io/icon/info-circle/ */ } .context-menu-action-whois::before { content: "\f05a"; /* http://fontawesome.io/icon/info-circle/ */ }
.context-menu-action-kick::before { content: "\f05e"; /* http://fontawesome.io/icon/ban/ */ } .context-menu-action-kick::before { content: "\f05e"; /* http://fontawesome.io/icon/ban/ */ }
.context-menu-network::before { content: "\f233"; /* https://fontawesome.com/icons/server?style=solid */ }
.context-menu-network::before,
#chat .lobby .title::before { content: "\f233"; /* https://fontawesome.com/icons/server?style=solid */ }
#sidebar .not-secure-icon::before { #sidebar .not-secure-icon::before {
content: "\f071"; /* https://fontawesome.com/icons/exclamation-triangle?style=solid */ content: "\f071"; /* https://fontawesome.com/icons/exclamation-triangle?style=solid */
@ -292,15 +289,12 @@ kbd {
.context-menu-query::before, .context-menu-query::before,
.context-menu-action-query::before, .context-menu-action-query::before,
#sidebar .chan.query::before, #sidebar .chan.query::before { content: "\f075"; /* https://fontawesome.com/icons/comment?style=solid */ }
#chat .query .title::before { content: "\f075"; /* https://fontawesome.com/icons/comment?style=solid */ }
.context-menu-chan::before, .context-menu-chan::before,
#sidebar .chan.channel::before, #sidebar .chan.channel::before { content: "\f086"; /* http://fontawesome.io/icon/comments/ */ }
#chat .channel .title::before { content: "\f086"; /* http://fontawesome.io/icon/comments/ */ }
#sidebar .chan.special::before, #sidebar .chan.special::before { content: "\f03a"; /* http://fontawesome.io/icon/list/ */ }
#chat .special .title::before { content: "\f03a"; /* http://fontawesome.io/icon/list/ */ }
#footer .sign-in::before { content: "\f023"; /* http://fontawesome.io/icon/lock/ */ } #footer .sign-in::before { content: "\f023"; /* http://fontawesome.io/icon/lock/ */ }
#footer .connect::before { content: "\f067"; /* http://fontawesome.io/icon/plus/ */ } #footer .connect::before { content: "\f067"; /* http://fontawesome.io/icon/plus/ */ }
@ -491,7 +485,6 @@ kbd {
} }
#viewport .lt { #viewport .lt {
display: none;
position: relative; position: relative;
} }
@ -525,7 +518,8 @@ kbd {
width: 220px; width: 220px;
} }
#viewport.menu-open #sidebar { #sidebar.menu-open {
display: none;
will-change: transform; will-change: transform;
} }
@ -637,13 +631,9 @@ kbd {
color: #f1978e; color: #f1978e;
} }
#sidebar .chan::before, #sidebar .chan::before {
#chat .title::before {
width: 14px; width: 14px;
margin-right: 12px; margin-right: 12px;
}
#sidebar .chan::before {
line-height: 18px; line-height: 18px;
} }
@ -920,7 +910,7 @@ kbd {
#windows .header .title { #windows .header .title {
font-size: 15px; font-size: 15px;
padding-left: 14px; padding-left: 6px;
flex-shrink: 0; flex-shrink: 0;
} }
@ -2285,6 +2275,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
} }
#sidebar.menu-open { #sidebar.menu-open {
display: flex;
transform: translate3d(220px, 0, 0); transform: translate3d(220px, 0, 0);
} }
@ -2321,10 +2312,6 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
#chat .header .title { #chat .header .title {
padding-left: 6px; padding-left: 6px;
} }
#chat .title::before {
display: none;
}
} }
@media (max-width: 479px) { @media (max-width: 479px) {