Issue 6758 - Made tooltips open on click
This MR for https://gitlab.com/eyeo/adblockplus/adblockplusui/issues/106 contains the following changes:
- Introduced
<io-popout>
component for tooltips and context menu - Added CSS variables to keep track of dependencies between elements
- Added close button to tooltips
- Made styles and logic between tooltips and context menus consistent
- Fixed: Anchor pointer design was inconsistent with spec
- Fixed: Tooltips now open on click
- Smoke tests for:
- Tooltip at top edge of viewport with short text
- Tooltip at bottom edge of viewport with long text
- Context menu with short text and custom content
This MR does not contain the following:
- Keyboard-accessibility: This is not a regression
- Transitions: This would've required a few more changes to get them working again
Edited by Thomas Greiner