Skip to content

fix(search-input): mirror search icon in rtl, fix double border#9602

Merged
tlabaj merged 3 commits into
patternfly:mainfrom
mcoker:issue-9600
Sep 18, 2023
Merged

fix(search-input): mirror search icon in rtl, fix double border#9602
tlabaj merged 3 commits into
patternfly:mainfrom
mcoker:issue-9600

Conversation

@mcoker

@mcoker mcoker commented Sep 12, 2023

Copy link
Copy Markdown
Contributor

fixes #9600

@patternfly-build

patternfly-build commented Sep 12, 2023

Copy link
Copy Markdown
Collaborator

onClick={onSearchHandler}
isDisabled={isDisabled}
>
<ArrowRightIcon />

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Should this be updated no what Eric's PR #9609 went in

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I like that, what do you think @thatblindgeye and @wise-king-sullyman? Instead of adding the class directly to an icon, use the icon component. It's not hard-coding a class, and if we change the classname or how an icon mirrors/flips, it's an update to the icon component instead of potentially having to update all components that are referencing this class directly.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I'd be in favor of that. I have a similar situation in my DataList PR. It'd also mean using our Icon component in more places as well so could be win-win.

@thatblindgeye thatblindgeye left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

We just need the snapshots updated but otherwise looks good!

@tlabaj tlabaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM

@tlabaj tlabaj merged commit 0fc551d into patternfly:main Sep 18, 2023
@patternfly-build

Copy link
Copy Markdown
Collaborator

Your changes have been released in:

  • @patternfly/react-charts@7.1.1-prerelease.7
  • @patternfly/react-code-editor@5.1.1-prerelease.12
  • @patternfly/react-core@5.1.1-prerelease.12
  • @patternfly/react-docs@6.1.1-prerelease.13
  • @patternfly/react-icons@5.1.1-prerelease.6
  • demo-app-ts@5.1.1-prerelease.11
  • @patternfly/react-styles@5.1.1-prerelease.6
  • @patternfly/react-table@5.1.1-prerelease.12
  • @patternfly/react-tokens@5.1.1-prerelease.6

Thanks for your contribution! 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

SearchInput - mirror toggle icon in RTL

5 participants