Changed main loader style.

11 years ago · 3f173297f7
5 changed files with 18 additions and 13 deletions
--- a/html/main.html
+++ b/html/main.html
@ -5,7 +5,7 @@
				@@ -5,7 +5,7 @@
 </head>
 <body ng-controller="MediastreamController">
 <div id="background"></div>
-<div id="loader"><div><i class="fa fa-spinner fa-spin"></i></div></div>
+<div id="loader"><div><i class="fa fa-circle-o-notch fa-spin"></i><div class="loader-message"></div></div></div>
 <page></page>
 <div id="bar">
    <div class="bar">
--- a/src/styles/global/_base.scss
+++ b/src/styles/global/_base.scss
@ -101,19 +101,24 @@ a {
				@@ -101,19 +101,24 @@ a {
  z-index: 20000;
  transition-property: opacity;
  transition-duration: .5s;
-  div {
+  &.done {
+    opacity: 0;
+  }
+  > div {
    color: $loading;
    display: block;
-    font-size: 3em;
+    font-size: 2em;
    left: 0;
    margin: 0 auto;
    right: 0;
    position: absolute;
-    top: 50%;
+    bottom: 0px;
+    margin-bottom: -40px;
    text-align: center;
+    text-shadow: 0 0 5px black;
  }
-  &.done {
-    opacity: 0;
+  .loader-message {
+    font-size: 0.5em;
  }
 }

--- a/static/css/bootstrap.min.css
+++ b/static/css/bootstrap.min.css
--- a/static/css/font-awesome.min.css
+++ b/static/css/font-awesome.min.css
--- a/static/css/main.min.css
+++ b/static/css/main.min.css