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.

    mike62

    (@mike62)

    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.