Make tooltip smarter #1978

Closed
opened 2018-09-22 07:50:46 +02:00 by neb-b · 0 comments
neb-b commented 2018-09-22 07:50:46 +02:00 (Migrated from github.com)

The Issue

Currently the tooltip can be cut off if it is near the edge of the screen

screen shot 2018-09-22 at 1 46 20 am

Steps to Reproduce

  1. Hide NSFW content
  2. Scroll to bottom of explore
  3. Hover over "whats this" tooltip

Expected Behaviour

All of the tooltip should be visible

Suggested Solutions

The quick fix for this one is to always show the tooltip ontop with direction="top"
The more long term fix is to improve the tooltip component. If any of the tooltip is cutoff, it should move to the opposite side

## The Issue Currently the tooltip can be cut off if it is near the edge of the screen <img width="400" alt="screen shot 2018-09-22 at 1 46 20 am" src="https://user-images.githubusercontent.com/16882830/45913865-7fa06000-be09-11e8-825f-e919640b39f1.png"> ### Steps to Reproduce 1. Hide NSFW content 2. Scroll to bottom of explore 3. Hover over "whats this" tooltip ### Expected Behaviour All of the tooltip should be visible ### Suggested Solutions The quick fix for this one is to always show the tooltip ontop with `direction="top"` The more long term fix is to improve the tooltip component. If any of the tooltip is cutoff, it should move to the opposite side
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
LBRYCommunity/lbry-desktop#1978
No description provided.