Events overlapping in week view

  • Resolved marmitejim

    (@marmitejim)


    2 years, 9 months ago

    Hi.

    In Week view, when I have two or more events with the same start time they overlap so that the ‘lower’ ones are hardly visible.

    But this does not occur in Month or Day view.

    Do you have a suggestion as to how I can improve the visibility of the ‘lower’ events?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter marmitejim

    (@marmitejim)

    Apparently nothing can be done about this at the moment
    However I found that the mobile view for Week View was a better layout and you can show that on desktop with this CSS:-

    body .tribe-common–breakpoint-medium.tribe-events-pro .tribe-events-pro-week-day-selector,
    body .tribe-common–breakpoint-medium.tribe-events-pro .tribe-events-pro-week-mobile-events {
    display: block!important;
    visibility: visible;
    }

    body .tribe-common–breakpoint-medium.tribe-events-pro .tribe-events-pro-week-grid {
    display: none!important;
    visibility: hidden;
    }

    It’s not a total fix but I made the secondary events less wide with this CSS

    .tribe-events-pro .tribe-events-pro-week-grid__event--seq-2 {
    width: calc(60% - 2px) !important;
}

    The z-index does change when a user hovers over an event so the hovered one is always on top. But I agree, this isn’t the best design. I would love a way to be able to put them side by side like Outlook does.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Events overlapping in week view’ is closed to new replies.