add info-icon tooltips to cards

BrianRuizy / covid19-dashboard

🦠 Django + Plotly Coronavirus dashboard. Powerful data driven Python web-app, with an awesome UI. Contributions welcomed! Featured on 🕶Awesome-list

https://covid-dashboard.herokuapp.com

MIT License

213 stars 176 forks source link

add info-icon tooltips to cards #37

Closed BrianRuizy closed 4 years ago

BrianRuizy commented 4 years ago

Using Bootstrap4 tooltips, onto a Font Awesome info icon, to give the user more information on the specific data visualization card on mouse hover (or tap for mobile).

Use color text-muted for icon design.
Play with icon positioning & sizing to not clutter the card.