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

A couple fixes for 7.10 #4084

Merged
merged 6 commits into from
Sep 30, 2020
Merged

A couple fixes for 7.10 #4084

merged 6 commits into from
Sep 30, 2020

Conversation

cchaos
Copy link
Contributor

@cchaos cchaos commented Sep 30, 2020

Mostly stylistic fixes...

1. [EuiButtonEmpty] Added both to flush prop

Closes #4012. Made this a priority to help the Core UI (@MichaelMarcialis).

Screen Shot 2020-09-30 at 14 28 20 PM

2. [EuiRange & EuiDualRange] Fix when to display the .euiRange__horizontalSpacer

This spacer was only supposed to show when the input is being displayed inline. The logic wasn't correct though, which made it always show unless it was the input with dropdown style.

Screen Shot 2020-09-30 at 14 31 23 PM

3. [EuiFieldSearch] Fix padding for different states

The current padding affording for the clearable icon wasn't also affording for being mixed with isLoading and compressed states. This adds more mixin usages for these states.

Screen Shot 2020-09-30 at 14 35 04 PM

4. [EuiCheckableCard] Better disabled but checked styles

I saw this usage in Kibana where a checked card was also disabled but the blue border was too prominant.

image

So this PR simply moves the addition of the blue border to only occur if the item is checked but not disabled.

Screen Shot 2020-09-30 at 14 37 04 PM

Checklist

  • Check against all themes for compatibility in both light and dark modes
  • [ ] Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Props have proper autodocs
  • Added documentation
  • [ ] Checked Code Sandbox works for the any docs examples
  • Added or updated jest tests
  • [ ] Checked for breaking changes and labeled appropriately
  • [ ] Checked for accessibility including keyboard-only and screenreader modes
  • A changelog entry exists and is marked appropriately

@cchaos
Copy link
Contributor Author

cchaos commented Sep 30, 2020

Jenkins, test this

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_4084/

Copy link
Contributor

@thompsongl thompsongl left a comment

Choose a reason for hiding this comment

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

Changes LGTM
Checked in Chrome, Firefox, Edge, and Safari

@cchaos cchaos merged commit 9215aa0 into elastic:master Sep 30, 2020
@cchaos cchaos deleted the fixes/for_7-10 branch September 30, 2020 19:31
kshitij86 added a commit to kshitij86/eui that referenced this pull request Nov 29, 2020
* [EuiButtonEmpty] Adds `both` to `flush` prop

* [EuiRange & EuiDualRange] Fix when to display the `.euiRange__horizontalSpacer`

* [EuiFieldSearch] Fix padding for different states

* [EuiCheckableCard] Better disabled but checked styles
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.

[EuiButtonEmpty] Do we need/want a flush="both" prop value?
3 participants