Skip to content

SearchBox: Padding fixes#4506

Merged
lynamemi merged 3 commits intomicrosoft:masterfrom
lynamemi:searchbox-polish
Apr 10, 2018
Merged

SearchBox: Padding fixes#4506
lynamemi merged 3 commits intomicrosoft:masterfrom
lynamemi:searchbox-polish

Conversation

@lynamemi
Copy link
Copy Markdown
Collaborator

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ npm run change

Description of changes

We worked with a product team and design to come up with a more reasonable padding left for the default SearchBox. Underlined SearchBox needs to maintain its larger padding left for other product scenarios.

I also added a small top and bottom padding because the input field is sometimes overlaps the border when rendered.

Focus areas to test

(optional)

flexWrap: 'nowrap',
alignItems: 'stretch',
padding: '0 0 0 8px',
// The 1px top and bottom padding ensure the input field does not overlap the border
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Just confirming--these get RTL-ified automatically, right?

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

I'm 90% sure js styling does handle this automagically. I'll confirm.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

yes, RTL is automatic

@lynamemi lynamemi merged commit f1dfd3e into microsoft:master Apr 10, 2018
@lynamemi lynamemi deleted the searchbox-polish branch April 10, 2018 18:27
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants