Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-70386

Illegible css coloring of correct/incorrect div

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. Login as admin
      2. Create a new quiz
      3. In the quiz settings page set "How questions behave" in Question behaviour to "Adaptive mode"
      4. Add a multiple choice question to the quiz with 3 options: one with grade 100%, one with grade 50% and one with grade 0%.
      5. Attempt the quiz
      6. Choose a wrong answer (grade 0%)
      7. Click the check button
      8. Verify the badge looks similar to the image below
      9. Choose a correct answer (grade 100%)
      10. Click the check button
      11. Verify the badge looks similar to the image below
      12. Choose a partially correct answer (grade 50%)
      13. Click the check button
      14. Verify the badge looks similar to the image below
      Show
      Login as admin Create a new quiz In the quiz settings page set "How questions behave" in Question behaviour to "Adaptive mode" Add a multiple choice question to the quiz with 3 options: one with grade 100%, one with grade 50% and one with grade 0%. Attempt the quiz Choose a wrong answer (grade 0%) Click the check button Verify the badge looks similar to the image below Choose a correct answer (grade 100%) Click the check button Verify the badge looks similar to the image below Choose a partially correct answer (grade 50%) Click the check button Verify the badge looks similar to the image below
    • Affected Branches:
      MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_39_STABLE, MOODLE_400_STABLE
    • Fixed Branches:
      MOODLE_310_STABLE, MOODLE_39_STABLE
    • Pull from Repository:
    • Pull 3.9 Branch:
    • Pull 3.10 Branch:
      MDL-70386-310
    • Pull Master Branch:
      MDL-70386-master

      Description

      Question type: most of the usual ones. Tested with GapFill and MULTIPLE CHOICE.

      Question behaviour: Adaptive.

      <div class="im-feedback"><div class="correctness badge incorrect">Incorrect</div>

      This div adds a red background colour to the "Correct"/"Incorrect" words, making them almost illegible, as per attached screenshot.

      See this Quiz forum discussion

        Attachments

        1. 2020-12-02_16-34-23.jpg
          2020-12-02_16-34-23.jpg
          12 kB
        2. correct.png
          correct.png
          33 kB
        3. incorrect.png
          incorrect.png
          34 kB
        4. partially correct.png
          partially correct.png
          29 kB
        5. screenshot-1.png
          screenshot-1.png
          65 kB

          Activity

            People

            Assignee:
            basbrands Bas Brands
            Reporter:
            rezeau Joseph Rézeau
            Peer reviewer:
            Tim Hunt
            Integrator:
            Eloy Lafuente (stronk7)
            Tester:
            Janelle Barcega
            Participants:
            Component watchers:
            Tim Hunt, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Bas Brands
            Votes:
            2 Vote for this issue
            Watchers:
            5 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              18/Jan/21

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour, 15 minutes
                1h 15m