mirror of
https://github.com/vector-im/hydrogen-web.git
synced 2024-12-22 19:14:52 +01:00
css changes for status bar
This commit is contained in:
parent
0623c1c665
commit
22821af346
@ -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;
|
||||||
|
@ -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)
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user