I have a custom subtheme based on Sky (via Footheme) that uses the Fullcalendar module 7.x-2.0-beta2. In the month view, table rows containing events have exceptionally tall cells in Chrome. Firefox and IE 8 are fine.

For testing purposes, I ran up a clean install of Drupal and Fullcalendar. The month view displays as expected in Bartik and other AdaptiveThemes (Corolla, Pixture Reloaded), but in Sky, cells are tall. (See attached screenshots).

I'm not sure if this is an issue with Fullcalendar or Sky, but I started here since the behavior is theme-specific.

CommentFileSizeAuthor
corolla_fullcalendar.png28.08 KBeliza411
sky_fullcalendar.png28.17 KBeliza411

Comments

eliza411’s picture

eliza411 commented
Status: Active » Fixed

I narrowed it down to line 5 in the navigation.css:


/* CSS for major navigation elements such as menus, pager, superfish etc */
a {
  text-decoration: none;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

I set the -webkit-transition to none for the fullcalendar month view in my custom theme, and it fixes the issue. I'm not sure if there's a more generalized way to prevent the problem, but at least there's a note if anyone else runs into it.

Jeff Burnz’s picture

Jeff Burnz commented
Status: Fixed » Active

Do you have this live, I'd like to see this if possible.

It might be better if we craft an override for this so we can put it in the actual theme so it works with Fullcalendar.

eliza411’s picture

eliza411 commented

I do, you can see it (for now) at http://sky.everydaydrupal.com/calendar

fkrogstad’s picture

fkrogstad commented

I'm having this happen on my site as well. http://test.hamlinemidwayfiles.org/calendar in Chrome. Earlier today, the calendar wasn't showing up at all in Chrome and seemed to be working fine in FF. Now it is blank in FF and Chrome has tall cells.

I'm a newbie in Drupal and an accidental techie at a little nonprofit. Eliza411, can you provide the exact code change so I can cut and paste?

Thanks!

Jeff Burnz’s picture

Jeff Burnz commented

The problem is that the CSS3 transition on all links is far too generic, although to be frank it hasn't caused as many issues as I thought it might have, the fix I believe eliza411 used was to remove that code from the theme.

eliza411’s picture

eliza411 commented

I edited the css so it reads: 

/* CSS for major navigation elements such as menus, pager, superfish etc */
a {
  text-decoration: none;
  -moz-transition: all 0.3s linear;
  -webkit-transition: none;
  transition: all 0.3s linear;
}

Removing the -webkit-transition line works equally well.

fkrogstad’s picture

fkrogstad commented

It works. Thanks to you both for your prompt replies.

Faith

rerooting’s picture

rerooting commented

This works as well:

/* CSS for major navigation elements such as menus, pager, superfish etc */
.fc a {
  text-decoration: none;
  -moz-transition: all 0.3s linear;
  -webkit-transition: none;
  transition: all 0.3s linear;
}

allows you to keep the default a transition effect for webkit browsers but disables it for fullcalendar.