Correct word in solutions mode - implementation

Description

Acceptance criteria

  1. Fill in the blanks, Drag text and Mark the words styling of the "Correct answer" when the wrong answer was given should be:

    1 2 3 4 5 6 color: #255c41 !important; font-weight: bold !important; border: 1px #255c41 dashed !important; background-color: #d4f6e6 !important; padding: 0.15em !important; border-radius: 0.25em !important;
  2. In addition, Fill in the blanks and Drag text should have:

    1 margin-left: .5em !important;
  3. When the correct answer was given by the student - for that field we should not show the correct solution.
    Once CSS in #1 and #2is applied, we will get an empty rectangle next to each correct answer. This happens because we today display "correct solution" placeholder even if the correct answer is given. Today, this placeholder is not visible because it does not have a background or border.
    In a screenshot, I marked a rectangle that we should make sure is not showing:

The design

Acceptance Criteria

None

Status

Assignee

Pål Jørgensen

Reporter

Jelena Milinovic

Labels

Funding

None

Code reviewer

Frode Petterson

Released

None

Time tracking

6h

Sprint

None

Fix versions

Priority

Medium