I am using the liquid layout and the upcoming events block's mini calendar forces a vertical scroll bar as it sits a few pixels out of the allotted side column space. I tried adjusting the side columns, but that just extends the Events mini calendar block out as well... it remains a few pixels off and forces the vertical scroll bar even when the screen is maximized.
Any ideas on how to resolve this other than switching to the text list of upcoming events??
Thanks

Comments

ishmael-sanchez’s picture

ishmael-sanchez commented
Assigned: Unassigned » ishmael-sanchez
Status: Active » Fixed

Hello,

I think the reason you are having trouble is because the events module is using % widths and a large font size for the calendar. Try overriding the event.css in your styles.css by changing the font size to .8em from .9em. 

.event-calendar div.month-view table.event-block thead, .event-calendar div.month-view table.event-block tbody {
font-size:0.8em;
}

Then override the widths based on the look and feel you are trying achieve (see line 2 and line 21 of event.css). Using a fixed pixel width for the calendar and reducing the font size helped remove the scroll bar for me.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.