[Table] Fix headers in firefox

Don't use table-cell displays for cells, resolves issues with zero-sized
tbody causing thead to be 100% of table size.

Fixes https://github.com/nasa/openmct/issues/809
This commit is contained in:
Pete Richards
2016-05-04 11:13:12 -07:00
parent 01f290dc45
commit 1c6ef28b80

View File

@@ -34,17 +34,28 @@
} }
.mct-table { .mct-table {
table-layout: fixed; table-layout: fixed;
th { thead {
box-sizing: border-box; display: block;
tr {
display: block;
white-space: nowrap;
th {
display: inline-block;
box-sizing: border-box;
}
}
} }
tbody { tbody {
tr { tr {
position: absolute; position: absolute;
white-space: nowrap;
display: block;
} }
td { td {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
display: inline-block;
} }
} }
} }