@patternfly/patternfly 6.0.0-alpha.100 → 6.0.0-alpha.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Nav/nav.css +3 -1
- package/components/Nav/nav.scss +4 -2
- package/components/Table/table-scrollable.css +12 -15
- package/components/Table/table-scrollable.scss +33 -30
- package/components/Table/table-tree-view.css +0 -2
- package/components/Table/table-tree-view.scss +9 -11
- package/components/Table/table.css +118 -55
- package/components/Table/table.scss +182 -100
- package/docs/components/Nav/examples/Navigation.css +2 -2
- package/docs/components/Nav/examples/Navigation.md +57 -55
- package/docs/components/Table/examples/Table.css +6 -8
- package/docs/components/Table/examples/Table.md +79 -92
- package/docs/demos/Table/examples/Table.md +28 -28
- package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
- package/docs/utilities/Alignment/examples/Alignment.css +4 -4
- package/docs/utilities/Alignment/examples/Alignment.md +5 -5
- package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +24 -24
- package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
- package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
- package/docs/utilities/Display/examples/Display.css +8 -8
- package/docs/utilities/Display/examples/Display.md +7 -7
- package/docs/utilities/Flex/examples/Flex.css +5 -5
- package/docs/utilities/Flex/examples/Flex.md +82 -40
- package/docs/utilities/Float/examples/Float.css +2 -2
- package/docs/utilities/Float/examples/Float.md +6 -6
- package/docs/utilities/Sizing/examples/Sizing.css +4 -4
- package/docs/utilities/Sizing/examples/Sizing.md +60 -60
- package/docs/utilities/Spacing/examples/Spacing.css +1 -1
- package/docs/utilities/Spacing/examples/Spacing.md +37 -37
- package/docs/utilities/Text/examples/Text.md +53 -53
- package/package.json +1 -1
- package/patternfly-addons.css +91 -371
- package/patternfly-no-globals.css +133 -73
- package/patternfly-theme-dark-unversioned.css +133 -73
- package/patternfly.css +133 -73
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Alignment/alignment.css +24 -24
- package/utilities/Alignment/alignment.scss +4 -4
- package/utilities/BackgroundColor/BackgroundColor.css +0 -100
- package/utilities/BackgroundColor/BackgroundColor.scss +2 -8
- package/utilities/BoxShadow/box-shadow.css +15 -39
- package/utilities/BoxShadow/box-shadow.scss +17 -27
- package/utilities/Display/display.scss +2 -2
- package/utilities/Flex/flex.scss +18 -18
- package/utilities/Float/float.css +24 -24
- package/utilities/Float/float.scss +4 -4
- package/utilities/Sizing/sizing.css +28 -28
- package/utilities/Sizing/sizing.scss +17 -17
- package/utilities/Text/text.css +0 -155
- package/utilities/Text/text.scss +10 -16
- package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
- package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
- package/utilities/Text/themes/dark/text.css +0 -0
- package/utilities/Text/themes/dark/text.scss +0 -33
|
@@ -21377,7 +21377,6 @@ ul.pf-v6-c-list {
|
|
|
21377
21377
|
}
|
|
21378
21378
|
|
|
21379
21379
|
.pf-v6-c-nav {
|
|
21380
|
-
--pf-v6-c-menu--MinWidth: 100%;
|
|
21381
21380
|
position: relative;
|
|
21382
21381
|
row-gap: var(--pf-v6-c-nav--RowGap);
|
|
21383
21382
|
column-gap: var(--pf-v6-c-nav--ColumnGap);
|
|
@@ -21400,6 +21399,9 @@ ul.pf-v6-c-list {
|
|
|
21400
21399
|
.pf-v6-c-nav.pf-m-fill {
|
|
21401
21400
|
flex-grow: 1;
|
|
21402
21401
|
}
|
|
21402
|
+
.pf-v6-c-nav .pf-v6-c-menu {
|
|
21403
|
+
--pf-v6-c-menu--MinWidth: 100%;
|
|
21404
|
+
}
|
|
21403
21405
|
|
|
21404
21406
|
[class^=pf-v6-c-nav][hidden] {
|
|
21405
21407
|
display: none;
|
|
@@ -27987,18 +27989,21 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27987
27989
|
--pf-v6-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
27988
27990
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
27989
27991
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
27992
|
+
--pf-v6-c-table__thead__toggle--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
27990
27993
|
--pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
|
|
27991
27994
|
--pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
|
|
27992
27995
|
--pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
27996
|
+
--pf-v6-c-table__tr--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
27997
|
+
--pf-v6-c-table__tr--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
27993
27998
|
--pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
|
|
27994
|
-
--pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
27995
|
-
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
|
|
27996
|
-
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
27997
|
-
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
27998
27999
|
--pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
|
|
27999
28000
|
--pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--cell--Padding--base);
|
|
28000
28001
|
--pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
|
|
28001
28002
|
--pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--cell--Padding--base);
|
|
28003
|
+
--pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
28004
|
+
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
|
|
28005
|
+
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
28006
|
+
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
28002
28007
|
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
|
|
28003
28008
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v6-c-table--cell--Padding--base);
|
|
28004
28009
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
@@ -28015,6 +28020,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28015
28020
|
--pf-v6-c-table--cell--m-help--MinWidth: 11ch;
|
|
28016
28021
|
--pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
|
|
28017
28022
|
--pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft));
|
|
28023
|
+
--pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
|
|
28018
28024
|
--pf-v6-c-table--cell--hidden-visible--Display: table-cell;
|
|
28019
28025
|
--pf-v6-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
28020
28026
|
--pf-v6-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
@@ -28033,7 +28039,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28033
28039
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28034
28040
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
28035
28041
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
28036
|
-
--pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
28037
28042
|
--pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
|
|
28038
28043
|
--pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
|
|
28039
28044
|
--pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
@@ -28041,6 +28046,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28041
28046
|
--pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
28042
28047
|
--pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
|
28043
28048
|
--pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
|
|
28049
|
+
--pf-v6-c-table__favorite--m-favorited--c-button--hover--Color: var(--pf-t--global--color--favorite--clicked);
|
|
28044
28050
|
--pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
|
|
28045
28051
|
--pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
|
|
28046
28052
|
--pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
|
|
@@ -28060,7 +28066,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28060
28066
|
--pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
28061
28067
|
--pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
28062
28068
|
--pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
|
|
28069
|
+
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28063
28070
|
--pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
|
|
28071
|
+
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28072
|
+
--pf-v6-c-table__control-row--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
28073
|
+
--pf-v6-c-table__control-row__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28064
28074
|
--pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
|
|
28065
28075
|
--pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
|
|
28066
28076
|
--pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
@@ -28087,10 +28097,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28087
28097
|
--pf-v6-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28088
28098
|
--pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28089
28099
|
--pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
|
|
28100
|
+
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
28090
28101
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
28102
|
+
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
28103
|
+
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
28091
28104
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28092
28105
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
|
|
28106
|
+
--pf-v6-c-table__compound-expansion-toggle__button--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
28107
|
+
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
|
|
28093
28108
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
|
|
28109
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28094
28110
|
--pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
28095
28111
|
--pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28096
28112
|
--pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
@@ -28099,26 +28115,34 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28099
28115
|
--pf-v6-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28100
28116
|
--pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28101
28117
|
--pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
28118
|
+
--pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
28119
|
+
--pf-v6-c-table--m-expandable__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28102
28120
|
--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28103
28121
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
|
|
28104
28122
|
--pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28105
28123
|
--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
28106
|
-
--pf-v6-c-table__tr--m-
|
|
28124
|
+
--pf-v6-c-table__tr--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28125
|
+
--pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28107
28126
|
--pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28108
28127
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
|
|
28109
28128
|
--pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28110
|
-
--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--
|
|
28129
|
+
--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
28130
|
+
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28111
28131
|
--pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28112
|
-
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--
|
|
28132
|
+
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28113
28133
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28114
28134
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28115
28135
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28116
|
-
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--
|
|
28136
|
+
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
28117
28137
|
--pf-v6-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28118
28138
|
--pf-v6-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28119
28139
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
28120
|
-
--pf-v6-c-
|
|
28140
|
+
--pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
|
|
28141
|
+
--pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
|
|
28142
|
+
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
28121
28143
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
28144
|
+
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--Zindex--xs) + 1);
|
|
28145
|
+
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--Zindex--xs) + 2);
|
|
28122
28146
|
}
|
|
28123
28147
|
|
|
28124
28148
|
.pf-v6-c-table {
|
|
@@ -28128,39 +28152,36 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28128
28152
|
.pf-v6-c-table.pf-m-fixed {
|
|
28129
28153
|
table-layout: fixed;
|
|
28130
28154
|
}
|
|
28131
|
-
.pf-v6-c-table.pf-m-sticky-header
|
|
28132
|
-
|
|
28133
|
-
}
|
|
28134
|
-
.pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
28135
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
28136
|
-
}
|
|
28137
|
-
.pf-v6-c-table.pf-m-sticky-header > thead:where(.pf-v6-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
28155
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead,
|
|
28156
|
+
.pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
28138
28157
|
position: sticky;
|
|
28139
28158
|
inset-block-start: 0;
|
|
28159
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
28140
28160
|
background: var(--pf-v6-c-table--BackgroundColor);
|
|
28141
28161
|
}
|
|
28142
|
-
.pf-v6-c-table.pf-m-sticky-header >
|
|
28162
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before,
|
|
28163
|
+
.pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header::before {
|
|
28143
28164
|
position: absolute;
|
|
28165
|
+
inset-block-start: 0;
|
|
28144
28166
|
inset-block-end: 0;
|
|
28145
28167
|
inset-inline-start: 0;
|
|
28146
28168
|
inset-inline-end: 0;
|
|
28169
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
|
|
28170
|
+
pointer-events: none;
|
|
28147
28171
|
content: "";
|
|
28148
28172
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
28149
28173
|
}
|
|
28174
|
+
.pf-v6-c-table.pf-m-sticky-header {
|
|
28175
|
+
position: relative;
|
|
28176
|
+
}
|
|
28177
|
+
.pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
28178
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
28179
|
+
}
|
|
28150
28180
|
.pf-v6-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
|
|
28151
28181
|
position: sticky;
|
|
28152
28182
|
inset-block-start: 0;
|
|
28153
|
-
z-index: var(--pf-t--global--Zindex--xs);
|
|
28154
28183
|
background: var(--pf-v6-c-table--BackgroundColor);
|
|
28155
28184
|
}
|
|
28156
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
|
|
28157
|
-
height: var(--pf-v6-c-table--border-width--base);
|
|
28158
|
-
background-color: var(--pf-v6-c-table--BorderColor);
|
|
28159
|
-
}
|
|
28160
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:nth-last-child(2)) th:where(.pf-v6-c-table__th):not([rowspan]),
|
|
28161
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:nth-last-child(2)) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
28162
|
-
--pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom);
|
|
28163
|
-
}
|
|
28164
28185
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
28165
28186
|
border-block-end: 0;
|
|
28166
28187
|
}
|
|
@@ -28168,7 +28189,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28168
28189
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
28169
28190
|
--pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom);
|
|
28170
28191
|
}
|
|
28171
|
-
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr)
|
|
28192
|
+
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
28172
28193
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28173
28194
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
28174
28195
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-striped {
|
|
@@ -28207,7 +28228,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28207
28228
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
|
|
28208
28229
|
text-align: center;
|
|
28209
28230
|
}
|
|
28210
|
-
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):empty {
|
|
28231
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):is(:empty, .pf-v6-c-table__cell-empty) {
|
|
28211
28232
|
width: auto;
|
|
28212
28233
|
min-width: 0;
|
|
28213
28234
|
padding: 0;
|
|
@@ -28254,14 +28275,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28254
28275
|
--pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop);
|
|
28255
28276
|
}
|
|
28256
28277
|
.pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__subhead {
|
|
28257
|
-
--pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__subhead--PaddingLeft);
|
|
28258
|
-
--pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__subhead--PaddingRight);
|
|
28259
28278
|
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__subhead--Color);
|
|
28260
28279
|
color: var(--pf-v6-c-table__subhead--Color);
|
|
28261
28280
|
}
|
|
28262
|
-
.pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__subhead .pf-v6-c-table__button {
|
|
28263
|
-
margin-inline-start: 0;
|
|
28264
|
-
}
|
|
28265
28281
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
|
|
28266
28282
|
--pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__tbody--cell--PaddingTop);
|
|
28267
28283
|
--pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__tbody--cell--PaddingBottom);
|
|
@@ -28310,6 +28326,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28310
28326
|
--pf-v6-c-table--cell--WordBreak: break-word;
|
|
28311
28327
|
--pf-v6-c-table--cell--WhiteSpace: normal;
|
|
28312
28328
|
}
|
|
28329
|
+
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) {
|
|
28330
|
+
--pf-v6-c-table__tr--BorderBottomWidth: 0;
|
|
28331
|
+
--pf-v6-c-table__tbody--BorderBottomWidth: 0;
|
|
28332
|
+
--pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: 0;
|
|
28333
|
+
--pf-v6-c-table__control-row--BorderBottomWidth: 0;
|
|
28334
|
+
}
|
|
28313
28335
|
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) {
|
|
28314
28336
|
border-block-end: 0;
|
|
28315
28337
|
}
|
|
@@ -28328,35 +28350,38 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28328
28350
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
28329
28351
|
}
|
|
28330
28352
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
28331
|
-
--pf-v6-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
28332
|
-
--pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftColor);
|
|
28333
28353
|
position: relative;
|
|
28334
28354
|
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28335
28355
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
28336
28356
|
}
|
|
28337
|
-
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset {
|
|
28338
|
-
|
|
28357
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
28358
|
+
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
|
|
28339
28359
|
}
|
|
28340
28360
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
28341
28361
|
cursor: pointer;
|
|
28342
28362
|
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28343
28363
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
28344
28364
|
}
|
|
28345
|
-
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
|
|
28346
|
-
--pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor);
|
|
28347
|
-
}
|
|
28348
28365
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
28349
28366
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
28350
28367
|
}
|
|
28368
|
+
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded {
|
|
28369
|
+
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
28370
|
+
}
|
|
28351
28371
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
28352
|
-
--pf-v6-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftWidth);
|
|
28353
|
-
--pf-v6-c-table__expandable-row--after--BorderColor: var(--pf-v6-c-table__tbody--m-selected--after--BorderLeftColor);
|
|
28354
28372
|
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
28355
28373
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
28356
28374
|
}
|
|
28357
28375
|
.pf-v6-c-table.pf-m-drag-over {
|
|
28358
28376
|
overflow-anchor: none;
|
|
28359
28377
|
}
|
|
28378
|
+
.pf-v6-c-table .pf-v6-c-table {
|
|
28379
|
+
background-color: transparent;
|
|
28380
|
+
}
|
|
28381
|
+
.pf-v6-c-table .pf-v6-c-table,
|
|
28382
|
+
.pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
|
|
28383
|
+
border-block-end: 0;
|
|
28384
|
+
}
|
|
28360
28385
|
|
|
28361
28386
|
.pf-v6-c-table__text {
|
|
28362
28387
|
--pf-v6-c-table--cell--MaxWidth: 100%;
|
|
@@ -28373,6 +28398,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28373
28398
|
}
|
|
28374
28399
|
.pf-v6-c-table__text.pf-m-truncate {
|
|
28375
28400
|
--pf-v6-c-table--cell--MinWidth: 100%;
|
|
28401
|
+
--pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
|
|
28376
28402
|
}
|
|
28377
28403
|
.pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
|
|
28378
28404
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
@@ -28380,10 +28406,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28380
28406
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
28381
28407
|
}
|
|
28382
28408
|
|
|
28383
|
-
.pf-v6-c-table__tr.pf-m-border-row {
|
|
28384
|
-
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
28385
|
-
}
|
|
28386
|
-
|
|
28387
28409
|
.pf-v6-c-table__button {
|
|
28388
28410
|
width: auto;
|
|
28389
28411
|
padding-block-start: var(--pf-v6-c-table__button--PaddingTop);
|
|
@@ -28401,6 +28423,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28401
28423
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
28402
28424
|
border: 0;
|
|
28403
28425
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
28426
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
28404
28427
|
}
|
|
28405
28428
|
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
|
|
28406
28429
|
margin-block-end: 0;
|
|
@@ -28510,9 +28533,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28510
28533
|
.pf-v6-c-table__favorite .pf-v6-c-button {
|
|
28511
28534
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
|
|
28512
28535
|
}
|
|
28513
|
-
.pf-
|
|
28536
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
|
|
28514
28537
|
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
28515
28538
|
}
|
|
28539
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
28540
|
+
--pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
28541
|
+
}
|
|
28516
28542
|
|
|
28517
28543
|
.pf-v6-c-table__draggable .pf-v6-c-button {
|
|
28518
28544
|
cursor: grab;
|
|
@@ -28541,6 +28567,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28541
28567
|
--pf-v6-c-table__button--hover--Color: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--Color);
|
|
28542
28568
|
position: relative;
|
|
28543
28569
|
padding: 0;
|
|
28570
|
+
background-color: var(--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor);
|
|
28544
28571
|
}
|
|
28545
28572
|
.pf-v6-c-table__compound-expansion-toggle.pf-m-truncate {
|
|
28546
28573
|
overflow: visible;
|
|
@@ -28562,7 +28589,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28562
28589
|
border: 0;
|
|
28563
28590
|
border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
|
|
28564
28591
|
}
|
|
28565
|
-
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within
|
|
28592
|
+
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
|
|
28593
|
+
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
|
|
28594
|
+
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth);
|
|
28595
|
+
}
|
|
28596
|
+
.pf-v6-c-table__compound-expansion-toggle.pf-m-expanded {
|
|
28597
|
+
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor);
|
|
28566
28598
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth);
|
|
28567
28599
|
}
|
|
28568
28600
|
.pf-v6-c-table__compound-expansion-toggle:focus-within {
|
|
@@ -28598,10 +28630,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28598
28630
|
.pf-v6-c-table__sort.pf-m-help {
|
|
28599
28631
|
--pf-v6-c-table__th--m-help--MinWidth: var(--pf-v6-c-table__sort--m-help--MinWidth);
|
|
28600
28632
|
}
|
|
28601
|
-
.pf-v6-c-table__sort.pf-m-favorite {
|
|
28602
|
-
|
|
28603
|
-
--pf-v6-c-table__sort__button--hover__text--Color: var(--pf-v6-c-table__sort--m-favorite__button--hover__text--Color);
|
|
28604
|
-
--pf-v6-c-table__sort--m-selected__button__text--Color: currentcolor;
|
|
28633
|
+
.pf-v6-c-table__sort.pf-m-favorite .pf-v6-c-table__text {
|
|
28634
|
+
font-size: var(--pf-v6-c-table__favorite--c-button--FontSize);
|
|
28605
28635
|
}
|
|
28606
28636
|
|
|
28607
28637
|
.pf-v6-c-table__sort-indicator {
|
|
@@ -28630,7 +28660,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28630
28660
|
padding-block-start: 0;
|
|
28631
28661
|
padding-inline-end: 0;
|
|
28632
28662
|
padding-block-end: 0;
|
|
28633
|
-
padding-inline-start:
|
|
28663
|
+
padding-inline-start: 0;
|
|
28634
28664
|
}
|
|
28635
28665
|
.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
|
28636
28666
|
.pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
|
@@ -28639,6 +28669,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28639
28669
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
28640
28670
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingTop);
|
|
28641
28671
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBottom);
|
|
28672
|
+
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingLeft);
|
|
28673
|
+
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingRight);
|
|
28674
|
+
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
28675
|
+
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
28642
28676
|
}
|
|
28643
28677
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
28644
28678
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor);
|
|
@@ -28678,13 +28712,44 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28678
28712
|
}
|
|
28679
28713
|
|
|
28680
28714
|
.pf-v6-c-table__thead {
|
|
28715
|
+
--pf-v6-c-table__tr--BorderBottomWidth: 0;
|
|
28716
|
+
--pf-v6-c-table__toggle--PaddingBottom: var(--pf-v6-c-table__thead__toggle--PaddingBottom);
|
|
28681
28717
|
vertical-align: bottom;
|
|
28682
28718
|
}
|
|
28719
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
28720
|
+
--pf-v6-c-table__button--PaddingLeft: var(--pf-v6-c-table__nested-column-header__button--PaddingLeft);
|
|
28721
|
+
--pf-v6-c-table__button--PaddingRight: var(--pf-v6-c-table__nested-column-header__button--PaddingRight);
|
|
28722
|
+
margin-inline-end: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
|
|
28723
|
+
}
|
|
28683
28724
|
|
|
28684
28725
|
.pf-v6-c-table__tbody {
|
|
28685
28726
|
vertical-align: top;
|
|
28686
28727
|
}
|
|
28687
|
-
.pf-v6-c-table__tbody .pf-v6-c-
|
|
28728
|
+
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
28729
|
+
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
|
28730
|
+
}
|
|
28731
|
+
|
|
28732
|
+
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
|
|
28733
|
+
border-block-end: 0;
|
|
28734
|
+
}
|
|
28735
|
+
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
|
|
28736
|
+
border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
|
|
28737
|
+
}
|
|
28738
|
+
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
|
|
28739
|
+
border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
|
|
28740
|
+
}
|
|
28741
|
+
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
|
28742
|
+
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
|
28743
|
+
border-block-end: var(--pf-v6-c-table__control-row--BorderBottomWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBottomColor);
|
|
28744
|
+
}
|
|
28745
|
+
|
|
28746
|
+
.pf-v6-c-table__tr {
|
|
28747
|
+
border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
|
|
28748
|
+
}
|
|
28749
|
+
.pf-v6-c-table__thead .pf-v6-c-table__tr {
|
|
28750
|
+
border-block-end: 0;
|
|
28751
|
+
}
|
|
28752
|
+
.pf-v6-c-table__tr.pf-m-border-row {
|
|
28688
28753
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
28689
28754
|
}
|
|
28690
28755
|
|
|
@@ -28754,7 +28819,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28754
28819
|
|
|
28755
28820
|
:where(:root),
|
|
28756
28821
|
:where(.pf-v6-c-table) {
|
|
28757
|
-
--pf-v6-c-table__sticky-cell--MinWidth--base:
|
|
28822
|
+
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
|
28758
28823
|
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
|
28759
28824
|
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
28760
28825
|
--pf-v6-c-table__sticky-cell--Right: auto;
|
|
@@ -28768,36 +28833,33 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28768
28833
|
--pf-v6-c-table__sticky-cell--m-left--Left: 0;
|
|
28769
28834
|
--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
|
|
28770
28835
|
}
|
|
28771
|
-
|
|
28772
|
-
|
|
28773
|
-
--pf-v6-c-table--cell--Overflow: visible;
|
|
28774
|
-
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
|
|
28836
|
+
|
|
28837
|
+
.pf-v6-c-table .pf-v6-c-table__sticky-cell {
|
|
28775
28838
|
position: sticky;
|
|
28776
28839
|
inset-inline-start: var(--pf-v6-c-table__sticky-cell--Left);
|
|
28777
28840
|
inset-inline-end: var(--pf-v6-c-table__sticky-cell--Right);
|
|
28778
28841
|
z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
|
|
28779
28842
|
min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
|
|
28843
|
+
}
|
|
28844
|
+
|
|
28845
|
+
.pf-v6-c-table__sticky-cell {
|
|
28846
|
+
--pf-v6-c-table--cell--Overflow: visible;
|
|
28847
|
+
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
|
|
28780
28848
|
background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
|
|
28781
28849
|
background-clip: padding-box;
|
|
28782
28850
|
}
|
|
28783
|
-
|
|
28784
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
|
|
28851
|
+
.pf-v6-c-table__sticky-cell.pf-m-border-right::before {
|
|
28785
28852
|
--pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
|
|
28786
28853
|
--pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightColor);
|
|
28787
28854
|
}
|
|
28788
|
-
|
|
28789
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
|
|
28855
|
+
.pf-v6-c-table__sticky-cell.pf-m-border-left::before {
|
|
28790
28856
|
--pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
|
|
28791
28857
|
--pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
|
|
28792
28858
|
}
|
|
28793
|
-
|
|
28794
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-right,
|
|
28795
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-end {
|
|
28859
|
+
.pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
|
|
28796
28860
|
--pf-v6-c-table__sticky-cell--Right: var(--pf-v6-c-table__sticky-cell--m-right--Right);
|
|
28797
28861
|
}
|
|
28798
|
-
|
|
28799
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-left,
|
|
28800
|
-
:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-start {
|
|
28862
|
+
.pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
|
|
28801
28863
|
--pf-v6-c-table__sticky-cell--Left: var(--pf-v6-c-table__sticky-cell--m-left--Left);
|
|
28802
28864
|
}
|
|
28803
28865
|
|
|
@@ -28828,7 +28890,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28828
28890
|
--pf-v6-c-table__tree-view-main--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
|
|
28829
28891
|
--pf-v6-c-table__tree-view-main--MarginLeft: calc(var(--pf-v6-c-table--cell--PaddingLeft) * -1);
|
|
28830
28892
|
--pf-v6-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28831
|
-
--pf-v6-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28832
28893
|
--pf-v6-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
|
|
28833
28894
|
--pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
|
|
28834
28895
|
--pf-v6-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
@@ -28909,7 +28970,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28909
28970
|
margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginRight);
|
|
28910
28971
|
}
|
|
28911
28972
|
.pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
|
|
28912
|
-
padding-inline-start: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingLeft);
|
|
28913
28973
|
padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingRight);
|
|
28914
28974
|
margin-block-start: 0;
|
|
28915
28975
|
margin-block-end: 0;
|