Page 1 of 1

Title text wraps and displays over time

Posted: Mon Dec 12, 2016 5:53 pm
by phawke
If the title of an event is more than about 20 characters, when the calendar is displayed, the title text wraps to a second line and it covers over the time display. Here is an example.

http://bfolondon.ca/calendar/?month=nov&yr=2016

Peter

Re: Title text wraps and displays over time

Posted: Sun Feb 18, 2018 8:17 pm
by Kieran
This has been fixed in the latest release (1.3.10)

Re: Title text wraps and displays over time

Posted: Mon Aug 06, 2018 9:10 am
by siemon
Thanks for the calendar !
Is there any way to have the title being cut off so that all calendar cells remain the same size ?
The title does not obscure the time any more but cell layout gets very bad when one uses a rather long title.

thanx, peter

Re: Title text wraps and displays over time

Posted: Sat Feb 16, 2019 5:46 pm
by Kieran
Perhaps you can provide a link showing the issue? Iterative attempts have been made in the last few releases to make the title better, hopefully that has helped, if not, let me know how yours looks and I'll try to suggest options

Re: Title text wraps and displays over time

Posted: Sun Feb 17, 2019 4:47 pm
by siemon
Please look at this link
http://wir-am-hoerder-neumarkt.de/
we have now very short texts; if you look at the last (sunday) column you will see the "problem"

Btw: would it be possible to fold / unfold categories or have them in 2 columns ?

thanks, peter

Re: Title text wraps and displays over time

Posted: Sun Mar 03, 2019 5:37 pm
by Kieran
I have taken a look at this; it seems it's just an artefact of CSS, you can make the following changes to the CSS on the calendar options page which should help you

Within the .day-without-date element, modify width to be 14.28% and add the following tag

Code: Select all

max-width:50px
Within the .day-with-date element, modify width to be 14.28% and add the following tags

Code: Select all

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 50px;
Within the .current-day element, modify width to be 14.28% and add the following tag

Code: Select all

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 50px;
As regards the categories, I will look into possibly rolling these up in a future release