Skip to content

Comments

[EuiSuperDatePicker] Emotion conversion button fixes#7911

Merged
cee-chen merged 4 commits intoelastic:mainfrom
cee-chen:emotion/super-date-picker-fixes
Jul 25, 2024
Merged

[EuiSuperDatePicker] Emotion conversion button fixes#7911
cee-chen merged 4 commits intoelastic:mainfrom
cee-chen:emotion/super-date-picker-fixes

Conversation

@cee-chen
Copy link
Contributor

@cee-chen cee-chen commented Jul 24, 2024

Summary

Follow up to #7904 - @mgadewoll noticed a few visual regressions in the changes in that PR after it merged, which this one should fix.

Before After

QA

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in mobile
    • Checked in Chrome, Safari, Edge, and Firefox
    • Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA - N/A
  • Code quality checklist - N/A, CSS changes only
  • Release checklist - N/A, skipping changelog since bug hasn't yet been released
  • Designer checklist - N/A

@cee-chen cee-chen added the skip-changelog Use on PRs to skip changelog requirement (Don't delete - used for automation) label Jul 24, 2024
@cee-chen cee-chen marked this pull request as ready for review July 24, 2024 19:03
@cee-chen cee-chen requested a review from a team as a code owner July 24, 2024 19:03
Copy link
Contributor

@mgadewoll mgadewoll left a comment

Choose a reason for hiding this comment

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

🚢 🐈‍⬛ Thanks for the quick fix!

@cee-chen
Copy link
Contributor Author

The wrapping fix isn't quite working as expected on mobile - please hold 😬

cee-chen added 2 commits July 25, 2024 12:16
- Fix input width bouncing by adding `overflow: hidden` to range wrapper

- remove unnecessary `display: flex`, buttons automatically adjust based on height: 100%. Requires switching to `text-align` instead for pretty format

- add `text-overflow: ellipsis` for clearer and more consistent truncation
- not totally sure what changed!!
@cee-chen cee-chen enabled auto-merge (squash) July 25, 2024 19:24
@cee-chen cee-chen merged commit 28a82ac into elastic:main Jul 25, 2024
@cee-chen cee-chen deleted the emotion/super-date-picker-fixes branch July 25, 2024 20:09
@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

skip-changelog Use on PRs to skip changelog requirement (Don't delete - used for automation)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants