diff --git a/lms/static/sass/features/_course-upgrade-message.scss b/lms/static/sass/features/_course-upgrade-message.scss index 4dc85a691cdfa9a9ed7eb5c9f9184f4481e5e6ce..d4a3b60c045e6fb567b866e6b1fdfed2091cc610 100644 --- a/lms/static/sass/features/_course-upgrade-message.scss +++ b/lms/static/sass/features/_course-upgrade-message.scss @@ -4,6 +4,14 @@ the creative property. This will allow us to better track individual performance Search for the courseware_verified_certificate_upsell promotion ID. */ +.course-home-sidebar-upgrade .btn-upgrade { + padding: 10px 20px; +} + +.course-home-sidebar-upgrade .promo-learn-more { + border: none; +} + .section.section-upgrade { border-left: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; @@ -24,6 +32,13 @@ Search for the courseware_verified_certificate_upsell promotion ID. .section-upgrade .upgrade-container { float: right; text-align: center; + margin-top: 15px; +} + +@media only screen and (max-width: 991px) and (min-width: 768px) { + .section-upgrade .upgrade-container { + float: none; + } } .section.section-upgrade p { diff --git a/lms/templates/courseware/course_navigation.html b/lms/templates/courseware/course_navigation.html index b7e4f0432debfcb81fe92f765693830865a1c668..8babf99804b3276c87ecba86a33e6a4d1b2c9553 100644 --- a/lms/templates/courseware/course_navigation.html +++ b/lms/templates/courseware/course_navigation.html @@ -34,7 +34,7 @@ if course is not None: tab_list = get_course_tab_list(request, course) %> % if uses_bootstrap: - <nav class="navbar course-tabs pb-0 navbar-expand"> + <nav class="navbar course-tabs pb-0 navbar-expand" aria-label="${_('Course')}"> <ul class="navbar-nav mr-auto"> % for tab in tab_list: <% diff --git a/openedx/features/course_experience/__init__.py b/openedx/features/course_experience/__init__.py index abddebae279ba720304bd58998adc36629cb884c..b544d264bd2511a14abb20f89a7883c98f34d1e4 100644 --- a/openedx/features/course_experience/__init__.py +++ b/openedx/features/course_experience/__init__.py @@ -41,7 +41,7 @@ UPGRADE_DEADLINE_MESSAGE = CourseWaffleFlag(WAFFLE_FLAG_NAMESPACE, 'upgrade_dead LATEST_UPDATE_FLAG = CourseWaffleFlag(WAFFLE_FLAG_NAMESPACE, 'latest_update') # Waffle flag to enable the use of Bootstrap for course experience pages -USE_BOOTSTRAP_FLAG = CourseWaffleFlag(WAFFLE_FLAG_NAMESPACE, 'use_bootstrap') +USE_BOOTSTRAP_FLAG = CourseWaffleFlag(WAFFLE_FLAG_NAMESPACE, 'use_bootstrap', flag_undefined_default=True) def course_home_page_title(course): # pylint: disable=unused-argument diff --git a/openedx/features/course_experience/templates/course_experience/course-home-fragment.html b/openedx/features/course_experience/templates/course_experience/course-home-fragment.html index dc7f460b9fcc01c60df49ea51fa354b3101e5f2c..2da4fd2a4bb5ebb6bcca61890b618cfcaf68b9f9 100644 --- a/openedx/features/course_experience/templates/course_experience/course-home-fragment.html +++ b/openedx/features/course_experience/templates/course_experience/course-home-fragment.html @@ -114,8 +114,9 @@ from openedx.features.course_experience import UNIFIED_COURSE_TAB_FLAG, SHOW_REV </div> % endif % if upgrade_url and upgrade_price: - <div class="section section-upgrade"> + <div class="section section-upgrade course-home-sidebar-upgrade"> <h3 class="hd hd-6">${_("Pursue a verified certificate")}</h3> + <img src="https://courses.edx.org/static/images/edx-verified-mini-cert.png" alt=""> <div class="upgrade-container"> <p> <a class="btn-brand btn-upgrade" @@ -127,7 +128,6 @@ from openedx.features.course_experience import UNIFIED_COURSE_TAB_FLAG, SHOW_REV </p> <p><button class="btn-link btn-small promo-learn-more">${_('Learn More')}</button></p> </div> - <img src="https://courses.edx.org/static/images/edx-verified-mini-cert.png" alt=""> </div> % endif % if dates_fragment: