-
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
[UnifiedDocViewer] Implement floating actions #171365
[UnifiedDocViewer] Implement floating actions #171365
Conversation
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.
Looks and works great! Definitely allows the doc viewer to make better use of the available space. A couple initial points of feedback:
- I noticed that currently the floating actions aren't keyboard accessible, and the focus just skips over the whole table. I debugged this a bit and found that removing the
visibility
CSS styles fromkbnDocViewer__buttons
fixed the issue and still seemed to work as intended, but maybe there's another reason these are needed. - I'd recommend we remove the
iconSize="s"
fromtable_cell_actions.tsx
since the icons currently are a bit small compared to the mockups. - I found the slower hover leave transition looked a bit strange (laggy maybe?) when moving the cursor over multiple rows. I see there's a comment about using a slower transition on hover leave in case the user accidentally stops hovering, but personally I find it looks better and functions just as well using
$euiAnimSpeedFast
for both transitions.
Yeah, unfortunately the suggested fix introduces its own set of strange behavior (can't copy the field name). I think @kertal had suggested something as well, but now I'm coming to a blank on what it was - Do you remember Matthias? |
💔 Build FailedFailed CI Steps
Test Failures
Metrics [docs]Async chunks
History
To update your PR or re-run it, just comment with: cc @lukasolson |
Hmm, I don't remember I had a valid suggestion, maybe it comes to my mind when out of planning mode 😃 |
Closing as we are considering using cell actions & data grid here instead. |
Summary
Closes #164617.
Before:
Before.mov
After:
After.mov
Checklist