Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling changes for responsive behavior on LMS.

Browse Source
This commit is contained in:
Harry Rein
2017-11-08 16:59:09 -05:00
committed by Marco Morales
parent 95b47369c4
commit aa853a930e
13 changed files with 41 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
common/lib/xmodule/xmodule/css/sequence/display.scss
View File

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

8
common/lib/xmodule/xmodule/js/fixtures/sequence.html
View File

@@ -5,6 +5,10 @@
<span class="icon fa fa-chevron-prev" aria-hidden="true"></span>
<span>Previous</span>
</button>
<button class="sequence-nav-button button-next">
<span>Next</span>
<span class="icon fa fa-chevron-next" aria-hidden="true"></span>
</button>
<nav class="sequence-list-wrapper" aria-label="Unit">
<ol id="sequence-list" role="tablist">
<li>
@@ -23,10 +27,6 @@
</li>
</ol>
</nav>
<button class="sequence-nav-button button-next">
<span>Next</span>
<span class="icon fa fa-chevron-next" aria-hidden="true"></span>
</button>
</div>
<div class="sr-is-focusable" tabindex="-1"></div>