In Drupal 4.5.1, the event calendar (in a left hand column) is too wide and overlaps the center column by a few pixels. I have tried the same theme/settings on two different sites and get the same results. Has anyone else seen this? Is there a stylesheet fix for it?

Thanks,
Andrew

Comments

shane’s picture

...I have always gone in and hacked the event.module code so that it doesn't output the "Sun", "Mon", "Tue", ... for the weekdays. I changed it to "Su", "Mo", "Tu", ... etc. I changed the $day_trans variable around line 786 of the 4.5.0 code base event.module.

This decreases the width of the day names so that it doesn't overflow the width of the column. I suppose that alternatively, if there is appropriate CSS surrounding the day names, you could change the CSS so that it uses a much smaller text size for the day names. But I don't know what that is, or what else that might effect, or if it's even possible.

I'd actually like to see an Admin option for the Event Calendar that allows the admin to select the day name style (eg "Mon" vs. "Mo" vs. "M" for Monday; etc...). It would fit appropriately right next to the "Start of Week" option (eg. "Sunday" vs. "Monday").

I've seen this problem for as long as I can remember, back to at least early 4.x code days.

brianestadt’s picture

I'm dealing with this problem in the Andreas01 theme running on 4.7.3. I glanced around line 786 of event.module for 4.7.3 and didn't find anything around there (to be honest, I'm a coding neophyte who might not recognize what I'm looking for). Can anyone tell me how to do this in the latest version on Drupal?

Steven’s picture

You can fix this by reducing the cell padding and/or text size for some or all of the cells. Check the source for which classes to use.

AndrewC-1’s picture

Thanks for the tips. I'll try them both.

nedjo’s picture

Some months ago I generated a patch to address this issue but it now doesn't apply, see http://drupal.org/node/7231.

plausipo’s picture

I had a different problem when calendar is displayed as "center content". There was no scroll to other month as table got chopped.
By editing event.css and changed .event-calendar table to a width less than 100%, it works fine now. Wonder if it would be the same for side block.
===
#event .event-calendar table {
width: 90%;
===

media girl’s picture

IE has problems rendering 100%-width tables when margins and padding are defined with anything but pixels. Not sure why that is, but there it is. In fact, IE has a lot of problems, but since most people use it, this is something to be aware of. What you describe sounds like one of those quirks. Or did you see this in another browser?

All Calendar stylings can be done in CSS. It's the easiest way and most likely to remain persistent through cms upgrades.

--
mediagirl.org