Basic Popper.js re-implementation of asset tooltips #1009
Conversation
This attempts to display the tooltip to the left of the current asset, but Popper.js is smart enough not to fix it there if that would keep it offscreen. There’s just enough CSS to add a border — this could probably use some additional TLC for more distinct colors and we probably want to adjust widths and font sizes, too. See #998
|
@acdha, is this going to be included in the Tuesday launch? If so, I don't really have the time for refinement work but I can play with the style and options next week some time. |
|
@klee72 probably not unless we want to put some time into styling it. I don't think it's a show-stopper. |
This avoids overlapping the thumbnail where possible
Since the tooltip no longer fills the element with the metadata display, which makes it less obvious which asset is being displayed. This adds a hover outline similar to the active asset color to make those states more distinct.
|
I made two changes to attempt to position the tooltip under the asset image (it still goes to the sides when the bottom would be outside of the viewport) and to make it a little more distinct which asset is being worked with:
One question which this raised was whether we still want to preserve the |
This attempts to display the tooltip to the left of the current asset, but Popper.js is smart enough not to fix it there if that would keep it offscreen.
There’s just enough CSS to add a border — this could probably use some additional TLC for more distinct colors and we probably want to adjust widths and font sizes, too, along with possibly using some of the available options to adjust offsets for some of the overlap situations.
See #998
Before
After