Ngx-bootstrap: Vertical positioning problem with tooltips when wrapping text
When a tooltip is forced to wrap its content, it is no longer positioned correctly in vertical space. (not moved upwards)
_Sidenote: This causes a bug with the hover effect in cases with little space available._
KimBum
👍7
All 3 comments
I solved that problem for now, by using this:
.some-container .tooltip .tooltip-inner {
width: 7em;
white-space: normal;
}
From https://github.com/valor-software/ng2-bootstrap/issues/808
EDIT:
Actually to avoid using the general .css file I found out I could use this in styles of the component that is using the tooltips:
:host /deep/ .tooltip .tooltip-inner {
max-width: none;
white-space: nowrap;
}
PEsteves8
on 1 Sep 2016
👍2
@PEsteves8 thank you! :D
Manningham
on 9 Sep 2016
Should be fixed
valorkin
on 22 Dec 2016
🎉1
Was this page helpful?
0 / 5 - 0 ratings
Related issues
ghiscoding
路
3Comments
Scooviese
路
3Comments
juanitavollmering
路
3Comments
haisaco
路
3Comments
hugonne
路
3Comments
Most helpful comment
I solved that problem for now, by using this:
.some-container .tooltip .tooltip-inner {
width: 7em;
white-space: normal;
}
From https://github.com/valor-software/ng2-bootstrap/issues/808
EDIT:
Actually to avoid using the general .css file I found out I could use this in styles of the component that is using the tooltips:
:host /deep/ .tooltip .tooltip-inner {
max-width: none;
white-space: nowrap;
}