Skip to content

Change order of CSS imports to fix search icon UI

Justin Ho Tuan Duong requested to merge 387507-jira-connect-app-ui-bug into master

What does this MR do and why?

The order of imports caused some styles to apply differently from what is expected in GitLab UI (in particular, there are styles in form_input that override styles in search_box_by_type). This fix updates the order to be similar to gitlab-ui's src/scss/components.scss and fixes the issue with search icon being overlapped by the placeholder text due to missing padding.

Changelog: fixed

Screenshots or screen recordings

Before After
Jira_connect_search_icon_before Jira_connect_search_icon_after

How to set up and validate locally

https://gitlab.com/gitlab-org/manage/integrations/jira-connect-test-tool#getting-started

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #387507 (closed)

Merge request reports