Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

css changes for status bar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/ui/web/css/main.css
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;

2
src/ui/web/login/SessionLoadView.js
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)
]); ]);
} }