Skip to content

[EuiRange] Fix bug when showTicks is false#6588

Merged
elizabetdev merged 3 commits intoelastic:mainfrom
elizabetdev:fix-bug-range-slider-when-no-ticks
Feb 9, 2023
Merged

[EuiRange] Fix bug when showTicks is false#6588
elizabetdev merged 3 commits intoelastic:mainfrom
elizabetdev:fix-bug-range-slider-when-no-ticks

Conversation

@elizabetdev
Copy link
Copy Markdown
Contributor

@elizabetdev elizabetdev commented Feb 9, 2023

Summary

This PR fixes a bug in EuiRange where styles were applied incorrectly when custom ticks were passed but showTicks were false.

Per logic, I think that consumers shouldn't be passing custom ticks if they're not going to show them. But... Just in case they pass, we can improve the design.

So the styles for the ticks should only be applied when consumers specifically set the showTicks to true.

Closes #6578.

image

QA

You can test by looking into https://eui.elastic.co/pr_6588/#/elastic-charts/metric-chart#single-value.

General checklist

  • Checked in both light and dark modes
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Props have proper autodocs (using @default if default values are missing) and playground toggles
  • Added documentation
  • Checked Code Sandbox works for any docs examples
  • Added or updated jest and cypress tests
  • Checked for breaking changes and labeled appropriately
  • Checked for accessibility including keyboard-only and screenreader modes
  • Updated the Figma library counterpart
  • A changelog entry exists and is marked appropriately

@kibanamachine
Copy link
Copy Markdown

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

@elizabetdev elizabetdev marked this pull request as ready for review February 9, 2023 18:01
Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>
@kibanamachine
Copy link
Copy Markdown

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

Copy link
Copy Markdown
Contributor

@cee-chen cee-chen left a comment

Choose a reason for hiding this comment

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

LGTM!

@elizabetdev elizabetdev enabled auto-merge (squash) February 9, 2023 18:43
@elizabetdev elizabetdev merged commit b3fe6d7 into elastic:main Feb 9, 2023
cee-chen added a commit to elastic/kibana that referenced this pull request Feb 15, 2023
## Summary

`eui@75.0.0` ⏩ `eui@75.1.0`

---

## [`75.1.0`](https://github.com/elastic/eui/tree/v75.1.0)

- Added padding to `EuiStep` title to better align with icon
([#6555](elastic/eui#6555))
- Added a new `lineNumbers.annotations` API to `EuiCodeBlock`. This new
feature displays an informational icon next to the specified line
number(s), providing more context via popover
([#6580](elastic/eui#6580))

**Bug fixes**

- Fixed bug in `EuiRange` where styles were applied incorrectly when
custom ticks were passed but `showTicks` were false
([#6588](elastic/eui#6588))
- Fixed `fleetApp` and `agentApp` icons that were swapped
([#6590](elastic/eui#6590))

**CSS-in-JS conversions**

- Converted `EuiSteps` to Emotion; Removed `$euiStepStatusColorsToFade`,
`$euiStepNumberSize`, `$euiStepNumberSmallSize`, and
`$euiStepNumberMargin`
([#6555](elastic/eui#6555))
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.

[EuiRange] Bug when showTicks is false

3 participants