37 lines
1.2 KiB
SCSS
37 lines
1.2 KiB
SCSS
// table-layout: fixed locks column widths to the declared values; without it
|
|
// the browser auto-sizes columns to content and the layout shifts each time
|
|
// sorting brings differently-sized values into view. Widths are set on both
|
|
// the header and cell selectors because fixed layout reads widths from the
|
|
// first row of cells (typically the header row).
|
|
.labels-table {
|
|
.data-table-block .data-table__table {
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.data-table-block .name__header,
|
|
.data-table-block .name__cell {
|
|
width: 30%;
|
|
}
|
|
|
|
.data-table-block .description__header,
|
|
.data-table-block .description__cell {
|
|
width: 40%;
|
|
}
|
|
|
|
.data-table-block .label_membership_type__header,
|
|
.data-table-block .label_membership_type__cell {
|
|
width: 100px;
|
|
max-width: 100px;
|
|
}
|
|
|
|
// Fixed width so the ViewAllHostsButton / ActionsDropdown column doesn't
|
|
// shrink under the base `max-width: 99px` cap and cause the widgets to
|
|
// overflow. `text-align: right` from the base .actions__cell rule keeps
|
|
// the cell as table-cell (needed for last-row border-radius to render).
|
|
.data-table-block .actions__header,
|
|
.data-table-block .actions__cell {
|
|
width: 170px;
|
|
max-width: 170px;
|
|
}
|
|
}
|