In Views, it's possible to set a responsive priority on tables, but Radix has no CSS to handle these.

Here's what Bartik has:

/**
 * Responsive tables.
 */
@media screen and (max-width: 37.5em) { /* 600px */
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium {
    display: none;
  }
}
@media screen and (max-width: 60em) { /* 920px */
  th.priority-low,
  td.priority-low {
    display: none;
  }
}

Radix should do something similar, but using Bootstrap breakpoints!

Comments

dsnopek created an issue.

dsnopek’s picture

dsnopek
he/him
Primary language English
Location USA
CreditAttribution: dsnopek commented

I used this code in a custom sub-theme - not sure if it's the way I want it yet, it needs some more testing in practice:

// Responsive Tables
// -----------------------------------------------------------------------------

@media (max-width: $screen-sm) {
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium {
    display: none;
  }
}

@media (max-width: $screen-md) {
  th.priority-low,
  td.priority-low {
    display: none;
  }
}

It's also not "mobile first", but I'm not sure if that's disqualifying?