//
// @file Source of osec-admin-page-all-events.css
//       Manual compilation process is required.
//
/*! DO NOT EDIT source: public/admin/less/admin-pages/osec-admin-page-all-events.less */

// Event list (Events > All Events): the all-day label in the "Event date/time" column, a small outlined pill in the
// date's own text color, centered on the date.
.ai1ec-allday-badge {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.15em;
  padding: .25em .55em;
  font-size: 80%;
  font-weight: normal;
  line-height: 1;
  white-space: nowrap;
  color: currentColor;
  border-radius: 1em;
  // An inset shadow instead of a border: the outline adds nothing to the pill's size.
  box-shadow: inset 0 0 0 1px currentColor;
}

// The date under the title (public/js/admin/all_events_date.js): where the date column is not shown - in the
// compact layout, where WordPress hides it, and when it is unticked in Screen Options (WordPress marks its cells
// `hidden`, also live when the box is toggled). In an expanded compact row the date stays under the title, so the
// column's own "Event date/time" line is hidden instead (WordPress shows every column of an expanded row with
// !important).
.osec-row-date {
  display: none;
  margin: .2em 0;
}

tr:has(> td.column-osec_event_date.hidden) .osec-row-date {
  display: block;
}

@media screen and (max-width: 782px) {
  .osec-row-date {
    display: block;
  }

  .wp-list-table tr.is-expanded td.column-osec_event_date {
    display: none !important;
  }
}