bitshares / bitshares/bitshares-ui

[3] Style and refactor tooltips - mobile view

Open
#2,230 35 comments 0 reactions 1 assignee Claimed by @calvinfroedge View on GitHub
[1c] Task [3] Feature [5c] Medium
Dominant language
JavaScript
Stars
520
Forks
575
Avg merge
12h 7m
Merged PRs (30d)
5

Description

We need a solution for mobile view (or any touch screen), I quite like this one
http://uxmovement.com/mobile/how-to-display-tooltips-on-mobile-forms/
Tooltips are rendered as separate button, on click shows the text.

Tooltips are integrated as a wrapper document.
```

{children}

```
Different styling come to mind:
- `children` is an icon. Display the icon with an easy to click size and give it onClick
- `children` is a label for a textfield. The tooltip should be rendered as "?" button within the textfield
- `children` is any random DOM with several subcomponents. Tooltip icon could be positions top|left|right|bottom aligned, or floating over.

This issue is to investigate best practices and work out an abstract and flexible solution.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.