MDL-15653 Indicate the current state of the question in the navigation panel.

diff --git a/theme/standard/styles_color.css b/theme/standard/styles_color.css
index be5ff678a4031e46abdd497e1178a5c79387d2ee..0e420390a678c7cca7f95c45080931abcdf1c2d4 100644 (file)
--- a/theme/standard/styles_color.css
+++ b/theme/standard/styles_color.css
@@ -1055,13 +1055,37 @@ table.quizreviewsummary td.cell {
 #quiznavigation .qnbutton {
   color: #00f;
   border-color: gray;
-  background-color: white;
+  background-color: #ddd;
 }
 #quiznavigation .qnbutton:hover {
   color: #f00;
 }
 #quiznavigation .qnbutton.thispage {
-  background-color: #eee;
+  border-color: black;
+}
+#quiznavigation .qnbutton.open {
+  background-color: white;
+}
+#quiznavigation .qnbutton.flagged {
+  background-image: url(pix/flaggedquestionnav.png);
+}
+#quiznavigation .qnbutton.correct.flagged {
+  background-image: url(pix/flaggedcorrectquestionnav.png);
+}
+#quiznavigation .qnbutton.partiallycorrect.flagged {
+  background-image: url(pix/flaggedpartialquestionnav.png);
+}
+#quiznavigation .qnbutton.incorrect.flagged {
+  background-image: url(pix/flaggedincorrectquestionnav.png);
+}
+#quiznavigation .qnbutton.correct {
+  background-image: url(pix/correctquestionnav.png);
+}
+#quiznavigation .qnbutton.partiallycorrect {
+  background-image: url(pix/partialquestionnav.png);
+}
+#quiznavigation .qnbutton.incorrect {
+  background-image: url(pix/incorrectquestionnav.png);
 }
 
 /***

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index fc5f136a5bf314afaa9c21212142527cb40a5981..3fe64efc50da2093627aead96a3248c4dedb7971 100644 (file)
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -4167,15 +4167,12 @@ table.quizreviewsummary td.cell {
   margin: 0.3em 0.3em 0.3em 0;
   padding: 0;
   border: 1px solid gray;
-  background: white no-repeat top right;
+  background: #eee no-repeat top right;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   white-space: normal;
 }
-#quiznavigation .qnbutton.flagged {
-  background-image: url(pix/flaggedquestionnav.png);
-}
 #quiznavigation .othernav {
   clear: both;
 }