Improve status tab error layout

This commit is contained in:
Ken-Håvard Lieng 2017-07-03 00:04:10 +02:00
parent 18aff3ded6
commit 8a2fbaca7f
3 changed files with 26 additions and 26 deletions

File diff suppressed because one or more lines are too long

View File

@ -346,7 +346,7 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
.chat-topic { .chat-topic {
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: -4px; top: 3px;
font-size: 16px; font-size: 16px;
color: #999; color: #999;
white-space: nowrap; white-space: nowrap;
@ -648,6 +648,10 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
margin-left: 0; margin-left: 0;
} }
.chat-topic {
font-size: 12px;
}
.userlist-bar { .userlist-bar {
display: none; display: none;
} }
@ -668,10 +672,6 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
display: inline-block; display: inline-block;
} }
.chat-topic {
display: none;
}
.search { .search {
right: 0; right: 0;
} }

View File

@ -21,7 +21,7 @@ export default class ChatTitle extends PureComponent {
let serverError = null; let serverError = null;
if (!tab.name && status.error) { if (!tab.name && status.error) {
serverError = <span className="error">Error! {status.error}</span>; serverError = <span className="chat-topic error">Error: {status.error}</span>;
} }
return ( return (