@patternfly/patternfly 6.0.0-alpha.88 → 6.0.0-alpha.89
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/Menu/menu.css +4 -1
- package/components/Menu/menu.scss +6 -1
- package/components/Table/table-tree-view.css +5 -0
- package/components/Table/table-tree-view.scss +9 -0
- package/components/Table/table.css +111 -190
- package/components/Table/table.scss +155 -268
- package/package.json +1 -1
- package/patternfly-no-globals.css +120 -191
- package/patternfly-theme-dark-unversioned.css +120 -191
- package/patternfly.css +120 -191
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -20127,9 +20127,12 @@ ul.pf-v5-c-list {
|
|
|
20127
20127
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
|
|
20128
20128
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
20129
20129
|
--pf-v5-c-menu--m-drilldown__content--Transition: transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
20130
|
+
--pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
|
|
20131
|
+
--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
20132
|
+
--pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20130
20133
|
--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
20131
20134
|
--pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
20132
|
-
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--
|
|
20135
|
+
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20133
20136
|
}
|
|
20134
20137
|
|
|
20135
20138
|
.pf-v5-c-menu,
|
|
@@ -28019,7 +28022,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28019
28022
|
}
|
|
28020
28023
|
}
|
|
28021
28024
|
|
|
28022
|
-
|
|
28025
|
+
:where(:root),
|
|
28026
|
+
:where(.pf-v5-c-table) {
|
|
28023
28027
|
--pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28024
28028
|
--pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
|
28025
28029
|
--pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
@@ -28029,21 +28033,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28029
28033
|
--pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
28030
28034
|
--pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
28031
28035
|
--pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
28032
|
-
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--
|
|
28036
|
+
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
28033
28037
|
--pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
28034
|
-
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-
|
|
28035
|
-
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-
|
|
28038
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
|
|
28039
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
|
|
28040
|
+
--pf-v5-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
28036
28041
|
--pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
|
|
28037
28042
|
--pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
|
|
28038
28043
|
--pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
28039
28044
|
--pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
|
|
28045
|
+
--pf-v5-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
28040
28046
|
--pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
28041
28047
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
|
|
28042
28048
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
|
|
28043
28049
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
|
|
28044
28050
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
|
28045
|
-
--pf-v5-c-table--cell--first-last-child--
|
|
28046
|
-
--pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
|
|
28051
|
+
--pf-v5-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
|
|
28047
28052
|
--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
|
28048
28053
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
28049
28054
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
@@ -28060,29 +28065,33 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28060
28065
|
--pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
|
|
28061
28066
|
--pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
|
|
28062
28067
|
--pf-v5-c-table--cell--hidden-visible--Display: table-cell;
|
|
28063
|
-
--pf-v5-c-table__toggle--
|
|
28064
|
-
--pf-v5-c-table__toggle--
|
|
28068
|
+
--pf-v5-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
28069
|
+
--pf-v5-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28070
|
+
--pf-v5-c-table__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28071
|
+
--pf-v5-c-table__toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28065
28072
|
--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
|
|
28066
28073
|
--pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
|
|
28067
28074
|
--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
|
|
28068
|
-
--pf-v5-c-table__button--
|
|
28075
|
+
--pf-v5-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28076
|
+
--pf-v5-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
28077
|
+
--pf-v5-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28078
|
+
--pf-v5-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28069
28079
|
--pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
28080
|
+
--pf-v5-c-table__button--BackgroundColor: transparent;
|
|
28081
|
+
--pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
28082
|
+
--pf-v5-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28070
28083
|
--pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
28071
28084
|
--pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
|
|
28072
28085
|
--pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
|
|
28073
28086
|
--pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
28074
28087
|
--pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
|
|
28075
28088
|
--pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
|
|
28076
|
-
--pf-v5-c-table__check--
|
|
28077
|
-
--pf-v5-c-
|
|
28078
|
-
--pf-v5-c-
|
|
28079
|
-
--pf-v5-c-
|
|
28080
|
-
--pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
|
|
28089
|
+
--pf-v5-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28090
|
+
--pf-v5-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28091
|
+
--pf-v5-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28092
|
+
--pf-v5-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28081
28093
|
--pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
28082
|
-
--pf-v5-c-
|
|
28083
|
-
--pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
|
|
28084
|
-
--pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
|
28085
|
-
--pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
|
|
28094
|
+
--pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
|
28086
28095
|
--pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
|
|
28087
28096
|
--pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
|
|
28088
28097
|
--pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -28094,19 +28103,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28094
28103
|
--pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
|
|
28095
28104
|
--pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
|
|
28096
28105
|
--pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28097
|
-
--pf-v5-c-table__action--PaddingTop:
|
|
28098
|
-
--pf-v5-c-table__action--
|
|
28099
|
-
--pf-v5-c-
|
|
28100
|
-
--pf-v5-c-
|
|
28101
|
-
--pf-v5-c-table__inline-edit-action--PaddingTop: 0;
|
|
28102
|
-
--pf-v5-c-table__inline-edit-action--PaddingRight: 0;
|
|
28103
|
-
--pf-v5-c-table__inline-edit-action--PaddingBottom: 0;
|
|
28104
|
-
--pf-v5-c-table__inline-edit-action--PaddingLeft: 0;
|
|
28106
|
+
--pf-v5-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
28107
|
+
--pf-v5-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28108
|
+
--pf-v5-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
28109
|
+
--pf-v5-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28105
28110
|
--pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
|
|
28106
|
-
--pf-v5-c-table__expandable-row--
|
|
28111
|
+
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
|
|
28112
|
+
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
28113
|
+
--pf-v5-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
28114
|
+
--pf-v5-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
|
|
28107
28115
|
--pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
|
|
28108
|
-
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
28109
|
-
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
28110
28116
|
--pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
|
28111
28117
|
--pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
|
28112
28118
|
--pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
|
|
@@ -28128,6 +28134,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28128
28134
|
--pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
|
|
28129
28135
|
--pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
|
|
28130
28136
|
--pf-v5-c-table__sort__button--active__text--Color: currentcolor;
|
|
28137
|
+
--pf-v5-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
28138
|
+
--pf-v5-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28131
28139
|
--pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
|
|
28132
28140
|
--pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
|
|
28133
28141
|
--pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
|
|
@@ -28135,8 +28143,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28135
28143
|
--pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
28136
28144
|
--pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
28137
28145
|
--pf-v5-c-table__th--m-help--MinWidth: 11ch;
|
|
28138
|
-
--pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--
|
|
28139
|
-
--pf-v5-c-table__column-help--TranslateY: 0.125rem;
|
|
28146
|
+
--pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
28140
28147
|
--pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
|
|
28141
28148
|
--pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
|
28142
28149
|
--pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
@@ -28162,15 +28169,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28162
28169
|
--pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28163
28170
|
--pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28164
28171
|
--pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28165
|
-
--pf-v5-c-table--m-
|
|
28166
|
-
--pf-v5-c-table--m-
|
|
28167
|
-
--pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
|
|
28168
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
28169
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
28170
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
28171
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
28172
|
-
--pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
28173
|
-
--pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
28172
|
+
--pf-v5-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28173
|
+
--pf-v5-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
28174
28174
|
--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28175
28175
|
--pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
28176
28176
|
--pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
|
|
@@ -28216,9 +28216,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28216
28216
|
--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28217
28217
|
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28218
28218
|
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
28219
|
+
--pf-v5-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28220
|
+
--pf-v5-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28219
28221
|
--pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
28220
28222
|
--pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28221
28223
|
--pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
28224
|
+
}
|
|
28225
|
+
|
|
28226
|
+
.pf-v5-c-table {
|
|
28222
28227
|
color: var(--pf-v5-global--Color--100);
|
|
28223
28228
|
width: 100%;
|
|
28224
28229
|
background-color: var(--pf-v5-c-table--BackgroundColor);
|
|
@@ -28296,16 +28301,17 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28296
28301
|
overflow: var(--pf-v5-c-table--cell--Overflow);
|
|
28297
28302
|
font-size: var(--pf-v5-c-table--cell--FontSize);
|
|
28298
28303
|
font-weight: var(--pf-v5-c-table--cell--FontWeight);
|
|
28304
|
+
line-height: var(--pf-v5-c-table--cell--LineHeight);
|
|
28299
28305
|
color: var(--pf-v5-c-table--cell--Color);
|
|
28300
28306
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
28301
28307
|
word-break: var(--pf-v5-c-table--cell--WordBreak);
|
|
28302
28308
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
28303
28309
|
}
|
|
28304
28310
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
28305
|
-
--pf-v5-c-table--cell--
|
|
28311
|
+
padding-inline-start: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingLeft));
|
|
28306
28312
|
}
|
|
28307
28313
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
28308
|
-
--pf-v5-c-table--cell--
|
|
28314
|
+
padding-inline-end: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingRight));
|
|
28309
28315
|
}
|
|
28310
28316
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
|
|
28311
28317
|
text-align: center;
|
|
@@ -28326,10 +28332,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28326
28332
|
}
|
|
28327
28333
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before, .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
|
|
28328
28334
|
position: absolute;
|
|
28329
|
-
inset
|
|
28330
|
-
inset-block-end: 0;
|
|
28331
|
-
inset-inline-start: 0;
|
|
28332
|
-
inset-inline-end: 0;
|
|
28335
|
+
inset: 0;
|
|
28333
28336
|
pointer-events: none;
|
|
28334
28337
|
content: "";
|
|
28335
28338
|
}
|
|
@@ -28351,35 +28354,32 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28351
28354
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
28352
28355
|
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
|
|
28353
28356
|
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
|
|
28354
|
-
vertical-align:
|
|
28357
|
+
vertical-align: baseline;
|
|
28355
28358
|
}
|
|
28356
28359
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
|
|
28357
28360
|
outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
|
|
28358
28361
|
}
|
|
28359
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
|
|
28360
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
|
|
28361
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
|
|
28362
|
-
vertical-align: middle;
|
|
28363
|
-
}
|
|
28364
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
|
|
28365
|
-
display: flex;
|
|
28366
|
-
align-items: center;
|
|
28367
|
-
}
|
|
28368
28362
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) th:where(.pf-v5-c-table__th):not([rowspan]),
|
|
28369
28363
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) td:where(.pf-v5-c-table__td):not([rowspan]) {
|
|
28370
28364
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
|
|
28371
28365
|
}
|
|
28372
28366
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
|
|
28367
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__subhead--PaddingLeft);
|
|
28368
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__subhead--PaddingRight);
|
|
28373
28369
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
|
|
28374
28370
|
color: var(--pf-v5-c-table__subhead--Color);
|
|
28375
28371
|
}
|
|
28372
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead .pf-v5-c-table__button {
|
|
28373
|
+
margin-inline-start: 0;
|
|
28374
|
+
}
|
|
28376
28375
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
28377
28376
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
|
|
28378
28377
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
|
|
28378
|
+
vertical-align: top;
|
|
28379
|
+
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__tbody--cell--FontSize);
|
|
28379
28380
|
}
|
|
28380
28381
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
|
|
28381
28382
|
overflow-wrap: break-word;
|
|
28382
|
-
vertical-align: baseline;
|
|
28383
28383
|
}
|
|
28384
28384
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
|
|
28385
28385
|
position: absolute;
|
|
@@ -28390,16 +28390,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28390
28390
|
background-color: transparent;
|
|
28391
28391
|
border-inline-start: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
|
|
28392
28392
|
}
|
|
28393
|
-
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
|
|
28394
|
-
margin-block-start: var(--pf-v5-c-table__check--input--MarginTop);
|
|
28395
|
-
vertical-align: top;
|
|
28396
|
-
}
|
|
28397
28393
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
|
|
28398
28394
|
border-block-end-width: 0;
|
|
28399
28395
|
}
|
|
28400
|
-
.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:first-child, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:last-child {
|
|
28401
|
-
padding: 0;
|
|
28402
|
-
}
|
|
28403
28396
|
.pf-v5-c-table .pf-v5-c-table__sort {
|
|
28404
28397
|
min-width: var(--pf-v5-c-table__sort--MinWidth);
|
|
28405
28398
|
}
|
|
@@ -28536,9 +28529,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28536
28529
|
position: relative;
|
|
28537
28530
|
display: block;
|
|
28538
28531
|
width: var(--pf-v5-c-table--cell--Width);
|
|
28539
|
-
min-width: var(--pf-v5-c-table--
|
|
28532
|
+
min-width: var(--pf-v5-c-table--text--MinWidth);
|
|
28540
28533
|
max-width: var(--pf-v5-c-table--cell--MaxWidth);
|
|
28541
28534
|
overflow: var(--pf-v5-c-table--cell--Overflow);
|
|
28535
|
+
line-height: var(--pf-v5-c-table--cell--LineHeight);
|
|
28542
28536
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
28543
28537
|
word-break: var(--pf-v5-c-table--cell--WordBreak);
|
|
28544
28538
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
@@ -28554,11 +28548,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28554
28548
|
|
|
28555
28549
|
.pf-v5-c-table__button {
|
|
28556
28550
|
position: static;
|
|
28557
|
-
width:
|
|
28558
|
-
padding-block-start: var(--pf-v5-c-
|
|
28559
|
-
padding-block-end: var(--pf-v5-c-
|
|
28560
|
-
padding-inline-start: var(--pf-v5-c-
|
|
28561
|
-
padding-inline-end: var(--pf-v5-c-
|
|
28551
|
+
width: auto;
|
|
28552
|
+
padding-block-start: var(--pf-v5-c-table__button--PaddingTop);
|
|
28553
|
+
padding-block-end: var(--pf-v5-c-table__button--PaddingBottom);
|
|
28554
|
+
padding-inline-start: var(--pf-v5-c-table__button--PaddingLeft);
|
|
28555
|
+
padding-inline-end: var(--pf-v5-c-table__button--PaddingRight);
|
|
28556
|
+
margin-inline-start: calc(var(--pf-v5-c-table__button--PaddingLeft) * -1);
|
|
28562
28557
|
font-size: inherit;
|
|
28563
28558
|
font-weight: inherit;
|
|
28564
28559
|
color: var(--pf-v5-c-table__button--Color);
|
|
@@ -28567,6 +28562,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28567
28562
|
user-select: text;
|
|
28568
28563
|
background-color: var(--pf-v5-c-table__button--BackgroundColor);
|
|
28569
28564
|
border: 0;
|
|
28565
|
+
border-radius: var(--pf-v5-c-table__button--BorderRadius);
|
|
28566
|
+
}
|
|
28567
|
+
.pf-v5-c-table .pf-v5-c-table .pf-v5-c-table__button {
|
|
28568
|
+
margin-block-end: 0;
|
|
28570
28569
|
}
|
|
28571
28570
|
.pf-v5-c-table__button::before {
|
|
28572
28571
|
position: absolute;
|
|
@@ -28596,15 +28595,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28596
28595
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
28597
28596
|
}
|
|
28598
28597
|
|
|
28599
|
-
.pf-v5-c-table__sort .pf-v5-c-table__text {
|
|
28600
|
-
--pf-v5-c-table--cell--MinWidth: 0;
|
|
28601
|
-
}
|
|
28602
|
-
|
|
28603
28598
|
.pf-v5-c-table__button-content,
|
|
28604
28599
|
.pf-v5-c-table__column-help {
|
|
28605
|
-
display: grid;
|
|
28600
|
+
display: inline-grid;
|
|
28606
28601
|
grid-template-columns: auto max-content;
|
|
28607
|
-
align-items:
|
|
28602
|
+
align-items: baseline;
|
|
28608
28603
|
justify-content: start;
|
|
28609
28604
|
}
|
|
28610
28605
|
.pf-v5-c-table__button-content .pf-v5-c-table__text,
|
|
@@ -28633,12 +28628,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28633
28628
|
grid-template-columns: auto max-content;
|
|
28634
28629
|
}
|
|
28635
28630
|
|
|
28636
|
-
.pf-v5-c-table .pf-v5-c-table__toggle,
|
|
28637
|
-
.pf-v5-c-table .pf-v5-c-table__action,
|
|
28638
|
-
.pf-v5-c-table .pf-v5-c-table__inline-edit-action {
|
|
28639
|
-
--pf-v5-c-table--cell--PaddingBottom: 0;
|
|
28640
|
-
}
|
|
28641
|
-
|
|
28642
28631
|
.pf-v5-c-table .pf-v5-c-table__check,
|
|
28643
28632
|
.pf-v5-c-table .pf-v5-c-table__toggle,
|
|
28644
28633
|
.pf-v5-c-table .pf-v5-c-table__action,
|
|
@@ -28651,13 +28640,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28651
28640
|
}
|
|
28652
28641
|
|
|
28653
28642
|
.pf-v5-c-table__toggle {
|
|
28654
|
-
--pf-v5-c-table--cell--
|
|
28655
|
-
--pf-v5-c-table--cell--
|
|
28656
|
-
|
|
28657
|
-
|
|
28658
|
-
.pf-v5-c-table__toggle .pf-v5-c-button {
|
|
28659
|
-
margin-block-start: var(--pf-v5-c-table__toggle--c-button--MarginTop);
|
|
28660
|
-
margin-block-end: var(--pf-v5-c-table__toggle--c-button--MarginBottom);
|
|
28643
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__toggle--PaddingTop);
|
|
28644
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__toggle--PaddingBottom);
|
|
28645
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__toggle--PaddingLeft);
|
|
28646
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__toggle--PaddingRight);
|
|
28661
28647
|
}
|
|
28662
28648
|
.pf-v5-c-table__toggle .pf-v5-c-button.pf-m-expanded .pf-v5-c-table__toggle-icon {
|
|
28663
28649
|
transform: rotate(var(--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
@@ -28675,41 +28661,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28675
28661
|
}
|
|
28676
28662
|
|
|
28677
28663
|
.pf-v5-c-table__check {
|
|
28678
|
-
--pf-v5-c-table--cell--
|
|
28664
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__check--PaddingLeft);
|
|
28665
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__check--PaddingRight);
|
|
28679
28666
|
}
|
|
28680
|
-
.pf-v5-c-table__check
|
|
28681
|
-
.pf-v5-c-table__check input:not([disabled]) {
|
|
28682
|
-
cursor: pointer;
|
|
28683
|
-
}
|
|
28684
|
-
.pf-v5-c-table__check label {
|
|
28667
|
+
.pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
|
28685
28668
|
display: inline-flex;
|
|
28686
|
-
padding: inherit;
|
|
28687
|
-
margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
|
|
28688
|
-
margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
|
|
28689
|
-
margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
|
|
28690
|
-
margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
|
|
28691
28669
|
}
|
|
28692
|
-
.pf-v5-c-
|
|
28693
|
-
|
|
28670
|
+
thead .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
|
28671
|
+
vertical-align: bottom;
|
|
28672
|
+
}
|
|
28673
|
+
tbody .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
|
28674
|
+
vertical-align: top;
|
|
28675
|
+
}
|
|
28676
|
+
.pf-v5-c-table__check label {
|
|
28677
|
+
display: contents;
|
|
28694
28678
|
}
|
|
28695
28679
|
|
|
28680
|
+
.pf-v5-c-table__favorite {
|
|
28681
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__favorite--PaddingLeft);
|
|
28682
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__favorite--PaddingRight);
|
|
28683
|
+
}
|
|
28696
28684
|
.pf-v5-c-table__favorite .pf-v5-c-button {
|
|
28697
|
-
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
|
|
28698
28685
|
--pf-v5-c-button--FontSize: var(--pf-v5-c-table__favorite--c-button--FontSize);
|
|
28699
|
-
margin-block-start: var(--pf-v5-c-table__favorite--c-button--MarginTop);
|
|
28700
|
-
margin-block-end: var(--pf-v5-c-table__favorite--c-button--MarginBottom);
|
|
28701
|
-
margin-inline-start: var(--pf-v5-c-table__favorite--c-button--MarginLeft);
|
|
28702
|
-
margin-inline-end: var(--pf-v5-c-table__favorite--c-button--MarginRight);
|
|
28703
28686
|
}
|
|
28704
28687
|
.pf-m-favorited.pf-v5-c-table__favorite .pf-v5-c-button {
|
|
28705
28688
|
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--m-favorited--c-button--Color);
|
|
28706
28689
|
}
|
|
28707
28690
|
|
|
28708
28691
|
.pf-v5-c-table__draggable .pf-v5-c-button {
|
|
28709
|
-
margin-block-start: var(--pf-v5-c-table__draggable--c-button--MarginTop);
|
|
28710
|
-
margin-block-end: var(--pf-v5-c-table__draggable--c-button--MarginBottom);
|
|
28711
|
-
margin-inline-start: var(--pf-v5-c-table__draggable--c-button--MarginLeft);
|
|
28712
|
-
margin-inline-end: var(--pf-v5-c-table__draggable--c-button--MarginRight);
|
|
28713
28692
|
cursor: grab;
|
|
28714
28693
|
}
|
|
28715
28694
|
.pf-v5-c-table__draggable .pf-v5-c-button:active {
|
|
@@ -28717,23 +28696,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28717
28696
|
}
|
|
28718
28697
|
|
|
28719
28698
|
.pf-v5-c-table__action,
|
|
28720
|
-
.pf-v5-c-table__inline-edit-action
|
|
28721
|
-
|
|
28722
|
-
--pf-v5-c-table--cell--
|
|
28723
|
-
--pf-v5-c-table--cell--PaddingBottom:
|
|
28724
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
|
|
28725
|
-
padding-block-start: 0;
|
|
28726
|
-
padding-block-end: 0;
|
|
28727
|
-
vertical-align: middle;
|
|
28728
|
-
}
|
|
28729
|
-
|
|
28730
|
-
.pf-v5-c-table__action {
|
|
28731
|
-
text-align: end;
|
|
28699
|
+
.pf-v5-c-table__inline-edit-action,
|
|
28700
|
+
.pf-v5-c-table__draggable {
|
|
28701
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
|
|
28702
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
|
|
28732
28703
|
}
|
|
28733
28704
|
|
|
28734
|
-
.pf-v5-c-
|
|
28735
|
-
|
|
28736
|
-
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
28705
|
+
.pf-v5-c-table__action:last-child,
|
|
28706
|
+
.pf-v5-c-table__inline-edit-action:last-child {
|
|
28737
28707
|
text-align: end;
|
|
28738
28708
|
}
|
|
28739
28709
|
|
|
@@ -28743,12 +28713,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28743
28713
|
--pf-v5-c-table__button--focus--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--focus--Color);
|
|
28744
28714
|
--pf-v5-c-table__button--active--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--active--Color);
|
|
28745
28715
|
position: relative;
|
|
28716
|
+
padding: 0;
|
|
28746
28717
|
}
|
|
28747
28718
|
.pf-v5-c-table__compound-expansion-toggle.pf-m-truncate {
|
|
28748
28719
|
overflow: visible;
|
|
28749
28720
|
}
|
|
28750
28721
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button {
|
|
28722
|
+
position: static;
|
|
28751
28723
|
min-width: 100%;
|
|
28724
|
+
padding: 0;
|
|
28725
|
+
margin: 0;
|
|
28752
28726
|
overflow: hidden;
|
|
28753
28727
|
}
|
|
28754
28728
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:hover, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:focus, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:active {
|
|
@@ -28757,7 +28731,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28757
28731
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before,
|
|
28758
28732
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::after {
|
|
28759
28733
|
position: absolute;
|
|
28760
|
-
inset
|
|
28734
|
+
inset: 0;
|
|
28761
28735
|
content: "";
|
|
28762
28736
|
border-style: solid;
|
|
28763
28737
|
border-width: 0;
|
|
@@ -28782,10 +28756,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28782
28756
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
|
|
28783
28757
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base);
|
|
28784
28758
|
}
|
|
28785
|
-
.pf-v5-c-table__compound-expansion-toggle:first-child {
|
|
28786
|
-
--pf-v5-c-table__compound-expansion-toggle__button--before--Left: 0;
|
|
28787
|
-
--pf-v5-c-table__compound-expansion-toggle__button--after--Left: 0;
|
|
28788
|
-
}
|
|
28789
28759
|
.pf-v5-c-table__compound-expansion-toggle.pf-m-expanded .pf-v5-c-table__button::before {
|
|
28790
28760
|
border-block-end: var(--pf-v5-c-table--BackgroundColor) solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
|
|
28791
28761
|
}
|
|
@@ -28804,28 +28774,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28804
28774
|
|
|
28805
28775
|
.pf-v5-c-table__column-help-action {
|
|
28806
28776
|
margin-inline-start: var(--pf-v5-c-table__column-help--MarginLeft);
|
|
28807
|
-
transform: translateY(var(--pf-v5-c-table__column-help--TranslateY));
|
|
28808
|
-
}
|
|
28809
|
-
.pf-v5-c-table__column-help-action .pf-v5-c-button {
|
|
28810
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-table__column-help--c-button--PaddingRight);
|
|
28811
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-table__column-help--c-button--PaddingLeft);
|
|
28812
|
-
margin-block-start: var(--pf-v5-c-table__column-help--c-button--MarginTop);
|
|
28813
|
-
margin-block-end: var(--pf-v5-c-table__column-help--c-button--MarginBottom);
|
|
28814
|
-
font-size: inherit;
|
|
28815
|
-
line-height: 1;
|
|
28816
28777
|
}
|
|
28817
28778
|
|
|
28818
|
-
.pf-v5-c-table__sort .pf-v5-c-table__button {
|
|
28819
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__sort__button--PaddingTop);
|
|
28820
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__sort__button--PaddingRight);
|
|
28821
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__sort__button--PaddingBottom);
|
|
28822
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__sort__button--PaddingLeft);
|
|
28823
|
-
display: flex;
|
|
28824
|
-
width: auto;
|
|
28825
|
-
margin-block-start: var(--pf-v5-c-table__sort__button--MarginTop);
|
|
28826
|
-
margin-block-end: var(--pf-v5-c-table__sort__button--MarginBottom);
|
|
28827
|
-
margin-inline-start: var(--pf-v5-c-table__sort__button--MarginLeft);
|
|
28828
|
-
}
|
|
28829
28779
|
.pf-v5-c-table__sort .pf-v5-c-table__button:hover {
|
|
28830
28780
|
--pf-v5-c-table__sort-indicator--Color: var(--pf-v5-c-table__sort__button--hover__sort-indicator--Color);
|
|
28831
28781
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort__button--hover__text--Color);
|
|
@@ -28861,12 +28811,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28861
28811
|
grid-column: 2;
|
|
28862
28812
|
margin-inline-start: var(--pf-v5-c-table__sort-indicator--MarginLeft);
|
|
28863
28813
|
color: var(--pf-v5-c-table__sort-indicator--Color);
|
|
28814
|
+
color: var(--pf-v5-c-table__sort-indicator--FontSize);
|
|
28864
28815
|
pointer-events: none;
|
|
28865
28816
|
}
|
|
28866
28817
|
|
|
28867
28818
|
.pf-v5-c-table__expandable-row {
|
|
28868
|
-
--pf-v5-c-table--cell--PaddingTop: 0;
|
|
28869
|
-
--pf-v5-c-table--cell--PaddingBottom: 0;
|
|
28870
28819
|
position: relative;
|
|
28871
28820
|
border-block-end: 0 solid transparent;
|
|
28872
28821
|
box-shadow: 0 0 0 0 transparent;
|
|
@@ -28875,6 +28824,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28875
28824
|
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
|
|
28876
28825
|
transition: var(--pf-v5-c-table__expandable-row--Transition);
|
|
28877
28826
|
}
|
|
28827
|
+
.pf-v5-c-table__expandable-row > td,
|
|
28828
|
+
.pf-v5-c-table__expandable-row > th {
|
|
28829
|
+
padding-top: 0;
|
|
28830
|
+
}
|
|
28878
28831
|
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
|
|
28879
28832
|
.pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
|
|
28880
28833
|
padding-block-start: 0;
|
|
@@ -28898,64 +28851,35 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28898
28851
|
.pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
28899
28852
|
display: none;
|
|
28900
28853
|
}
|
|
28901
|
-
|
|
28902
|
-
|
|
28903
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
|
28904
|
-
}
|
|
28905
|
-
.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
28906
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
|
28854
|
+
.pf-v5-c-table__expandable-row tr:last-child {
|
|
28855
|
+
border-block-end: 0;
|
|
28907
28856
|
}
|
|
28908
28857
|
|
|
28909
28858
|
.pf-v5-c-table.pf-m-compact {
|
|
28910
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
|
|
28911
28859
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
|
|
28912
28860
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
|
28913
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
|
28914
|
-
}
|
|
28915
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
|
|
28916
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
|
28917
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
|
|
28918
28861
|
}
|
|
28919
28862
|
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
28920
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
|
|
28921
28863
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
|
|
28922
28864
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
|
28923
28865
|
}
|
|
28924
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
28925
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
28926
|
-
}
|
|
28927
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
|
|
28928
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
28929
|
-
}
|
|
28930
28866
|
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
|
|
28931
28867
|
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
|
|
28932
28868
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
|
|
28933
28869
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
|
|
28934
28870
|
}
|
|
28935
|
-
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action
|
|
28936
|
-
|
|
28937
|
-
|
|
28938
|
-
|
|
28939
|
-
|
|
28940
|
-
|
|
28941
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__toggle--PaddingTop);
|
|
28942
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__toggle--PaddingBottom);
|
|
28871
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action,
|
|
28872
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__favorite,
|
|
28873
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle,
|
|
28874
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__draggable {
|
|
28875
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__action--PaddingTop);
|
|
28876
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__action--PaddingBottom);
|
|
28943
28877
|
}
|
|
28944
28878
|
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__icon {
|
|
28945
28879
|
width: auto;
|
|
28946
28880
|
min-width: 0;
|
|
28947
28881
|
text-align: center;
|
|
28948
28882
|
}
|
|
28949
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
28950
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
|
28951
|
-
}
|
|
28952
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
28953
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
|
28954
|
-
}
|
|
28955
|
-
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
|
|
28956
|
-
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop);
|
|
28957
|
-
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom);
|
|
28958
|
-
}
|
|
28959
28883
|
|
|
28960
28884
|
.pf-v5-c-table__icon-inline {
|
|
28961
28885
|
display: flex;
|
|
@@ -29096,6 +29020,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29096
29020
|
:where(.pf-v5-c-table) {
|
|
29097
29021
|
--pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
|
|
29098
29022
|
--pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
|
|
29023
|
+
--pf-v5-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
|
|
29099
29024
|
--pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
29100
29025
|
--pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
|
|
29101
29026
|
--pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
@@ -29172,6 +29097,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29172
29097
|
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
|
|
29173
29098
|
min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
29174
29099
|
}
|
|
29100
|
+
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-button {
|
|
29101
|
+
margin-block-start: -50%;
|
|
29102
|
+
margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-button--MarginRight);
|
|
29103
|
+
}
|
|
29175
29104
|
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__check {
|
|
29176
29105
|
margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight);
|
|
29177
29106
|
}
|