Icons blurry when Mailspring started on low-DPI screen and moved to high-DPI screen

Bug Reports
#1

Description

When I first open Mailspring on a low-DPI screen, and then move it to a high-DPI screen, I still get the @1x icons.

To Reproduce…

Steps to reproduce the behavior:

  1. Move Mailspring to a display at 1x scaling
  2. Choose ‘Reload’ from the developer menu
  3. Move it to a display at 2x scaling

Expected Behavior

The 2x icons are used on the 2x screen.

Screenshots

Setup

  • OS and Version: macOS 10.15.5 (19F101)
  • Mailspring Version: 1.7.8

Additional Context

Based on some devtools poking-around, it looks like the icons are <img> tags that use either the 1x or 2x resource depending on the DPI when they’re first added. As a potentially-useless suggestion, without having (yet) poked around at the codebase itself, I wonder if using a srcset instead would work?

(Originally posted by excitedleigh on GitHub.)