tooltip - detect page width

[drma-tech]

Is there a way to detect the page boundaries and show the tooltip completely?

[stsrki]

Probably yes, but it's a complex component so I will need to investigate it more.

With quick inspections I modified this and it seems to work:

[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before
{
  left: 100%;
}

You can now proceed from here and add custom media breakpoints.

[drma-tech]

It didn't work or I don't think I understood.

My knowledge of CSS is not advanced.

[drma-tech]

@stsrki

[stsrki]

It didn't work or I don't think I understood.

My knowledge of CSS is not advanced.

Just copy paste the css code from above into your site.css and it should work.

[drma-tech]

Yes, I did that part, but it doesn't work alone.

I was referring to the second thing you mentioned: custom media breakpoints

[drma-tech]

[data-tooltip]:not(.is-loading).b-tooltip-fade::before, [data-tooltip]:not(.is-loading).b-tooltip-fade::after, [data-tooltip]:not(.is-disabled).b-tooltip-fade::before, [data-tooltip]:not(.is-disabled).b-tooltip-fade::after, [data-tooltip]:not([disabled]).b-tooltip-fade::before, [data-tooltip]:not([disabled]).b-tooltip-fade::after {
    left: 100% !important;
}

I think I understand. My code was different.

But how to solve this when the component is on the right side. I tried with right: 100%, but it didn't work.