diff --git a/common/lib/xmodule/xmodule/css/sequence/display.scss b/common/lib/xmodule/xmodule/css/sequence/display.scss index aafc0e7503..d8ed3d1347 100644 --- a/common/lib/xmodule/xmodule/css/sequence/display.scss +++ b/common/lib/xmodule/xmodule/css/sequence/display.scss @@ -313,12 +313,20 @@ $seq-nav-height: 50px; &:hover, &:active, &.active { - border-bottom: 3px solid $seq-nav-link-color; - // keeps icon/text centered on hover, necessary due to border-box setting padding-top: 2px; + background-color: theme-color("primary"); .icon { - color: $seq-nav-icon-color; + color: theme-color("inverse"); + } + + @include media-breakpoint-up(sm) { + border-bottom: 3px solid $seq-nav-link-color; + background-color: theme-color("inverse"); + + .icon { + color: $seq-nav-icon-color; + } } } } diff --git a/common/lib/xmodule/xmodule/js/fixtures/sequence.html b/common/lib/xmodule/xmodule/js/fixtures/sequence.html index 43acc02f7d..e73d4275f5 100644 --- a/common/lib/xmodule/xmodule/js/fixtures/sequence.html +++ b/common/lib/xmodule/xmodule/js/fixtures/sequence.html @@ -5,6 +5,10 @@ Previous + -
diff --git a/lms/djangoapps/discussion/templates/discussion/discussion_board_fragment.html b/lms/djangoapps/discussion/templates/discussion/discussion_board_fragment.html index bad1389b1b..82863b484c 100644 --- a/lms/djangoapps/discussion/templates/discussion/discussion_board_fragment.html +++ b/lms/djangoapps/discussion/templates/discussion/discussion_board_fragment.html @@ -33,7 +33,7 @@ from openedx.core.djangolib.markup import HTML