Adding border to images in design management
What does this MR do and why?
This adds a border to images in the design management page overlay. When the background of the overlay was updated in !145153 (merged), it results in instances where it isn't clear where the image ends (if the image background is similar to the overlay background). This helps to resolve that issue.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
The notable changes are when viewing a Light image when not on dark mode, and a Dark image when on dark mode. Additionally, this now shows a bounding box for the image in the case it has transparency.
Before | After | |
---|---|---|
Light Image | ![]() |
![]() |
Dark Image | ![]() |
![]() |
Transparent Image | ![]() |
![]() |
Light Image (dark mode) | ![]() |
![]() |
Dark Image (dark mode) | ![]() |
![]() |
Transparent Image (dark mode) | ![]() |
![]() |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Go to an Issue detail page
- Upload an image to design management
- Verify there is a border present on the image
Edited by Nick Brandt