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

Show All and Solo selection buttons for MultiSelect. #4723

Merged
merged 4 commits into from
Dec 17, 2022

Conversation

spacebares
Copy link
Contributor

Similar to previous behavior of viewing events for single camera with 1 click, or All.
& Fix visual bug with MultiSelect when selecting similar named options. eg. options like frontdoor, frontside, backdoor, etc

Looks like this:

nIlKqs7X1P.mp4

Similar to previous behavior of viewing events for single camera with 1 click, or All.

* Fix visual bug with MultiSelect when selecting similar named options.
   eg. options like frontdoor, frontside, backdoor, etc
@netlify
Copy link

netlify bot commented Dec 17, 2022

Deploy Preview for frigate-docs canceled.

Name Link
🔨 Latest commit 86c6728
🔍 Latest deploy log https://app.netlify.com/sites/frigate-docs/deploys/639e3b18b480290008a6ebd2

Copy link
Collaborator

@NickM-27 NickM-27 left a comment

Choose a reason for hiding this comment

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

I knew this was going to be brought up about the multi select, and I was thinking of clean ways to do it but this looks good. Just a couple small things.

web/src/components/MultiSelect.jsx Outdated Show resolved Hide resolved
web/src/components/MultiSelect.jsx Outdated Show resolved Hide resolved
* Change MultiSelect onSolo to onSelectSingle
Copy link
Collaborator

@NickM-27 NickM-27 left a comment

Choose a reason for hiding this comment

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

Nevermind looks good

* Different look for SelectSingle buttons

* Show All button is aligned with the items below it, no matter the popup size
@NickM-27
Copy link
Collaborator

Looks good, did you have a chance to look at the button autofocus issue? I have a screen cap showing it:

Screen.Recording.2022-12-17.at.11.13.24.AM.mov

I think the fix may be as simple as just setting autofocus on the main div element

@blakeblackshear blakeblackshear merged commit c6f0abf into blakeblackshear:dev Dec 17, 2022
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.

3 participants