-
Notifications
You must be signed in to change notification settings - Fork 72
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 display type and color to OuiSwitch #1332
Conversation
ae06f30
to
65a4467
Compare
ed4dd40
to
f3efd92
Compare
OSD failure is expected. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you add an example to website/docs?
Could you post a screenshot of these?
vertical-align: middle; | ||
align-items: stretch; | ||
border-radius: $ouiBorderRadius; | ||
padding: 0 $euiSize - $euiSizeXS; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
should we be using ouiSize* here?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
oops yes!
{ | ||
'ouiSwitch--compressed': compressed, | ||
'ouiSwitch-isDisabled': disabled, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
--
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
OUI has some logic which is not clear to me for using --
and -
. However, for isDIsabled
they have used only one -
consistently. Maybe -
for state and --
is for variant? Donno.
Signed-off-by: Miki <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Approving for expediency - can follow up with docs
Signed-off-by: Miki <[email protected]> (cherry picked from commit 1f67bce) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> # Conflicts: # CHANGELOG.md
Signed-off-by: Miki <[email protected]> (cherry picked from commit 1f67bce) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> # Conflicts: # CHANGELOG.md Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Description
Add display type and color to OuiSwitch
color
makes OuiSwitch colorable like OuiButtondisplay
allows showing a border around the switch like OuiButtonIconCheck List
yarn lint
yarn test-unit
By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
For more information on following Developer Certificate of Origin and signing off your commits, please check here.