Skip to content

feat: EVER-13448: Add input.Checkbox to RoverUI#316

Merged
pixelbandito merged 4 commits intomasterfrom
feature-EVER-13448-add-checkbox-input
May 20, 2021
Merged

feat: EVER-13448: Add input.Checkbox to RoverUI#316
pixelbandito merged 4 commits intomasterfrom
feature-EVER-13448-add-checkbox-input

Conversation

@pixelbandito
Copy link
Copy Markdown
Contributor

No description provided.

Copy link
Copy Markdown
Contributor Author

@pixelbandito pixelbandito left a comment

Choose a reason for hiding this comment

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

Note to self

width: 100%;
}

.input {
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

To make this a11y without extra code, I'm keeping the input present , invisible. The user is clicking the input, the SVG is just there for looks.

Comment thread src/components/Input/Checkbox/__snapshots__/Checkbox.test.tsx.snap
Comment thread src/components/Input/Checkbox/story.tsx Outdated
Comment thread src/components/Input/Checkbox/story.tsx
Comment thread src/components/Input/Checkbox/story.tsx Outdated
Comment thread src/components/Input/Input.module.css
border-color: var(--rvr-gray-40);
color: var(--rvr-gray-40);
border-color: var(--rvr-color-disabled);
box-shadow: none;
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

This was a UI bug! Focused "faux disabled" inputs still had a glow.

Comment thread src/shared/colors.css
--rvr-color-chart-yellow-lite: var(--rvr-yellow-alt-lite-1);
--rvr-color-font-dark: var(--rvr-gray-90);
--rvr-color-font: var(--rvr-gray-80);
--rvr-color-disabled: var(--rvr-gray-40);
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Thought it deserved a semantic color.

Comment thread src/shared/sizing.css Outdated
Copy link
Copy Markdown
Contributor

@wendigolabs wendigolabs left a comment

Choose a reason for hiding this comment

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

🌮

@pixelbandito pixelbandito merged commit 5111cfe into master May 20, 2021
@pixelbandito pixelbandito deleted the feature-EVER-13448-add-checkbox-input branch May 20, 2021 02:24
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.

2 participants