.ct-listing-panel {
display: flex;
flex-wrap: wrap;
&-actions {
order: 2;
flex-grow: 1;
padding-block: var(--pf-t--global--spacer--sm);
padding-inline: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg);
}
&-caption {
margin-inline-start: auto;
}
&-tabs {
flex-grow: 1;
order: 1;
}
.pf-v6-c-tab-content {
order: 3;
flex-basis: 100%;
}
&-body {
// Add some sizing to the body
padding-block: var(--pf-t--global--spacer--md);
padding-inline: var(--pf-t--global--spacer--lg);
inline-size: 100%;
// Containing hack part 1
float: inline-start;
&::after {
// Containing hack part 2: Clearfix CSS hack,
// to allow children content to float fine without setting overflow
content: "";
clear: both;
display: table;
}
}
}
.ct-table {
> tbody > .pf-v6-c-table__expandable-row {
// Don't scroll table's expanded contents vertically.
// Instead, rely on page scrolling.
// Important for mobile; also useful for desktop.
overflow-block: visible !important;
max-block-size: unset !important;
}
}