ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-22 02:06:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #2134 from nasa/tables-2132

Browse Source 
Change table row layout to use flex fixes #2132
This commit is contained in:
Pete Richards 2018-08-10 10:07:34 -07:00 committed by GitHub
commit 4e1de2678c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
platform/features/table/res/sass/table.scss
View File

@ -35,28 +35,30 @@ mct-table {
}
.mct-table {
tr {
display: flex; // flex-flow defaults to row nowrap (which is what we want) so no need to define
height: 18px; // Needed when a row has empty values in its cells
align-items: stretch;
}
td, th {
box-sizing: border-box;
display: block;
flex: 1 0 auto;
white-space: nowrap;
}
thead {
display: block;
tr {
display: block;
white-space: nowrap;
th {
display: inline-block;
box-sizing: border-box;
}
}
}
tbody {
tr {
position: absolute;
white-space: nowrap;
display: block;
}
td {
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
display: inline-block;
}
}
}