Support » Plugin: My Calendar » [Plugin: My Calendar] Details div getting cut off on the right edge of the page

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    In the styles editor, update:

    #jd-calendar .calendar-event .details, #jd-calendar .calendar-events {
    position:absolute;
    width:50%;

    to:

    #jd-calendar .calendar-event .details, #jd-calendar .calendar-events {
    position:absolute;
    left: 25%;
    top: 20%;
    width:50%;

    The cut-off effect is a result of your theme, so rather than change the way your theme is set up, I’d recommend changing the location of the calendar details pop up.

    Thanks, but separating the details pane from the calendar item is too much of a disconnect. The details pane needs to be right under the clicked item or it causes confusion.

    I just don’t know enough about JavaScript to detect the width of the calendar, and set it so that the x position of the details box is never higher than (calendarDivWidth – detailsDivWidth)…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: My Calendar] Details div getting cut off on the right edge of the page’ is closed to new replies.