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