PF4 Tooltip: add support for right-aligned content
See original GitHub issueThis is a follow-up to #3013.
Why only support a left aligned option? What if designers want to support right-aligned content, next?
Even if we don’t support right-aligned content for now, something more like this would scale better in the future.
contentPosition?: 'bottom' | 'center' | 'right';
Then we could create an enum
export enum TooltipContentPosition {
bottom = 'bottom',
center = 'center',
right = 'right'
}
Looks like we already take this approach for the position
property.
_Originally posted by @dlabrecq in https://github.com/patternfly/patternfly-react/pull/3053_
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Aligning text in bootstrap tooltip - Stack Overflow
This following works well in Bootstrap version 2.2.2, 3.3.6 and 4: .tooltip-inner { text-align: left; }.
Read more >Solved: Aligning Numbers to the Right in Tooltip
Hello! I have this tool tip that contians numbers (see pic). I was asked to align the numbers to the right, while keeping...
Read more >Adding a alignment within tooltip box · Issue #2959 - GitHub
Hi I have been working on amcharts4 in our angular6+ project. In a multi-line single tool tip how can I add a alignment...
Read more >Charts - How to align a tooltip text to the left or right
Hi, Is there a way when using Charts, Pie Charts or Gauges that all tooltips will have all text aligned to the left...
Read more >Left and right aligned tool tip/hover text - Qualtrics Community
I'm trying to add hover text to a question with 5 response options, in a horizontal layout. I have applied hover css to...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
We can probably close the issue
Yes, one could right-align the tooltip text, but it does not seem like a good solution from a readability standpoint IMO.