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

Onboard the QuickPick list to custom checkboxes instead of native ones #208256

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

TylerLeonhardt
Copy link
Member

@TylerLeonhardt TylerLeonhardt commented Mar 20, 2024

with one unchecked:
image

with all checked:
image

Fixes #163230

In draft until Checkboxes have disabled style.

<!-- Thank you for submitting a Pull Request. Please:
* Read our Pull Request guidelines:
  https://github.com/microsoft/vscode/wiki/How-to-Contribute#pull-requests
* Associate an issue with the Pull Request.
* Ensure that the code is up-to-date with the `main` branch.
* Include a description of the proposed changes and how to test them.
-->
with one unchecked:
<img width="530" alt="image" src="https://github.com/microsoft/vscode/assets/2644648/e2c096f0-407f-4d70-9f27-4366b7772ffa">

with all checked:
<img width="521" alt="image" src="https://github.com/microsoft/vscode/assets/2644648/7df04231-397f-4279-8535-7606a951a813">

Fixes #163230
@JWaters02
Copy link

JWaters02 commented Feb 23, 2025

@TylerLeonhardt is there a reason why on the Quickpick page on the vscode docs, the multi-select seems to use proper vscode styling for a checkbox:
image

While this does not actually exist in vscode? How have they done it? I don't want my quickpick multiselect checkboxes to look bad like this...
image

Also, what does this mean?

In draft until Checkboxes have disabled style.

@TylerLeonhardt
Copy link
Member Author

It looks like the first screenshot is from a figma mock up and not the actual product.

Can you open an issue on https://github.com/microsoft/vscode-docs and we can get that fixed with an actual product screenshot?

In draft until Checkboxes have disabled style

It means these custom checkboxes don't have a visual indicator if they are disabled (if you can't change their state)

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.

Multi-select quick pick should use vscode-y checkboxes
2 participants