Locate the loading icon at the center of the screen

2017-11-07 01:27:45 +09:00
parent 322869ff5c
commit 1524d2f4d0
1 changed files with 14 additions and 5 deletions
--- a/src/browser/css/components/MattermostView.css
+++ b/src/browser/css/components/MattermostView.css
@@ -6,7 +6,7 @@
  text-align: left;
 }

-.mattermostView webview {
+.mattermostView webview, .mattermostView .mattermostView-loadingScreen {
  position: absolute;
  top: 0px;
  right: 0px;
@@ -14,7 +14,7 @@
  left: 0px;
 }

-.mattermostView-with-tab webview {
+.mattermostView-with-tab webview, .mattermostView-with-tab .mattermostView-loadingScreen {
  top: 31px;
 }

@@ -24,7 +24,16 @@
  height: 0px;
 }

-.mattermostView-loadingImage {
-  text-align: center;
-  margin-top: 64px;
+.mattermostView-loadingScreen {
+  vertical-align: middle;
+  background: white;
+}
+
+.mattermostView-loadingImage {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: auto;
 }