Frontend: Fix the distance in the alert in the variable modal
Overview
In the recent Slack discussion, I noticed no distance between the text box and the logo in the alert.
This alert is visible if users are maintainer+ (maintainer or admin) to a project or group.
How to navigate to the page
Settings
> CI/CD
> Variables
and open the modal by Add variable
.
In the key, start typing AWS
and you'll see the list of dropdowns; AWS_ACCESS_KEY_ID
, AWS_DEFAULT_REGION
, AWS_SECRET_ACCESS_KEY
Then, an alert appears at the bottom of the modal. The alert includes text and the AWS logo.
Current implementation
Default theme | Dark mode |
---|---|
![]() |
![]() |
- There's no gap between the text and the logo.
Proposal
- Having a gap of
0.5 rem
(.gl-gap-3
) between the image and the text would be a nice update.
Edited by Sunjung Park