Commit 44d3cb44 by Frances Botsford

updated responsive body class to .is-view-in-course

parent 03520e66
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<%namespace name='static' file='/static_content.html'/> <%namespace name='static' file='/static_content.html'/>
<%inherit file="/main.html" /> <%inherit file="/main.html" />
<%block name="bodyclass">view-teams is-in-course course js</%block> <%block name="bodyclass">view-teams view-in-course course js</%block>
<%block name="pagetitle">${_("Teams")}</%block> <%block name="pagetitle">${_("Teams")}</%block>
<%block name="headextra"> <%block name="headextra">
......
...@@ -3,8 +3,7 @@ ...@@ -3,8 +3,7 @@
// overriding existing styles on the body element // overriding existing styles on the body element
// .view-incourse scopes these rules to be specific to student being in a course // .view-incourse scopes these rules to be specific to student being in a course
body.view-incourse, body.view-in-course {
body.is-in-course {
background-color: $body-bg; background-color: $body-bg;
// keep application of widths to window-wrap // keep application of widths to window-wrap
...@@ -59,12 +58,17 @@ body.is-in-course { ...@@ -59,12 +58,17 @@ body.is-in-course {
.profile-wrapper, .profile-wrapper,
.instructor-dashboard-wrapper-2, .instructor-dashboard-wrapper-2,
.wiki-wrapper, .wiki-wrapper,
.teams-wrapper { .teams-wrapper,
.static_tab_wrapper {
max-width: 1180px; max-width: 1180px;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
} }
.static_tab_wrapper {
padding: 2em 2.5em;
}
// post-container footer (creative commons) // post-container footer (creative commons)
.container-footer { .container-footer {
max-width: none; max-width: none;
...@@ -81,12 +85,16 @@ body.is-in-course { ...@@ -81,12 +85,16 @@ body.is-in-course {
// site footer // site footer
.wrapper-footer { .wrapper-footer {
margin-top: $baseline; margin-top: ($baseline*2);
padding-right: 2%; padding-right: 2%;
padding-left: 2%; padding-left: 2%;
footer#footer-openedx { // TODO check edX footer when it launches footer#footer-openedx { // shame selector to match existing
min-width: auto; min-width: auto;
} }
} }
footer#footer-edx-v3 { // shame selector to match existing
margin-top: ($baseline*2);
}
} }
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
.wrapper-footer { .wrapper-footer {
@extend %ui-print-excluded; @extend %ui-print-excluded;
margin-top: ($baseline*2);
box-shadow: 0 -1px 5px 0 $shadow-l1; box-shadow: 0 -1px 5px 0 $shadow-l1;
border-top: 1px solid tint($m-gray, 50%); border-top: 1px solid tint($m-gray, 50%);
padding: 25px ($baseline/2) ($baseline*1.5) ($baseline/2); padding: 25px ($baseline/2) ($baseline*1.5) ($baseline/2);
......
...@@ -10,7 +10,7 @@ from edxnotes.helpers import is_feature_enabled as is_edxnotes_enabled ...@@ -10,7 +10,7 @@ from edxnotes.helpers import is_feature_enabled as is_edxnotes_enabled
<% return _("{course_number} Courseware").format(course_number=course.display_number_with_default) %> <% return _("{course_number} Courseware").format(course_number=course.display_number_with_default) %>
</%def> </%def>
<%block name="bodyclass">view-incourse view-courseware courseware ${course.css_class or ''}</%block> <%block name="bodyclass">view-in-course view-courseware courseware ${course.css_class or ''}</%block>
<%block name="title"><title> <%block name="title"><title>
% if section_title: % if section_title:
${page_title_breadcrumbs(section_title, course_name())} ${page_title_breadcrumbs(section_title, course_name())}
......
...@@ -14,7 +14,7 @@ from edxnotes.helpers import is_feature_enabled as is_edxnotes_enabled ...@@ -14,7 +14,7 @@ from edxnotes.helpers import is_feature_enabled as is_edxnotes_enabled
<% return _("{course_number} Courseware").format(course_number=course.display_number_with_default) %> <% return _("{course_number} Courseware").format(course_number=course.display_number_with_default) %>
</%def> </%def>
<%block name="bodyclass">view-incourse view-courseware courseware ${course.css_class or ''}</%block> <%block name="bodyclass">view-in-course view-courseware courseware ${course.css_class or ''}</%block>
<%block name="title"><title> <%block name="title"><title>
% if section_title: % if section_title:
${page_title_breadcrumbs(section_title, course_name())} ${page_title_breadcrumbs(section_title, course_name())}
......
...@@ -42,7 +42,7 @@ $(document).ready(function(){ ...@@ -42,7 +42,7 @@ $(document).ready(function(){
</script> </script>
</%block> </%block>
<%block name="bodyclass">view-incourse view-course-info ${course.css_class or ''}</%block> <%block name="bodyclass">view-in-course view-course-info ${course.css_class or ''}</%block>
<section class="container"> <section class="container">
<div class="info-wrapper"> <div class="info-wrapper">
% if user.is_authenticated(): % if user.is_authenticated():
......
...@@ -7,7 +7,7 @@ from util.date_utils import get_time_display, DEFAULT_SHORT_DATE_FORMAT ...@@ -7,7 +7,7 @@ from util.date_utils import get_time_display, DEFAULT_SHORT_DATE_FORMAT
from django.conf import settings from django.conf import settings
from django.utils.http import urlquote_plus from django.utils.http import urlquote_plus
%> %>
<%block name="bodyclass">view-incourse view-progress</%block> <%block name="bodyclass">view-in-course view-progress</%block>
<%block name="headextra"> <%block name="headextra">
<%static:css group='style-course-vendor'/> <%static:css group='style-course-vendor'/>
......
<%inherit file="/main.html" /> <%inherit file="/main.html" />
<%block name="bodyclass">view-incourse view-statictab ${course.css_class or ''}</%block> <%block name="bodyclass">view-in-course view-statictab ${course.css_class or ''}</%block>
<%namespace name='static' file='/static_content.html'/> <%namespace name='static' file='/static_content.html'/>
<%block name="headextra"> <%block name="headextra">
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
from django.utils.translation import ugettext as _ from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse from django.core.urlresolvers import reverse
%> %>
<%block name="bodyclass">view-incourse view-instructordash</%block> <%block name="bodyclass">view-in-course view-instructordash</%block>
## ----- Tips on adding something to the new instructor dashboard ----- ## ----- Tips on adding something to the new instructor dashboard -----
## 1. add your input element, e.g. in instructor_dashboard2/data_download.html ## 1. add your input element, e.g. in instructor_dashboard2/data_download.html
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
{% block title %}<title>{% block pagetitle %}{% endblock %} | {% trans "Wiki" %} | {% platform_name %}</title>{% endblock %} {% block title %}<title>{% block pagetitle %}{% endblock %} | {% trans "Wiki" %} | {% platform_name %}</title>{% endblock %}
{% block bodyclass %}view-incourse view-wiki{% endblock %} {% block bodyclass %}view-in-course view-wiki{% endblock %}
{% block headextra %} {% block headextra %}
<script type="text/javascript" src="/i18n.js"></script> <script type="text/javascript" src="/i18n.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment