question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

PF4 Tooltip: add support for right-aligned content

See original GitHub issue

This 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:closed
  • Created 4 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
dlabrecqcommented, Oct 9, 2019

We can probably close the issue

0reactions
mcarranocommented, Oct 8, 2019

Yes, one could right-align the tooltip text, but it does not seem like a good solution from a readability standpoint IMO.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found