Fix responsive utilities for table elements
This change prevents situations where specificity causes some rules to be overridden by the ones intended for mobile. * Added mixin `responsive-invisibility()` * Swapped out `display: none !important;` for new mixin
This commit is contained in:
parent
534eac5242
commit
fea69df80c
3 changed files with 117 additions and 12 deletions
76
docs/assets/css/bootstrap.css
vendored
76
docs/assets/css/bootstrap.css
vendored
|
|
@ -4578,14 +4578,41 @@ td.visible-sm {
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
tr.visible-md {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
th.visible-md,
|
||||
td.visible-md {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
tr.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
th.visible-lg,
|
||||
td.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.hidden-sm {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
tr.hidden-sm {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
th.hidden-sm,
|
||||
td.hidden-sm {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.hidden-md {
|
||||
display: block !important;
|
||||
}
|
||||
|
|
@ -4616,6 +4643,13 @@ td.hidden-lg {
|
|||
.visible-sm {
|
||||
display: none !important;
|
||||
}
|
||||
tr.visible-sm {
|
||||
display: none !important;
|
||||
}
|
||||
th.visible-sm,
|
||||
td.visible-sm {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-md {
|
||||
display: block !important;
|
||||
}
|
||||
|
|
@ -4629,6 +4663,13 @@ td.hidden-lg {
|
|||
.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
tr.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
th.visible-lg,
|
||||
td.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
.hidden-sm {
|
||||
display: block !important;
|
||||
}
|
||||
|
|
@ -4642,6 +4683,13 @@ td.hidden-lg {
|
|||
.hidden-md {
|
||||
display: none !important;
|
||||
}
|
||||
tr.hidden-md {
|
||||
display: none !important;
|
||||
}
|
||||
th.hidden-md,
|
||||
td.hidden-md {
|
||||
display: none !important;
|
||||
}
|
||||
.hidden-lg {
|
||||
display: block !important;
|
||||
}
|
||||
|
|
@ -4658,9 +4706,23 @@ td.hidden-lg {
|
|||
.visible-sm {
|
||||
display: none !important;
|
||||
}
|
||||
tr.visible-sm {
|
||||
display: none !important;
|
||||
}
|
||||
th.visible-sm,
|
||||
td.visible-sm {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-md {
|
||||
display: none !important;
|
||||
}
|
||||
tr.visible-md {
|
||||
display: none !important;
|
||||
}
|
||||
th.visible-md,
|
||||
td.visible-md {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-lg {
|
||||
display: block !important;
|
||||
}
|
||||
|
|
@ -4694,11 +4756,25 @@ td.hidden-lg {
|
|||
.hidden-lg {
|
||||
display: none !important;
|
||||
}
|
||||
tr.hidden-lg {
|
||||
display: none !important;
|
||||
}
|
||||
th.hidden-lg,
|
||||
td.hidden-lg {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.visible-print {
|
||||
display: none !important;
|
||||
}
|
||||
tr.visible-print {
|
||||
display: none !important;
|
||||
}
|
||||
th.visible-print,
|
||||
td.visible-print {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media print {
|
||||
.visible-print {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue