When using ajax navigation, tooltips of last two days get cut

[Diego]

It doesn’t apply the class ‘tribe-events-right’, so the last days go to the right and get cut. When using select for navigation it’s ok.

Is there any php code I can use to add the class directly in the HTML code instead of the javascript? Maybe even a ‘tribe_events_weekend’ class could be useful not just for the tooltips but also to be able to customize style for weekends.

[Rob]

I believe we’ve helped a couple users resolve this so far, Diego – though I’m unable to find the thread referencing it in my searching. Let me see if Jonah can point you in the right direction.

[Jonah]

Hi Diego,

We’ve got a ticket filed for this and I know of no quick fix for this. I’ll check in with Rob again to see if he knows.

[Jonah]

Diego, you can try removing the overflow: hidden property in one of the divs that contains the calendar. I don’t know which one it would be without looking at your site but maybe you can figure it out.

[Diego]

Thanks for the response, Jonah. I’ll wait till gets fixed then. The container in my theme is already using overflow:hidden and the whole design breaks if I remove it.

[Jonah]

Ahhh that’s too bad. Keep an eye out for an update fixing this!

[Rob]

Hi again Diego. Just a heads up that I ran this by our dev team to see if they were able to identify a quick fix here; unfortunately nothing really jumped out and it’d require some serious digging to bring up, so in the interest of time it’s probably best to wait for the official solution in 2.1. Sorry I couldn’t offer up a short-term workaround in the interim.

[Diego]

Thanks Rob and Jonah for the responses. I think it would be great if the class wasn’t javascript-dependant because of the styling possibilities (tooltip behavior aside):)

[Rob]

Thanks Diego. Going to get another dev to take a look here and see if there’s any reason not to take the route you’ve suggested in an official capacity.

[Rob]

Hi again Diego. Talked this over with our dev, and we’re going to explore changing the class so it is indeed a PHP problem rather than a Javascript one sometime during the 2.1 lifecycle. I’ve logged an issue in our projects system accordingly. Thanks for the heads up!

[Diego]

Thanks guys! 🙂

[Rob]

Thank YOU. If you need anything else or have other suggestions down the road, just holler.

[Kandace]

We ran into this same problem on a client site. While we’re looking forward to the patch in 2.1, we thought it might be helpful for others to see the CSS we used to get around it:

`.full-width .tribe-events-calendar tr td:nth-child(1n+5) .tribe-events-tooltip {
left: auto;
right: 3px;
}
.full-width .tribe-events-calendar tr td:nth-child(1n+5) .tribe-events-tooltip .tribe-events-arrow {
left: auto;
right: 30px;
}`

(.full-width is template-specific on our site and just used to out-weigh the tribe-events styles without resorting to !important.)

We’re just replicating the .tribe-events-right styles by targeting Thursday-Saturday (s 5, 6, & 7 in each ), which would normally get those classes.

Hope this helps. Thanks for the great plugin!

[Rob]

This is an excellent suggestion, Kandace! Thanks for sharing. I can definitely see this being of value to other users as they wait for an official solution. Cheers.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts