Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Simplify styling for 'Search bar' #10174

Merged
merged 9 commits into from
Jan 22, 2025

Conversation

janfaracik
Copy link
Contributor

@janfaracik janfaracik commented Jan 17, 2025

This PR updates and simplifies the styling for the search bar component, where rather than reinvent the wheel in terms of design we just inherit the design from the existing input and dropdown classes.

This results in a mild UI change for the search bar, but keeps it consistent with other inputs:

Before
image

After
image

I've also simplified results for the search bar, we now reuse the styling of the dropdown component rather than have our own unique style for search.

Testing done

  • Tested command palette, regular search and plugin search
  • Results appear as expected

Proposed changelog entries

  • N/A

Proposed upgrade guidelines

N/A

Submitter checklist

Preview Give feedback

Desired reviewers

@jenkinsci/sig-ux

Before the changes are marked as ready-for-merge:

Maintainer checklist

Preview Give feedback

@janfaracik janfaracik requested a review from a team January 17, 2025 18:33
@janfaracik janfaracik added web-ui The PR includes WebUI changes which may need special expertise rfe For changelog: Minor enhancement. use `major-rfe` for changes to be highlighted labels Jan 17, 2025
@janfaracik janfaracik added skip-changelog Should not be shown in the changelog and removed rfe For changelog: Minor enhancement. use `major-rfe` for changes to be highlighted labels Jan 18, 2025
@github-actions github-actions bot added the unresolved-merge-conflict There is a merge conflict with the target branch. label Jan 20, 2025
Copy link
Contributor

Please take a moment and address the merge conflicts of your pull request. Thanks!

@github-actions github-actions bot removed the unresolved-merge-conflict There is a merge conflict with the target branch. label Jan 20, 2025
@NotMyFault NotMyFault requested a review from a team January 20, 2025 13:56
@krisstern
Copy link
Member

/label ready-for-merge

This PR is now ready for merge, after ~24 hours, we will merge it if there's no negative feedback.

@comment-ops-bot comment-ops-bot bot added the ready-for-merge The PR is ready to go, and it will be merged soon if there is no negative feedback label Jan 20, 2025
@@ -48,7 +48,7 @@ THE SOFTWARE.
</div>
<input value="${attrs.value}"
id="${attrs.id}"
class="jenkins-search__input"
class="jenkins-input jenkins-search__input"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What does this change mean to existing implementations (at least azure-vm-agents) that have just the existing class? Do they now need to be adapted, is it wrong to use the previous class without the new class?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good spot, in the case of azure-vm-agents it uses a combobox which already has a jenkins-input class attached. If there are cases (which AFAIK in public repos there aren't) then yeah they'll need the jenkins-input class adding.

@github-actions github-actions bot added the unresolved-merge-conflict There is a merge conflict with the target branch. label Jan 21, 2025
Copy link
Contributor

Please take a moment and address the merge conflicts of your pull request. Thanks!

@github-actions github-actions bot removed the unresolved-merge-conflict There is a merge conflict with the target branch. label Jan 21, 2025
@krisstern krisstern merged commit 1161cca into jenkinsci:master Jan 22, 2025
16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ready-for-merge The PR is ready to go, and it will be merged soon if there is no negative feedback skip-changelog Should not be shown in the changelog web-ui The PR includes WebUI changes which may need special expertise
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants