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

Add cursor:not-allowed to disable components #12945

Closed
jvaclavik opened this issue Jun 18, 2024 · 5 comments · Fixed by #12969, #13251 or #13759
Closed

Add cursor:not-allowed to disable components #12945

jvaclavik opened this issue Jun 18, 2024 · 5 comments · Fixed by #12969, #13251 or #13759
Assignees

Comments

@jvaclavik
Copy link
Contributor

jvaclavik commented Jun 18, 2024

To all interactive/input components in our design system, we want to add cursor: not-allowed when they are disabled.

Components:

Input
Button
ButttonGroup (maybe it will work when you change it in Button)
Radio
Checkbox
AutoscalingInput
Range
Select
SelectBar (?)
Switch
Textarea

ButtonGroup
IconButton
PinButton
TextButton
TooltipButton
@hstastna
Copy link
Contributor

Note:
Solving this issue will include also adding args in storybook for components that are missing them so one could easily change the values of selected component and to see how the component behaves/changes.

@hstastna hstastna moved this from 🎯 To do to 🏃‍♀️ In progress in Issues Suite Jun 20, 2024
@github-project-automation github-project-automation bot moved this from 🏃‍♀️ In progress to 🤝 Needs QA in Issues Suite Jul 1, 2024
@hstastna hstastna reopened this Jul 1, 2024
@github-project-automation github-project-automation bot moved this from 🤝 Needs QA to 🎯 To do in Issues Suite Jul 1, 2024
@hstastna
Copy link
Contributor

hstastna commented Jul 1, 2024

The following components are done:

  • Input
  • Button, ButttonGroup
  • Radio
  • Checkbox

The rest in followup PRs.

@hstastna
Copy link
Contributor

Update: The following components are done:

  • Input
  • Button, ButttonGroup
  • Radio
  • Checkbox
  • AutoscalingInput
  • Range
  • Select
  • SelectBar
  • Switch

The rest in followup PR (hopefully the last one).

@hstastna hstastna moved this from 🎯 To do to 🏃‍♀️ In progress in Issues Suite Jul 12, 2024
@hstastna
Copy link
Contributor

hstastna commented Aug 11, 2024

Note:
PinButton component cannot be disabled, hence cursor:not-allowed won't be added to it as it does not make sense (probably only its storybook will be updated).

hstastna added a commit that referenced this issue Aug 11, 2024
…#12945)

Add cursor: not-allowed for cursor to look nicer for the following
components:
- Textarea
- IconButton
- TextButton
- TooltipButton
Update the related storybooks, add missing controls.
hstastna added a commit that referenced this issue Aug 11, 2024
…#12945)

Add cursor: not-allowed for cursor to look nicer for the following
components:
- Textarea
- IconButton
- TextButton
- TooltipButton
Update the related storybooks, add missing controls.
hstastna added a commit that referenced this issue Aug 14, 2024
…#12945)

Add cursor: not-allowed for cursor to look nicer for the following
components:
- Textarea
- IconButton
- TextButton
- TooltipButton
Update the related storybooks, add missing controls.
@github-project-automation github-project-automation bot moved this from 🏃‍♀️ In progress to 🤝 Needs QA in Issues Suite Aug 14, 2024
@bosomt
Copy link
Contributor

bosomt commented Aug 15, 2024

QA OK

Screen.Recording.2024-08-15.at.16.32.05.mov

Info:

  • Suite version: web 24.9.0 (6d647cf)
  • Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:129.0) Gecko/20100101 Firefox/129.0
  • OS: MacIntel
  • Screen: 1512x982
  • Device: Trezor T2T1 2.8.1 regular (revision 632b9561559b7ab6824bb7eeac072874e07b7b82)
  • Transport: BridgeTransport 2.0.32

@bosomt bosomt moved this from 🤝 Needs QA to ✅ Approved in Issues Suite Aug 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment