Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Top/Bottom Alignment Incorrectly Positions Triangle #118

Open
ghost opened this issue Oct 3, 2016 · 0 comments
Open

Top/Bottom Alignment Incorrectly Positions Triangle #118

ghost opened this issue Oct 3, 2016 · 0 comments

Comments

@ghost
Copy link

ghost commented Oct 3, 2016 •
edited by ghost
Loading

When using
ANY|top or ANY|bottom with ns-popover-placement the Triangle is positioned essentially at top:0, or bottom:0.

This is EXACTLY what's happening, but it's the end-result.

As a solution, I was able to correct with:

.ns-popover-tooltip-theme {
  &.ns-popover-top-align {
    .ns-popover-tooltip {
      margin-top: -$popover-triangle-size;
    }
  }

  &.ns-popover-bottom-align {
    .ns-popover-tooltip {
      margin-bottom: -$popover-triangle-size;
    }
  }
}

The key trick is offsetting by -$popover-triangle-size

I think this is an easy fix and doesn't need much testing to merge in.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
0 participants