SVG export - Safari - Prevent box appearing on rounded corners

[darrenburns]

Type of changes

• Bug fix
• New feature
• Documentation / docstrings
• Tests
• Other

Checklist

• I've run the latest black with default args on new code.
• I've updated CHANGELOG.md and CONTRIBUTORS.md where appropriate.
• I've added tests for new code.
• I accept that @willmcgugan may be pedantic in the code review.

Description

Closes #2171

Uses box-shadow in place of outline, since Safari has buggy outline support. Note that this doesn't fix the issue with the rotated background panel not showing on Safari, but at least the output no longer looks broken.

Before

After

Example with light theme

[codecov-commenter]

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.94%. Comparing base (46b1c95) to head (f7ea7ff).
Report is 1278 commits behind head on master.

❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #2201      +/-   ##
==========================================
- Coverage   99.07%   98.94%   -0.13%     
==========================================
  Files          72       73       +1     
  Lines        7555     7606      +51     
==========================================
+ Hits         7485     7526      +41     
- Misses         70       80      +10     

Flag	Coverage Δ
unittests	98.94% <ø> (-0.13%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

[olivierphi]

Nice! 👌

[willmcgugan]

What an awful hack. Good work.