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; color: white;
} }
.hidden { .hiddenWithLayout {
visibility: hidden; visibility: hidden;
} }
.SyncStatusBar { .hidden {
background-color: #555; display: none !important;
display: none;
} }
.SyncStatusBar_shown { .SessionStatusView {
display: unset; display: flex;
padding: 5px;
background-color: #555;
} }
.SessionStatusView p {
margin: 0 10px;
}
.SessionStatusView button {
border: none;
background: none;
color: currentcolor;
text-decoration: underline;
}
.RoomPlaceholderView { .RoomPlaceholderView {
display: flex; display: flex;
align-items: center; align-items: center;

View File

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