|
Katie Bush
|
January 15, 2014 at 1:54 pm
Most of the re-styles that I’ve done have been pretty easy, but one thing I am having trouble with. What I would like to do is take the text out of the event bubble inside the calendar so that it is just a splotch of color (this was easy enough just using visibility: hidden); but after doing this, I would like to be able to keep all of the little color bubbles (.fc-event-inner) the same height, so that no matter the length of the event title that is being hidden, the calendar days have uniform heights. I have tried a lot of different options. Any suggestions?
Thanks.
|
|
Josh
|
January 15, 2014 at 7:27 pm
Hi Katie,
Have you tried setting a min-height and a max-height for these? If you set the min-height and the max-height to the same value, they’ll have uniform heights.
We actually do this within the small screen (480px or less) media query in the calendar’s stylesheet:
#espresso_calendar .fc-event {
min-height: 3em;
max-height: 3em;
}
|
|
Katie Bush
|
January 16, 2014 at 7:45 am
I think you mean max-height, but thanks. I always forget about that for some reason, even though I use it all the time. It worked for now. I kept trying to use javascript solutions, which the calendar plugin didn’t like.
Thanks!
|
