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

This commit is contained in:
Brian Talbot
2013-02-14 09:38:32 -05:00
parent 41dc655cce
commit 6ade6983ae
11 changed files with 19 additions and 11 deletions

View File

@@ -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

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>