Merge pull request #6114 from edx/waheed/tnl892-fix-css-background-image-for-important-visual-indicator

Added IMG tag instead of css background property for important visual indicator.

lms/static/sass/course/courseware/_sidebar.scss

@@ -205,13 +205,17 @@
 
         &.graded {
          > a {
-           background-image: url('../images/graded.png');
-           background-repeat: no-repeat;
-           background-position: 97% center;
+           > img {
+             margin: auto;
+             position: absolute;
+             top: 0;
+             bottom: 0;
+             right: 7px;
+           }
           }
 
           &.active > a {
-            @include background-image(url('../images/graded.png'), linear-gradient(top, #e6e6e6, #d6d6d6));
+            background: linear-gradient(to bottom, #e6e6e6, #d6d6d6);
           }
         }
       }

lms/templates/courseware/accordion.html

@@ -34,6 +34,10 @@
                     due_date = '' if len(formatted_string)==0 else _('due {date}').format(date=formatted_string)
               %>
               <p class="subtitle">${section['format']} ${due_date}</p>
+
+              % if 'graded' in section and section['graded']:
+                  <img src="/static/images/graded.png" alt="Graded Section">
+              % endif
             </a>
           </li>
       % endfor