-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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
Fix truncation of long filter bar items #43874
Conversation
Pinging @elastic/kibana-app |
💚 Build Succeeded |
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.
I pulled in the code and checked it in Chrome only.
LGTM.
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.
Reviewed the code and my only question (wrapping) was handled in the description of the PR (ty for screenshots!).
LGTM.
@@ -25,6 +25,15 @@ | |||
transition: height $euiAnimSpeedNormal $euiAnimSlightResistance; | |||
} | |||
|
|||
.globalFilterGroup__filterFlexItem { | |||
overflow: hidden; | |||
padding-bottom: 2px; // Allow the shadows of the pills to show |
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.
Ahhh, ty for this. This bugged me forever.
a59aaf9
to
1a845c4
Compare
💚 Build Succeeded |
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.
LGTM
Fixes #35225
By porting over the SASS and classNames from the fix in EUI.
How it behaves now
Wrapping still works
Works in IE

Checklist
Use
strikethroughsto remove checklist items you don't feel are applicable to this PR.[ ] Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support[ ] Documentation was added for features that require explanation or tutorials[ ] This was checked for keyboard-only and screenreader accessibilityFor maintainers
[ ] This was checked for breaking API changes and was labeled appropriately