Skip to content

E
edx-platform
Commit b30c2f3b by Marco Morales Committed by marcotuts
Options

updated graded icon indicator to use data-tooltip, font-awesome, plus hides it from screenreaders

parent d494fe22
Showing with 13 additions and 16 deletions
lms/static/sass/course/courseware/_sidebar.scss
...@@ -137,10 +137,11 @@ ...@@ -137,10 +137,11 @@
line-height: 1.3; line-height: 1.3;
&.subtitle { &.subtitle {
color: #666; @extend %t-copy-sub2;
font-size: 13px; @extend %t-weight2;
font-weight: normal; display: inline-block;
display: block; width: 90%;
color: $gray-d1;
margin: 0; margin: 0;
&:empty { &:empty {
...@@ -153,7 +154,7 @@ ...@@ -153,7 +154,7 @@
background: $shadow-l1; background: $shadow-l1;
> a p { > a p {
color: #333; color: $gray-d3;
} }
} }
...@@ -168,7 +169,7 @@ ...@@ -168,7 +169,7 @@
} }
&.active { &.active {
font-weight: bold; @extend %t-weight5;
&:after { &:after {
content: '›'; content: '›';
...@@ -199,19 +200,15 @@ ...@@ -199,19 +200,15 @@
} }
span.subtitle { span.subtitle {
font-weight: normal; @extend %t-weight2;
} }
} }
&.graded { &.graded {
> a { > a {
> img { .icon {
position: absolute; vertical-align: middle;
top: 0; }
bottom: 0;
@include right(7px);
margin: auto;
}
} }
&.active > a { &.active > a {
......
lms/templates/courseware/accordion.html
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<p class="subtitle">${section['format']} ${due_date}</p> <p class="subtitle">${section['format']} ${due_date}</p>
% if 'graded' in section and section['graded']: % if 'graded' in section and section['graded']:
<img src="/static/images/graded.png" alt="Graded Section"> <i class="icon fa fa-pencil-square-o" aria-hidden="true" data-tooltip="${_("This section is graded.")}"></i>
% endif % endif
</a> </a>
</li> </li>
......
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