Responsive tables missing the toggle to show/hide "low priority column"

[msnassar]

Drupal responsive table has a toggle to show and hide the columns that have low priority. The toggle (button) exists in the DOM but do not appear on the page because of some missing styles. This is because, core is displaying it when a hidden th is found, see: var hiddenLength = this.$headers.filter('.priority-medium:hidden, .priority-low:hidden').length;

Steps to reproduce:

• Use seven as admin theme.
• Go to /admin/content
• Go to mobile mode, you will see a link on the top of the table "Show all columns".
• Now change the admin them to oe_bootstrap_theme and do the other steps, you won't see the link!

Suggested fix:

th.priority-low,
th.priority-medium,
td.priority-low,
td.priority-medium {
  display: none;
}

@media screen and (min-width: 38em) {
  th.priority-medium,
  td.priority-medium {
    display: table-cell;
  }
}

@media screen and (min-width: 60em) {
  th.priority-low,
  td.priority-low {
    display: table-cell;
  }
}

[tibi2303]

I see the link is displayed in oe_bootstrap_theme and maybe it was already fixed in some previous versions. From my point of view we can close this issue.

[msnassar]

Closing it as it has been fixed in https://github.com/openeuropa/oe_bootstrap_theme/pull/387