My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 834: cell width doesn't account for border-spacing
2 people starred this issue and may be notified of changes. Back to list
Status:  Done
Owner:  ----
Closed:  May 2011


Sign in to add a comment
 
Reported by jon.fort...@gmail.com, Feb 15, 2011
I changed the base css for tables to 
.fc table {
	border-collapse: separate;
	border-spacing: 5px;
}

consequently the calculations for the cell widths is off and the last day of the week is smaller.  

I used this really ugly hack in setWidth function to copensate

		var bob = parseInt($('.fc-header table').css('border-spacing').split('p')[0])*(colCnt+1);
		viewWidth = viewWidth - bob;

May 8, 2011
Project Member #1 adamrs...@gmail.com
yeah, fullcalendar heavily relies on there being no border-spacing. it would be sort of hard to change. if more people have this need, i will think about modifying fullcalendar.
Status: Done
Sep 20, 2013
#2 kasperka...@gmail.com
I think it would be nice to have this... the way it is now really limits the way we can style the calendar.
Aug 27, 2014
#3 m80...@gmail.com
/bump
Aug 27, 2014
Project Member #4 adamrs...@gmail.com
this is actually possible now with 2.1.

JSFiddle example:
http://jsfiddle.net/arshaw/zjwd2a1s/1/

CSS:

	.fc .fc-basic-view > table > thead > tr > td {
		border-bottom: 0;
		padding: 0;
	}

	.fc .fc-basic-view > table > tbody > tr > td {
		border-top: 0;
		padding: 0;
	}

	.fc .fc-basic-view .fc-row {
		margin: 4px 0;
	}

	.fc .fc-basic-view .fc-row table {
		border-collapse: separate;
		border-spacing: 4px 0;
	}

	.fc .fc-basic-view > table > thead .fc-row {
		margin-bottom: 0;
	}

The CSS is a little gnarly but it gets the job done
Aug 28, 2014
#5 m80...@gmail.com
thanks - currently on a fork of 1.6 with resource day view, so considerable upgrade required :)
Sign in to add a comment

Powered by Google Project Hosting