[Design Align Fix] update styles for "dropped" courses on grades table

Fixes: CNVS-39996

test plan:
- initial set-up... to test that a grade has been "dropped" need
  to have an assignment group created with at least two graded
  assignments/quiz/discussion inside of it
- once the assignment/quiz/discussion has been graded on the
  student view the user will be able to see which grade has
  been dropped and not being used for the total calculation
- example: https://screencast.com/t/JfwqrvUJK
- note: even tho a score has been marked as dropped it can still
  be tested with a different score to then show the user which
  would be the next assignment to be dropped
  example: https://screencast.com/t/9p39yZzW6kAG

Change-Id: I6fde681d484c50e263a096534af9cbe684a7d015
Reviewed-on: https://gerrit.instructure.com/130006
Tested-by: Jenkins
Reviewed-by: Chris Hart <chart@instructure.com>
QA-Review: Dan Sasaki <dsasaki@instructure.com>
Product-Review: Mary Jane Anderson <manderson@instructure.com>
This commit is contained in:
Pam Hiett 2017-10-17 12:15:56 -06:00 committed by Pam Hiett
parent 23e41db772
commit 4fd6cf5b2f
2 changed files with 27 additions and 3 deletions

View File

@ -90,6 +90,31 @@
}
}
#grades_summary tr.student_assignment.dropped td,
#grades_summary tr.student_assignment.excused td {
opacity: 0.7;
@if $use_high-contrast {
opacity: 1;
}
@media print {
color: black;
}
}
#grades_summary tr.student_assignment.dropped,
#grades_summary tr.student_assignment.excused {
& td.points_possible {
position: relative;
&::after {
content: '\00d7';
position: absolute;
right: 0;
padding-left: $ic-sp;
}
}
}
#grades_summary td.assignment_score {
cursor: pointer;
white-space: nowrap;
@ -101,7 +126,6 @@
#grades_summary td a, #grades_summary th a {
@if $use_high-contrast {
color: $ic-font-color-dark;
text-decoration: underline;
&:hover, &:focus {
text-decoration: none;
@ -188,8 +212,8 @@
.revert_score_link {
position: absolute;
top: 2px;
left: 0px;
top: 0px;
left: -5px;
display: none;
&:hover, &:focus {
opacity: 0.7;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 173 B

After

Width:  |  Height:  |  Size: 14 KiB