Thank you! I can reproduce this issue on my machine. This is because the background color of the mobile-device-image (in the SVG) is set to white to cover the window-image behind it. It looks like the window-image should not render the part that's hidden behind the mobile-device-image and the mobile-device-image should be transparent just like the window-image. The image is located here: https://searchfox.org/mozilla-central/source/devtools/startup/aboutdevtools/images/feature-responsive.svg And rendered in this file: https://searchfox.org/mozilla-central/rev/21110f35dbb95d3c41c8c5bd363ec689900af30f/devtools/startup/aboutdevtools/aboutdevtools.js#102 I am marking this as first-good-bug for someone who's good with editing SVG images. Honza
Bug 1703154 Comment 4 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
Thank you! I can reproduce this issue on my machine. This is because the background color of the mobile-device-image (in the SVG) is set to white to cover the window-image behind it. It looks like the window-image should not render the part that's hidden behind the mobile-device-image and the mobile-device-image should be transparent just like the window-image. The image is located here: https://searchfox.org/mozilla-central/source/devtools/startup/aboutdevtools/images/feature-responsive.svg And rendered in this file: https://searchfox.org/mozilla-central/rev/21110f35dbb95d3c41c8c5bd363ec689900af30f/devtools/startup/aboutdevtools/aboutdevtools.js#102 I am marking this as first-good-bug for someone who's good with editing SVG images. We could also use CSS styles within SVG reflecting the current theme (OS, Firefox) , see some comments in bug 1703451 Honza