fix for #2980 - Answer box highlighting is missing left border.

[djallado]

Hi. @MCGallaspy. This fixed #2980 - Answer box highlighting is missing left border.

Milestone: 0.14.x
No test for now because this is a simple box-shawdow in css.

Screenshot below:

[rtibbles]

@djallado This looks like the right fix, but would prefer to avoid inline style definitions. Could you put this in khan-lite.css instead?

[djallado]

@rtibbles.
No. I doesn't work if we put it in khan-lite.css. khan-lite.css is overridden by /exercise-content-package/perseus.css. As much as possible, I don't want to pollute the perseus.css. So I put inline style definitions just to override the perseus.css.

[rtibbles]

Two options then - we add an exercise.css that we import after perseus.css to overwrite its styles, or we make the selector more specific than the perseus one.

For example:

#content-area .perseus-widget-container.widget-highlight {
    box-shadow: -4px 0 9px 5px #ffa500;
}

Should provide a more specific selector than that provided in perseus.css and hence should override.
Either way, a solution without inline styles is the preferred one.

[rtibbles]

Does the trick. Thanks for fixing up nicely, @djallado!