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

Total hits and histogram control touchups #9

Merged

Conversation

davismcphee
Copy link

This PR includes several UX touchups to the original PR:

Fix double EuiSelectable focus ring styles:
focus_ring

Fix issue where toolbar buttons get cut off on smaller screen sizes (also happened in mobile view):
icon_cut_off

Add tooltips to toolbar buttons so users can see the full labels when truncated:
tooltip

Tweak toolbar button menu designs to more closely match mockups (full-width menu items, compressed search bar, show all time interval menu items without scrolling). Add middle truncation to toolbar button menus for long values, and update search bar placeholder to "Search" to match mockups. Autofocus on toolbar button menu selectables when popover is opened (improves a11y for keyboard users):
truncate_and_placeholder
interval_all_options

Update toolbar button menu "no results" display to put message and search term on one line (the <strong> tag was using display: block when not wrapped in a <p> tag):
not_found

Remove extra 2 pixels below Lens suggestion selector caused by display: inline-block, and update tooltip delay to "long" to match the toolbar button tooltips.

- Fix double EuiSelectable focus ring styles
- Fix issue where toolbar buttons get cut off on smaller screen sizes
- Add tooltips to toolbar buttons so users can see the full labels when truncated
- Tweak toolbar button menu designs to more closely match mockups (full-width menu items, compressed search bar, show all time interval menu items without scrolling)
- Add middle truncation to toolbar button menus for long values, and update search bar placeholder to "Search" to match mockups
- Autofocus on toolbar button menu selectables when popover is opened
- Update toolbar button menu "no results" display to put message and search term on one line
- Remove extra 2 pixels below Lens suggestion selector caused by `display: inline-block`, and update tooltip delay to "long" to match the toolbar button tooltips
@jughosta
Copy link
Owner

Thanks, Davis!

@jughosta jughosta merged commit 3cc96c3 into jughosta:168825-move-total-hits Jan 11, 2024
1 of 2 checks passed
@davismcphee davismcphee deleted the move-total-hits-touchups branch January 11, 2024 19:37
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.

2 participants