Dark mode: bad spacing of quick action background in pending comment
Summary
In dark mode when a MR review comment is pending, the background of the quick action preview has bad-looking spacing:
Dark mode | Light mode |
---|---|
![]() |
![]() |
Steps to reproduce
- Enable dark mode
- Go to an MR
- Start a code comment with a quick action (like
/label ~bug
) - Click on Start a review
- See the top-heavy spacing
Implementation Guide
We could just remove the background color, since the background isn’t visible in light mode.
In ee/app/assets/stylesheets/components/batch_comments/draft_note.scss
, remove the background
property on .referenced-commands.draft-note-commands
. Follow the Steps to reproduce above to test it.
We could also add padding
around the previewed command.