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

Tailwind SearchInput with keyboard shortcut to focus #3920

Merged
merged 19 commits into from
Nov 10, 2022

Conversation

rithviknishad
Copy link
Member

@rithviknishad rithviknishad commented Nov 2, 2022

Proposed Changes

2022-11-02.14-57-16.mp4

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

  • Add specs that demonstrate bug / test a new feature.
  • Update product documentation.
  • Ensure that UI text is kept in I18n files.
  • Prep screenshot or demo video for changelog entry, and attach it to issue.
  • Request for Peer Reviews
  • Completion of QA

@vercel
Copy link

vercel bot commented Nov 2, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
care-storybook ✅ Ready (Inspect) Visit Preview Nov 2, 2022 at 9:26AM (UTC)

@netlify
Copy link

netlify bot commented Nov 2, 2022

Deploy Preview for care-egov-staging ready!

Name Link
🔨 Latest commit 6c95dfd
🔍 Latest deploy log https://app.netlify.com/sites/care-egov-staging/deploys/6362375ad06ec70008d93762
😎 Deploy Preview https://deploy-preview-3920--care-egov-staging.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@rithviknishad rithviknishad changed the title Tailwind SearchInput Tailwind SearchInput with keyboard shortcut to focus Nov 2, 2022
@github-actions github-actions bot added the merge conflict pull requests with merge conflict label Nov 2, 2022
@github-actions
Copy link

github-actions bot commented Nov 2, 2022

👋 Hi, @rithviknishad,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.


This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

@sonarqubecloud
Copy link

sonarqubecloud bot commented Nov 2, 2022

SonarCloud Quality Gate failed.    Quality Gate failed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 12 Code Smells

No Coverage information No Coverage information
5.3% 5.3% Duplication

@rithviknishad rithviknishad added needs testing needs review and removed work-in-progress merge conflict pull requests with merge conflict labels Nov 2, 2022
@rithviknishad rithviknishad marked this pull request as ready for review November 2, 2022 09:30
@rithviknishad rithviknishad requested a review from a team November 2, 2022 09:30
@rithviknishad rithviknishad requested a review from a team as a code owner November 2, 2022 09:30
@nihal467
Copy link
Member

nihal467 commented Nov 3, 2022

@rithviknishad
image

is it intentional

@rithviknishad
Copy link
Member Author

rithviknishad commented Nov 3, 2022

@nihal467 yes, the colors is intentional. inspired from
https://tailwindcss.com/
image

@rithviknishad rithviknishad added the enhancement New feature or request label Nov 5, 2022
@nihal467
Copy link
Member

nihal467 commented Nov 8, 2022

LGTM, marking it as team discussion required for final approval

@nihal467
Copy link
Member

nihal467 commented Nov 9, 2022

test approved

@khavinshankar khavinshankar merged commit 3f7b7b1 into ohcnetwork:develop Nov 10, 2022
@rithviknishad rithviknishad mentioned this pull request Nov 12, 2022
14 tasks
aeswibon pushed a commit to aeswibon/care_fe that referenced this pull request Dec 8, 2022
* `TextFormField` explicit override to break design

* `TextFormField` support leading and trailing

* fix issues with inheriting `form-input` properly

* utility: `iOS` const to detect if device is iOS

* `TextFormField` support ref forwarding

* Make component: `SearchInput`

* replace search input in Assets Page

* utils: detect Apple device instead of iOS

* `TextFormField`: leadingFocused, trailingFocused

* hide clear icon for input type=search (chrome+ie)

* `SearchInput`: hotkey for clear + custom focus hotkey

* `SearchInput`: allow being secondary searchbar

* `FormField`: label as optional, autohide

* `SearchInput`: default sizing preference

* Replace old SearchInputs to tailwind search input

* delete old search box

* undo removal of postcss loader when merging
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Ctrl + K shortcut for focus to search box in main pages where search bar is present.
3 participants