css changes for status bar

This commit is contained in:
Bruno Windels 2020-05-05 23:18:31 +02:00
parent 0623c1c665
commit 22821af346
2 changed files with 20 additions and 7 deletions

View File

@ -14,19 +14,32 @@
color: white;
}
.hidden {
.hiddenWithLayout {
visibility: hidden;
}
.SyncStatusBar {
background-color: #555;
display: none;
.hidden {
display: none !important;
}
.SyncStatusBar_shown {
display: unset;
.SessionStatusView {
display: flex;
padding: 5px;
background-color: #555;
}
.SessionStatusView p {
margin: 0 10px;
}
.SessionStatusView button {
border: none;
background: none;
color: currentcolor;
text-decoration: underline;
}
.RoomPlaceholderView {
display: flex;
align-items: center;

View File

@ -4,7 +4,7 @@ import {spinner} from "../common.js";
export class SessionLoadView extends TemplateView {
render(t) {
return t.div({className: "SessionLoadView"}, [
spinner(t, {hidden: vm => !vm.loading}),
spinner(t, {hiddenWithLayout: vm => !vm.loading}),
t.p(vm => vm.loadLabel)
]);
}