Multi-date indentation?

  • Resolved TStone

    (@tstone)


    2 years, 11 months ago

    Hello!
    When displaying as a list, I see that you use the ‘Definition List’ element, with DT for time and DD for description.

    That’s great! However, in a multi-date event, I see that the DT tag isn’t just left empty, it is completely missing. That makes it a bit tricky to style the list, as you’d need some extra CSS trickery to maintain the same indentation for the description as the single-day events.

    For example, the last entry in this screencapture is a multi-date event, and its description is not in line with the previous descriptions. Would it be possible to get the DT tag, albeit empty, on all entries?

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

    (@room34)

    I’ve been debating whether or not it’s a good idea to omit the dt tags, but for now that’s how it’s set up.

    You may want to consider a different approach to your CSS, perhaps something like this:

    .ics-calendar dl.events {
  display: grid;
  grid-gap: 5%;
  grid-template-columns: 45% 50%;
}

.ics-calendar dl.events dt {
  grid-column-start: 1;
}

.ics-calendar dl.events dd {
  grid-column-start: 2;
}
    Thread Starter TStone

    (@tstone)

    Thank you! This made it look a little better.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Multi-date indentation?’ is closed to new replies.