added modal cover for editors

cms/static/coffee/src/views/module_edit.coffee

@@ -56,6 +56,7 @@ class CMS.Views.ModuleEdit extends Backbone.View
     event.preventDefault()
     data = @module.save()
     data.metadata = @metadata()
+    $modalCover.hide()
     @model.save(data).done( =>
     #   # showToastMessage("Your changes have been saved.", null, 3)
       @module = null
@@ -69,9 +70,11 @@ class CMS.Views.ModuleEdit extends Backbone.View
     event.preventDefault()
     @$el.removeClass('editing')
     @$component_editor().slideUp(150)
+    $modalCover.hide()
 
   clickEditButton: (event) ->
     event.preventDefault()
     @$el.addClass('editing')
+    $modalCover.show()
     @$component_editor().slideDown(150)
     @loadEdit()

cms/static/sass/_assets.scss

@@ -5,14 +5,6 @@
     background-color: #fff;
   }
 
-  .upload-button {
-    @include blue-button;
-    float: left;
-    margin-right: 20px;
-    padding: 8px 30px 10px;
-    font-size: 12px;
-  }
-
   .asset-library {
     @include clearfix;
 

cms/static/sass/_graphics.scss

@@ -34,6 +34,14 @@
 	background: url(../img/video-icon.png) no-repeat;
 }
 
+.upload-icon {
+	display: inline-block;
+	width: 22px;
+	height: 13px;
+	margin-right: 5px;
+	background: url(../img/upload-icon.png) no-repeat;
+}
+
 .list-icon {
 	display: inline-block;
 	width: 14px;

cms/static/sass/_header.scss

@@ -5,7 +5,6 @@ body.no-header {
 }
 
 @mixin active {
-	color: $blue;
 	@include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
 	background-color: rgba(255, 255, 255, .3);
 	@include box-shadow(0 -1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 #fff inset);

cms/static/sass/_static-pages.scss

@@ -65,6 +65,9 @@
   }
 
   .component.editing {
+    border-left: 1px solid $mediumGrey;
+    border-right: 1px solid $mediumGrey;
+
     .xmodule_display {
       display: none;
     }

cms/static/sass/_unit.scss

@@ -187,6 +187,7 @@
 
     &.editing {
       border: 1px solid $lightBluishGrey2;
+      z-index: 9999;
 
       .drag-handle,
       .component-actions {

cms/static/sass/_users.scss

@@ -4,14 +4,10 @@
     padding: 30px 40px;
   }
 
-  .new-user-button {
-    margin-bottom: 15px;
-  }
-
   .new-user-form {
     display: none;
     padding: 15px 20px;
-    background: $mediumGrey;
+    background-color: $lightBluishGrey2;
 
     #result {
       display: none;
@@ -41,12 +37,12 @@
 
     .add-button {
       @include blue-button;
-      padding: 6px 20px 8px;
+      padding: 5px 20px 9px;
     }
 
     .cancel-button {
       @include white-button;
-      padding: 6px 20px 8px;
+      padding: 5px 20px 9px;
     }
   }
 

cms/templates/asset_index.html

@@ -35,10 +35,11 @@
 
   <div class="main-wrapper">
     <div class="inner-wrapper">
-      <h1>Asset Library</h1>
       <div class="page-actions">
-        <a href="#" class="upload-button">Upload New File</a>
-	      <input type="text" class="asset-search-input search wip-box" placeholder="search assets" style="display:none"/>
+        <a href="#" class="upload-button new-button">
+          <span class="upload-icon"></span>Upload New Asset
+        </a>
+        <input type="text" class="asset-search-input search wip-box" placeholder="search assets" style="display:none"/>
       </div>
       <article class="asset-library">
         <table>

cms/templates/edit-tabs.html

@@ -18,10 +18,10 @@
 <div class="main-wrapper">
   <div class="inner-wrapper">
     <div class="page-actions">
-        <a href="#" class="new-button new-tab">
-          <span class="plus-icon white"></span>New Tab
-        </a>
-      </div>
+      <a href="#" class="new-button new-tab">
+        <span class="plus-icon white"></span>New Tab
+      </a>
+    </div>
     <article class="unit-body">
       <div class="details">
         <p>Here you can add and manage additional pages for your course. These pages will be added to the primary navigation menu alongside Courseware, Course Info, Discussion, etc.</p>

cms/templates/manage_users.html

@@ -5,17 +5,18 @@
 <%block name="content">
 <div class="main-wrapper">
   <div class="inner-wrapper">
-    <h1>Users</h1>
-
-    <article class="user-overview">
-      <div class="details">
-        <p>The following list of users have been designated as course staff. This means that these users will have permissions to modify course content. You may add additional course staff below, if you are the course instructor. Please note that they must have already registered and verified their account.</p>
-      </div>
+    <div class="page-actions">
       %if allow_actions:
       <a href="#" class="new-button new-user-button">
         <span class="plus-icon white"></span>New User
       </a>
       %endif
+    </div>
+
+    <article class="user-overview">
+      <div class="details">
+        <p>The following list of users have been designated as course staff. This means that these users will have permissions to modify course content. You may add additional course staff below, if you are the course instructor. Please note that they must have already registered and verified their account.</p>
+      </div>      
       %if allow_actions:
       <form class="new-user-form">
         <div id="result"></div>