css

3 files changed, 34 insertions, 12 deletions

diff --git a/public/assets/javascripts/rectangles/util/minotaur.js b/public/assets/javascripts/rectangles/util/minotaur.js
index b4c81f0..6eb36ec 100644
--- a/public/assets/javascripts/rectangles/util/minotaur.js
+++ b/public/assets/javascripts/rectangles/util/minotaur.js
@@ -1,14 +1,14 @@
-$(function(){
+(function(){
 
   var Monitor = function () {
     var base = this;
-    base.$el = $("#save");
+    base.$el = $("#minotaur");
     base.timeout = null;
     base.delay = 500;
     base.objects = {};
     
     base.init = function () {
-      base.$el.addClass('saved').html('Save');
+      base.$el.addClass('saved');
       base.$el.click(base.save);
     }
 
@@ -17,12 +17,12 @@ $(function(){
       base.objects[object.type][object.id] = object;
       base.clear();
       base.timeout = setTimeout(base.save, base.delay);
-    };
+    }
     
     base.clear = function () {
       if (base.timeout) clearTimeout(base.timeout);
       base.timeout = false;
-    };
+    }
     
     base.save = function () {
       var saving = false;
@@ -34,7 +34,7 @@ $(function(){
             return;
           var obj = base.objects[type][id];
           if (obj) obj.save(function(){
-            base.$el.removeClass('unsaved saving').addClass('saved').html('Saved');
+            base.$el.removeClass('unsaved saving').addClass('saved');
             saving = true;
           });
           base.objects[type][id] = false;
@@ -42,17 +42,18 @@ $(function(){
       }
 
       if (saving) {
-        base.$el.removeClass('unsaved saved').addClass('saving').html('Saving');
+        base.$el.removeClass('unsaved saved').addClass('saving');
       }
       else {
-        base.$el.removeClass('unsaved saving').addClass('saved').html('Saved');
+        base.$el.removeClass('unsaved saving').addClass('saved');
       }
       
       base.objects = {};
-    };
+    }
     
     base.init();
-  };
+  }
   
   window.Minotaur = new Monitor ();
-});
+
+})()
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index e15ba84..63a4496 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -629,7 +629,24 @@ iframe.embed {
 	background-size: 100% 100%;
 }
 
-
+#minotaur {
+  position: absolute;
+  top: 26px;
+  right: 260px;
+  opacity: 0;
+}
+#minotaur .label:after {
+  padding: 6px;
+  font-size: 13px;
+  font-weight: 300;
+}
+#minotaur.saving {
+  background: #8fd;
+  opacity: 1;
+}
+#minotaur.saving .label:after {
+  content: 'SAVING';
+}
 
 .rapper {
   position:relative;
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index e83f42a..6697aff 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -1,5 +1,9 @@
 <a href="/" class="logo"><img src="/assets/img/logo4.svg"></a>
 
+<div id="minotaur">
+  <span class="label"></span>
+</div>
+
 <span class="topLinks">
 [[ if (logged_in) { ]]