studio - page headers: added in logic to style page actions' height based on…

studio - page headers: added in logic to style page actions' height based on title having a subtitle or not

cms/static/sass/_base.scss

@@ -133,7 +133,7 @@ h1 {
 
       .nav-actions {
         position: relative;
-        bottom: -($baseline*1.5);
+        bottom: -($baseline*0.75);
         float: right;
         width: flex-grid(4,12);
         text-align: right;
@@ -164,6 +164,14 @@ h1 {
         }
       }
     }
+
+    // layout with actions
+    &.has-subtitle {
+
+      .nav-actions {
+        bottom: -($baseline*1.5);
+      }
+    }
   }
 
   // page metadata/action bar

cms/templates/asset_index.html

@@ -34,7 +34,7 @@
   </script>
 
   <div class="wrapper-mast wrapper">
-    <header class="mast has-actions">
+    <header class="mast has-actions has-subtitle">
       <div class="title">
         <span class="title-sub">Course Content</span>
         <h1 class="title-1">Files &amp; Uploads</h1>        

cms/templates/course_info.html

@@ -43,7 +43,7 @@
 
 <%block name="content">
   <div class="wrapper-mast wrapper">
-    <header class="mast has-actions">
+    <header class="mast has-actions has-subtitle">
       <div class="title">
         <span class="title-sub">Course Content</span>
         <h1 class="title-1">Course Updates</h1>

cms/templates/edit-tabs.html

@@ -16,7 +16,7 @@
 
 <%block name="content">
 <div class="wrapper-mast wrapper">
-  <header class="mast has-actions">
+  <header class="mast has-actions has-subtitle">
     <div class="title">
       <span class="title-sub">Course Content</span>
       <h1 class="title-1">Static Pages</h1>

cms/templates/export.html

@@ -7,7 +7,7 @@
 
 <%block name="content">
 <div class="wrapper-mast wrapper">
-  <header class="mast">
+  <header class="mast has-subtitle">
     <div class="title">
       <span class="title-sub">Tools</span>
       <h1 class="title-1">Course Export</h1>

cms/templates/import.html

@@ -7,7 +7,7 @@
 
 <%block name="content">
 <div class="wrapper-mast wrapper">
-  <header class="mast">
+  <header class="mast has-subtitle">
     <div class="title">
       <span class="title-sub">Tools</span>
       <h1 class="title-1">Course Import</h1>

cms/templates/index.html

@@ -45,7 +45,7 @@
         <ul>
           <li class="nav-item">
             % if not disable_course_creation:
-              <a href="#" class="new-button new-course-button"><span class="plus-icon white"></span> New Course</a>
+              <a href="#" class="button new-button new-course-button"><i class="ss-icon ss-symbolicons-standard icon icon-create">&#x002B;</i> New Course</a>
             % endif
           </li>
         </ul>

cms/templates/manage_users.html

@@ -5,7 +5,7 @@
 
 <%block name="content">
 <div class="wrapper-mast wrapper">
-  <header class="mast has-actions">
+  <header class="mast has-actions has-subtitle">
     <div class="title">
       <span class="title-sub">Course Settings</span>
       <h1 class="title-1">Course Team</h1>

cms/templates/overview.html

@@ -121,7 +121,7 @@
   </div>
 
   <div class="wrapper-mast wrapper">
-    <header class="mast has-actions">
+    <header class="mast has-actions has-subtitle">
       <div class="title">
         <span class="title-sub">Course Content</span>
         <h1 class="title-1">Course Outline</h1>

cms/templates/settings.html

@@ -43,7 +43,7 @@ from contentstore import utils
 
 <%block name="content">
 <div class="wrapper-mast wrapper">
-  <header class="mast">
+  <header class="mast has-subtitle">
     <div class="title">
       <span class="title-sub">Settings</span>
       <h1 class="title-1">Schedule &amp; Details</h1>

cms/templates/settings_graders.html

@@ -40,7 +40,7 @@ from contentstore import utils
 
 <%block name="content">
 <div class="wrapper-mast wrapper">
-  <header class="mast">
+  <header class="mast has-subtitle">
     <div class="title">
       <span class="title-sub">Settings</span>
       <h1 class="title-1">Grading</h1>