Problem/Motivation
off-canvas.theme.css has a CSS rule that intends to override jQuery UI's default styling:
.ui-dialog.ui-dialog-off-canvas {
...
border: 0 solid transparent;
...
}
However, this specific override is not actually applied because jQuery UI's style rule wins, as can be seen in the "before" screenshot.
Proposed resolution
A naive implementation would be to make the off-canvas rule more specific.
Are there any other options?
Remaining tasks
Discuss, review.
User interface changes
The off canvas dialog won't have the 1px white border anymore.
API changes
Nope.
Data model changes
Nope.