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

feat(web): rework combobox and add clear button #7317

Merged
merged 2 commits into from Feb 22, 2024
Merged

Conversation

michelheusschen
Copy link
Contributor

@michelheusschen michelheusschen commented Feb 21, 2024

Before
combobox-selected-before
combobox-search-before

After
combobox-selected-after
combobox-search-after

Copy link
Contributor

@jrasm91 jrasm91 left a comment

Choose a reason for hiding this comment

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

Nice!

aria-expanded={isOpen}
aria-controls={id}
class="immich-form-input text-sm text-left w-full !pr-12 transition-[border-radius]"
class:!pl-8={isOpen}
Copy link
Contributor

Choose a reason for hiding this comment

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

What does this syntax mean? I don't think I have seen it before.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Prefixing a class with ! is Tailwinds way to add the !important modifier. In this case to overwrite the padding set by .immich-form-input

Copy link
Contributor

Choose a reason for hiding this comment

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

Ah, nice. Thank you.

Copy link
Member

@danieldietzler danieldietzler left a comment

Choose a reason for hiding this comment

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

Nice! Not being able to deselect something was bugging me as well already :D

Copy link

cloudflare-pages bot commented Feb 22, 2024

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: 068051b
Status: ✅  Deploy successful!
Preview URL: https://6921b88a.immich.pages.dev
Branch Preview URL: https://feat-web-rework-combobox.immich.pages.dev

View logs

@jrasm91 jrasm91 merged commit 46f8561 into main Feb 22, 2024
25 checks passed
@jrasm91 jrasm91 deleted the feat/web-rework-combobox branch February 22, 2024 13:12
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.

None yet

3 participants