@patternfly/patternfly
Version:
Assets, source, tooling, and content for PatternFly 4
59 lines (57 loc) • 3.25 kB
CSS
.pf-v5-c-table {
--pf-v5-c-table__sticky-cell--MinWidth--base: 12.5rem;
--pf-v5-c-table__sticky-cell--MinWidth: var(--pf-v5-c-table__sticky-cell--MinWidth--base);
--pf-v5-c-table__sticky-cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
--pf-v5-c-table__sticky-cell--Right: auto;
--pf-v5-c-table__sticky-cell--Left: auto;
--pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
--pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
--pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
--pf-v5-c-table__sticky-cell--m-right--Right: 0;
--pf-v5-c-table__sticky-cell--m-left--Left: 0;
--pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v5-c-table__sticky-cell--ZIndex) + 1);
}
.pf-v5-c-table .pf-v5-c-table__sticky-cell {
--pf-v5-c-table--cell--Overflow: visible;
--pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex);
position: sticky;
inset-inline-start: var(--pf-v5-c-table__sticky-cell--Left);
inset-inline-end: var(--pf-v5-c-table__sticky-cell--Right);
z-index: var(--pf-v5-c-table__sticky-cell--ZIndex);
min-width: var(--pf-v5-c-table__sticky-cell--MinWidth);
background-color: var(--pf-v5-c-table__sticky-cell--BackgroundColor);
background-clip: padding-box;
}
.pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-border-right::before {
--pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
--pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor);
}
.pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-border-left::before {
--pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
--pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
}
.pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-end {
--pf-v5-c-table__sticky-cell--Right: var(--pf-v5-c-table__sticky-cell--m-right--Right);
}
.pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-start {
--pf-v5-c-table__sticky-cell--Left: var(--pf-v5-c-table__sticky-cell--m-left--Left);
}
.pf-v5-c-scroll-outer-wrapper {
--pf-v5-c-scroll-outer-wrapper--MinHeight: 25rem;
--pf-v5-c-scroll-outer-wrapper--MaxHeight: 100%;
display: flex;
flex-direction: column;
max-width: 100%;
min-height: var(--pf-v5-c-scroll-outer-wrapper--MinHeight);
max-height: var(--pf-v5-c-scroll-outer-wrapper--MaxHeight);
overflow: hidden;
}
.pf-v5-c-scroll-inner-wrapper {
display: flex;
flex-direction: column;
max-width: 100%;
max-height: 100%;
overflow: auto;
}