bokeh hover tool tooltip opaqueness?

Hi guys,

I have a small problem in Bokeh with the hover tool pop-ups being too transparent.

Example of the problem:

Is there any simple way to make the hovering tooltip cover the widget bar so it doesn’t look messy? It seems I would need a solid background for the tooltip. Is there a way to do this without specifying whole custom tooltips but just using some CSS in my styles.css?

Best,

Piotr

Hi,

···

On Thu, Nov 16, 2017 at 5:02 PM, Piotr [email protected] wrote:

Hi guys,

I have a small problem in Bokeh with the hover tool pop-ups being too transparent.

Example of the problem:

Is there any simple way to make the hovering tooltip cover the widget bar so it doesn’t look messy? It seems I would need a solid background for the tooltip. Is there a way to do this without specifying whole custom tooltips but just using some CSS in my styles.css?

this actually looks like a bug in rendering order, because the toolbar is rendered on top of tooltips.

Mateusz

Best,

Piotr

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/f02fad67-41cf-4e2a-898c-ded29121f4a8%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

You’re right, now that I zoomed in I can see that it’s not a matter of adding some CSS.
Could it be that those two elements “fight” for being on top with something like z-index?

Best,

Piotr

···

On Thu, Nov 16, 2017 at 6:54 PM, Mateusz Paprocki [email protected] wrote:

Hi,

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/CANFzp8if4KOgCCovFq0m4JvaAcePBFHmzGC_L%2B-q4Dz7bmypfg%40mail.gmail.com.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

On Thu, Nov 16, 2017 at 5:02 PM, Piotr [email protected] wrote:

Hi guys,

I have a small problem in Bokeh with the hover tool pop-ups being too transparent.

Example of the problem:

Is there any simple way to make the hovering tooltip cover the widget bar so it doesn’t look messy? It seems I would need a solid background for the tooltip. Is there a way to do this without specifying whole custom tooltips but just using some CSS in my styles.css?

this actually looks like a bug in rendering order, because the toolbar is rendered on top of tooltips.

Mateusz

Best,

Piotr

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/f02fad67-41cf-4e2a-898c-ded29121f4a8%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

Hi,

···

On Fri, Nov 17, 2017 at 9:50 AM, Piotr Grabowski [email protected] wrote:

You’re right, now that I zoomed in I can see that it’s not a matter of adding some CSS.
Could it be that those two elements “fight” for being on top with something like z-index?

That’s pretty much it. Though I actually can’t reproduce this on most recent bokeh 0.12.11rc2. It would be great if you could try it out (or wait for a release later this week). If the problem persists, submit an issue to our issue tracker with a minimal example for me to reproduce.

Mateusz

Best,

Piotr

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/CALZCF5XTr31YgGE3VV1DG9i901D0jYuh%3DKtaDSXrM%3DRanjO%3DNg%40mail.gmail.com.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

On Thu, Nov 16, 2017 at 6:54 PM, Mateusz Paprocki [email protected] wrote:

Hi,

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/CANFzp8if4KOgCCovFq0m4JvaAcePBFHmzGC_L%2B-q4Dz7bmypfg%40mail.gmail.com.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

On Thu, Nov 16, 2017 at 5:02 PM, Piotr [email protected] wrote:

Hi guys,

I have a small problem in Bokeh with the hover tool pop-ups being too transparent.

Example of the problem:

Is there any simple way to make the hovering tooltip cover the widget bar so it doesn’t look messy? It seems I would need a solid background for the tooltip. Is there a way to do this without specifying whole custom tooltips but just using some CSS in my styles.css?

this actually looks like a bug in rendering order, because the toolbar is rendered on top of tooltips.

Mateusz

Best,

Piotr

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/f02fad67-41cf-4e2a-898c-ded29121f4a8%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

I will test it, thanks. One of the ways to prevent this now would be to keep the tooltips always pop up to one fixed side of the plot instead of flipping left/right, depending on which half of the plot we hover over. Is it even doable? Say, I want the tooltip to always face right (but not used fixed positions).

Best,

Piotr

···

On Fri, Nov 17, 2017 at 4:38 PM, Mateusz Paprocki [email protected] wrote:

Hi,

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/CANFzp8gTV_zLDCt3cPw_3JNVUOvpH5zGpJtHbQ26q8GJ2e%3DAfw%40mail.gmail.com.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

On Fri, Nov 17, 2017 at 9:50 AM, Piotr Grabowski [email protected] wrote:

You’re right, now that I zoomed in I can see that it’s not a matter of adding some CSS.
Could it be that those two elements “fight” for being on top with something like z-index?

That’s pretty much it. Though I actually can’t reproduce this on most recent bokeh 0.12.11rc2. It would be great if you could try it out (or wait for a release later this week). If the problem persists, submit an issue to our issue tracker with a minimal example for me to reproduce.

Mateusz

Best,

Piotr

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/CALZCF5XTr31YgGE3VV1DG9i901D0jYuh%3DKtaDSXrM%3DRanjO%3DNg%40mail.gmail.com.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

On Thu, Nov 16, 2017 at 6:54 PM, Mateusz Paprocki [email protected] wrote:

Hi,

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/CANFzp8if4KOgCCovFq0m4JvaAcePBFHmzGC_L%2B-q4Dz7bmypfg%40mail.gmail.com.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

On Thu, Nov 16, 2017 at 5:02 PM, Piotr [email protected].com wrote:

Hi guys,

I have a small problem in Bokeh with the hover tool pop-ups being too transparent.

Example of the problem:

Is there any simple way to make the hovering tooltip cover the widget bar so it doesn’t look messy? It seems I would need a solid background for the tooltip. Is there a way to do this without specifying whole custom tooltips but just using some CSS in my styles.css?

this actually looks like a bug in rendering order, because the toolbar is rendered on top of tooltips.

Mateusz

Best,

Piotr

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/f02fad67-41cf-4e2a-898c-ded29121f4a8%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.