Merge pull request #7395 from Stanford-Online/kluo/fix-modal-display-issue

Fix modal css to be hidden immediately

cms/static/sass/_base.scss

@@ -666,22 +666,18 @@ hr.divider {
   }
 }
 
-// +JS Dependent
-// ==================== 
-body.js {
-
-  // lean/simple modal window
-  .content-modal {
+// lean/simple modal window
+.content-modal {
   @include border-bottom-radius(2px);
   @include box-sizing(border-box);
-    box-shadow: 0 2px 4px $shadow-d1;
   position: relative;
   display: none;
   width: 700px;
-    overflow: hidden;
-    border: 1px solid $gray-d1;
   padding: ($baseline);
+  border: 1px solid $gray-d1;
   background: $white;
+  box-shadow: 0 2px 4px $shadow-d1;
+  overflow: hidden;
 
   .action-modal-close {
     @include transition(top $tmg-f3 ease-in-out 0s);
@@ -703,8 +699,8 @@ body.js {
     }
 
     &:hover {
-        background: $blue;
       top: 0;
+      background: $blue;
     }
   }
 
@@ -728,5 +724,5 @@ body.js {
     margin-top: ($baseline/2);
     color: $gray-l1;
   }
-  }
 }
+

common/static/css/vendor/normalize.css

@@ -405,10 +405,3 @@ table {
     border-spacing: 0;
 }
 
-/**
- * Hide staticpage preview on load (Studio).
- */
-
-#preview-lms-staticpages {
-    display: none;
-}