@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
|
@@ -20010,9 +20010,12 @@ ul.pf-v5-c-list {
|
|
|
20010
20010
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
|
|
20011
20011
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
20012
20012
|
--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);
|
|
20013
|
+
--pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
|
|
20014
|
+
--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
20015
|
+
--pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20013
20016
|
--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
20014
20017
|
--pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
20015
|
-
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--
|
|
20018
|
+
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20016
20019
|
}
|
|
20017
20020
|
|
|
20018
20021
|
.pf-v5-c-menu,
|
|
@@ -20754,6 +20757,7 @@ ul.pf-v5-c-list {
|
|
|
20754
20757
|
align-items: center;
|
|
20755
20758
|
justify-content: center;
|
|
20756
20759
|
min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
|
|
20760
|
+
margin-inline-start: auto;
|
|
20757
20761
|
}
|
|
20758
20762
|
|
|
20759
20763
|
.pf-v5-c-menu-toggle__toggle-icon {
|
|
@@ -27901,7 +27905,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
27901
27905
|
}
|
|
27902
27906
|
}
|
|
27903
27907
|
|
|
27904
|
-
|
|
27908
|
+
:where(:root),
|
|
27909
|
+
:where(.pf-v5-c-table) {
|
|
27905
27910
|
--pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
27906
27911
|
--pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
|
27907
27912
|
--pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
@@ -27911,21 +27916,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
27911
27916
|
--pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
27912
27917
|
--pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
27913
27918
|
--pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
27914
|
-
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--
|
|
27919
|
+
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
27915
27920
|
--pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
27916
|
-
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-
|
|
27917
|
-
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-
|
|
27921
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
|
|
27922
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
|
|
27923
|
+
--pf-v5-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
27918
27924
|
--pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
|
|
27919
27925
|
--pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
|
|
27920
27926
|
--pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
27921
27927
|
--pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
|
|
27928
|
+
--pf-v5-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
27922
27929
|
--pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
27923
27930
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
|
|
27924
27931
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
|
|
27925
27932
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
|
|
27926
27933
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
|
27927
|
-
--pf-v5-c-table--cell--first-last-child--
|
|
27928
|
-
--pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
|
|
27934
|
+
--pf-v5-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
|
|
27929
27935
|
--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
|
27930
27936
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
27931
27937
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
@@ -27942,29 +27948,33 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
27942
27948
|
--pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
|
|
27943
27949
|
--pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
|
|
27944
27950
|
--pf-v5-c-table--cell--hidden-visible--Display: table-cell;
|
|
27945
|
-
--pf-v5-c-table__toggle--
|
|
27946
|
-
--pf-v5-c-table__toggle--
|
|
27951
|
+
--pf-v5-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
27952
|
+
--pf-v5-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27953
|
+
--pf-v5-c-table__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
27954
|
+
--pf-v5-c-table__toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27947
27955
|
--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
|
|
27948
27956
|
--pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
|
|
27949
27957
|
--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
|
|
27950
|
-
--pf-v5-c-table__button--
|
|
27958
|
+
--pf-v5-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
27959
|
+
--pf-v5-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
27960
|
+
--pf-v5-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
27961
|
+
--pf-v5-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27951
27962
|
--pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
27963
|
+
--pf-v5-c-table__button--BackgroundColor: transparent;
|
|
27964
|
+
--pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
27965
|
+
--pf-v5-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
27952
27966
|
--pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
27953
27967
|
--pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
|
|
27954
27968
|
--pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
|
|
27955
27969
|
--pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
27956
27970
|
--pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
|
|
27957
27971
|
--pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
|
|
27958
|
-
--pf-v5-c-table__check--
|
|
27959
|
-
--pf-v5-c-
|
|
27960
|
-
--pf-v5-c-
|
|
27961
|
-
--pf-v5-c-
|
|
27962
|
-
--pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
|
|
27972
|
+
--pf-v5-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
27973
|
+
--pf-v5-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27974
|
+
--pf-v5-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
27975
|
+
--pf-v5-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27963
27976
|
--pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
27964
|
-
--pf-v5-c-
|
|
27965
|
-
--pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
|
|
27966
|
-
--pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
|
27967
|
-
--pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
|
|
27977
|
+
--pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
|
27968
27978
|
--pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
|
|
27969
27979
|
--pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
|
|
27970
27980
|
--pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -27976,19 +27986,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
27976
27986
|
--pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
|
|
27977
27987
|
--pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
|
|
27978
27988
|
--pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
27979
|
-
--pf-v5-c-table__action--PaddingTop:
|
|
27980
|
-
--pf-v5-c-table__action--
|
|
27981
|
-
--pf-v5-c-
|
|
27982
|
-
--pf-v5-c-
|
|
27983
|
-
--pf-v5-c-table__inline-edit-action--PaddingTop: 0;
|
|
27984
|
-
--pf-v5-c-table__inline-edit-action--PaddingRight: 0;
|
|
27985
|
-
--pf-v5-c-table__inline-edit-action--PaddingBottom: 0;
|
|
27986
|
-
--pf-v5-c-table__inline-edit-action--PaddingLeft: 0;
|
|
27989
|
+
--pf-v5-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
27990
|
+
--pf-v5-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27991
|
+
--pf-v5-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
27992
|
+
--pf-v5-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27987
27993
|
--pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
|
|
27988
|
-
--pf-v5-c-table__expandable-row--
|
|
27994
|
+
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
|
|
27995
|
+
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
27996
|
+
--pf-v5-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
27997
|
+
--pf-v5-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
|
|
27989
27998
|
--pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
|
|
27990
|
-
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
27991
|
-
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
27992
27999
|
--pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
|
27993
28000
|
--pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
|
27994
28001
|
--pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
|
|
@@ -28010,6 +28017,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28010
28017
|
--pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
|
|
28011
28018
|
--pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
|
|
28012
28019
|
--pf-v5-c-table__sort__button--active__text--Color: currentcolor;
|
|
28020
|
+
--pf-v5-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
28021
|
+
--pf-v5-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28013
28022
|
--pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
|
|
28014
28023
|
--pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
|
|
28015
28024
|
--pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
|
|
@@ -28017,8 +28026,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28017
28026
|
--pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
28018
28027
|
--pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
28019
28028
|
--pf-v5-c-table__th--m-help--MinWidth: 11ch;
|
|
28020
|
-
--pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--
|
|
28021
|
-
--pf-v5-c-table__column-help--TranslateY: 0.125rem;
|
|
28029
|
+
--pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
28022
28030
|
--pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
|
|
28023
28031
|
--pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
|
28024
28032
|
--pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
@@ -28044,15 +28052,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28044
28052
|
--pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28045
28053
|
--pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28046
28054
|
--pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28047
|
-
--pf-v5-c-table--m-
|
|
28048
|
-
--pf-v5-c-table--m-
|
|
28049
|
-
--pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
|
|
28050
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
28051
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
28052
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
28053
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
28054
|
-
--pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
28055
|
-
--pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
28055
|
+
--pf-v5-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28056
|
+
--pf-v5-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
28056
28057
|
--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28057
28058
|
--pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
28058
28059
|
--pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
|
|
@@ -28098,9 +28099,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28098
28099
|
--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28099
28100
|
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28100
28101
|
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
28102
|
+
--pf-v5-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28103
|
+
--pf-v5-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28101
28104
|
--pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
28102
28105
|
--pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28103
28106
|
--pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
28107
|
+
}
|
|
28108
|
+
|
|
28109
|
+
.pf-v5-c-table {
|
|
28104
28110
|
color: var(--pf-v5-global--Color--100);
|
|
28105
28111
|
width: 100%;
|
|
28106
28112
|
background-color: var(--pf-v5-c-table--BackgroundColor);
|
|
@@ -28178,16 +28184,17 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28178
28184
|
overflow: var(--pf-v5-c-table--cell--Overflow);
|
|
28179
28185
|
font-size: var(--pf-v5-c-table--cell--FontSize);
|
|
28180
28186
|
font-weight: var(--pf-v5-c-table--cell--FontWeight);
|
|
28187
|
+
line-height: var(--pf-v5-c-table--cell--LineHeight);
|
|
28181
28188
|
color: var(--pf-v5-c-table--cell--Color);
|
|
28182
28189
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
28183
28190
|
word-break: var(--pf-v5-c-table--cell--WordBreak);
|
|
28184
28191
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
28185
28192
|
}
|
|
28186
28193
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
28187
|
-
--pf-v5-c-table--cell--
|
|
28194
|
+
padding-inline-start: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingLeft));
|
|
28188
28195
|
}
|
|
28189
28196
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
28190
|
-
--pf-v5-c-table--cell--
|
|
28197
|
+
padding-inline-end: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingRight));
|
|
28191
28198
|
}
|
|
28192
28199
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
|
|
28193
28200
|
text-align: center;
|
|
@@ -28208,10 +28215,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28208
28215
|
}
|
|
28209
28216
|
.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 {
|
|
28210
28217
|
position: absolute;
|
|
28211
|
-
inset
|
|
28212
|
-
inset-block-end: 0;
|
|
28213
|
-
inset-inline-start: 0;
|
|
28214
|
-
inset-inline-end: 0;
|
|
28218
|
+
inset: 0;
|
|
28215
28219
|
pointer-events: none;
|
|
28216
28220
|
content: "";
|
|
28217
28221
|
}
|
|
@@ -28233,35 +28237,32 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28233
28237
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
28234
28238
|
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
|
|
28235
28239
|
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
|
|
28236
|
-
vertical-align:
|
|
28240
|
+
vertical-align: baseline;
|
|
28237
28241
|
}
|
|
28238
28242
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
|
|
28239
28243
|
outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
|
|
28240
28244
|
}
|
|
28241
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
|
|
28242
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
|
|
28243
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
|
|
28244
|
-
vertical-align: middle;
|
|
28245
|
-
}
|
|
28246
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
|
|
28247
|
-
display: flex;
|
|
28248
|
-
align-items: center;
|
|
28249
|
-
}
|
|
28250
28245
|
.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]),
|
|
28251
28246
|
.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]) {
|
|
28252
28247
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
|
|
28253
28248
|
}
|
|
28254
28249
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
|
|
28250
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__subhead--PaddingLeft);
|
|
28251
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__subhead--PaddingRight);
|
|
28255
28252
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
|
|
28256
28253
|
color: var(--pf-v5-c-table__subhead--Color);
|
|
28257
28254
|
}
|
|
28255
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead .pf-v5-c-table__button {
|
|
28256
|
+
margin-inline-start: 0;
|
|
28257
|
+
}
|
|
28258
28258
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
28259
28259
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
|
|
28260
28260
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
|
|
28261
|
+
vertical-align: top;
|
|
28262
|
+
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__tbody--cell--FontSize);
|
|
28261
28263
|
}
|
|
28262
28264
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
|
|
28263
28265
|
overflow-wrap: break-word;
|
|
28264
|
-
vertical-align: baseline;
|
|
28265
28266
|
}
|
|
28266
28267
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
|
|
28267
28268
|
position: absolute;
|
|
@@ -28272,16 +28273,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28272
28273
|
background-color: transparent;
|
|
28273
28274
|
border-inline-start: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
|
|
28274
28275
|
}
|
|
28275
|
-
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
|
|
28276
|
-
margin-block-start: var(--pf-v5-c-table__check--input--MarginTop);
|
|
28277
|
-
vertical-align: top;
|
|
28278
|
-
}
|
|
28279
28276
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
|
|
28280
28277
|
border-block-end-width: 0;
|
|
28281
28278
|
}
|
|
28282
|
-
.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 {
|
|
28283
|
-
padding: 0;
|
|
28284
|
-
}
|
|
28285
28279
|
.pf-v5-c-table .pf-v5-c-table__sort {
|
|
28286
28280
|
min-width: var(--pf-v5-c-table__sort--MinWidth);
|
|
28287
28281
|
}
|
|
@@ -28418,9 +28412,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28418
28412
|
position: relative;
|
|
28419
28413
|
display: block;
|
|
28420
28414
|
width: var(--pf-v5-c-table--cell--Width);
|
|
28421
|
-
min-width: var(--pf-v5-c-table--
|
|
28415
|
+
min-width: var(--pf-v5-c-table--text--MinWidth);
|
|
28422
28416
|
max-width: var(--pf-v5-c-table--cell--MaxWidth);
|
|
28423
28417
|
overflow: var(--pf-v5-c-table--cell--Overflow);
|
|
28418
|
+
line-height: var(--pf-v5-c-table--cell--LineHeight);
|
|
28424
28419
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
28425
28420
|
word-break: var(--pf-v5-c-table--cell--WordBreak);
|
|
28426
28421
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
@@ -28436,11 +28431,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28436
28431
|
|
|
28437
28432
|
.pf-v5-c-table__button {
|
|
28438
28433
|
position: static;
|
|
28439
|
-
width:
|
|
28440
|
-
padding-block-start: var(--pf-v5-c-
|
|
28441
|
-
padding-block-end: var(--pf-v5-c-
|
|
28442
|
-
padding-inline-start: var(--pf-v5-c-
|
|
28443
|
-
padding-inline-end: var(--pf-v5-c-
|
|
28434
|
+
width: auto;
|
|
28435
|
+
padding-block-start: var(--pf-v5-c-table__button--PaddingTop);
|
|
28436
|
+
padding-block-end: var(--pf-v5-c-table__button--PaddingBottom);
|
|
28437
|
+
padding-inline-start: var(--pf-v5-c-table__button--PaddingLeft);
|
|
28438
|
+
padding-inline-end: var(--pf-v5-c-table__button--PaddingRight);
|
|
28439
|
+
margin-inline-start: calc(var(--pf-v5-c-table__button--PaddingLeft) * -1);
|
|
28444
28440
|
font-size: inherit;
|
|
28445
28441
|
font-weight: inherit;
|
|
28446
28442
|
color: var(--pf-v5-c-table__button--Color);
|
|
@@ -28449,6 +28445,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28449
28445
|
user-select: text;
|
|
28450
28446
|
background-color: var(--pf-v5-c-table__button--BackgroundColor);
|
|
28451
28447
|
border: 0;
|
|
28448
|
+
border-radius: var(--pf-v5-c-table__button--BorderRadius);
|
|
28449
|
+
}
|
|
28450
|
+
.pf-v5-c-table .pf-v5-c-table .pf-v5-c-table__button {
|
|
28451
|
+
margin-block-end: 0;
|
|
28452
28452
|
}
|
|
28453
28453
|
.pf-v5-c-table__button::before {
|
|
28454
28454
|
position: absolute;
|
|
@@ -28478,15 +28478,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28478
28478
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
28479
28479
|
}
|
|
28480
28480
|
|
|
28481
|
-
.pf-v5-c-table__sort .pf-v5-c-table__text {
|
|
28482
|
-
--pf-v5-c-table--cell--MinWidth: 0;
|
|
28483
|
-
}
|
|
28484
|
-
|
|
28485
28481
|
.pf-v5-c-table__button-content,
|
|
28486
28482
|
.pf-v5-c-table__column-help {
|
|
28487
|
-
display: grid;
|
|
28483
|
+
display: inline-grid;
|
|
28488
28484
|
grid-template-columns: auto max-content;
|
|
28489
|
-
align-items:
|
|
28485
|
+
align-items: baseline;
|
|
28490
28486
|
justify-content: start;
|
|
28491
28487
|
}
|
|
28492
28488
|
.pf-v5-c-table__button-content .pf-v5-c-table__text,
|
|
@@ -28515,12 +28511,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28515
28511
|
grid-template-columns: auto max-content;
|
|
28516
28512
|
}
|
|
28517
28513
|
|
|
28518
|
-
.pf-v5-c-table .pf-v5-c-table__toggle,
|
|
28519
|
-
.pf-v5-c-table .pf-v5-c-table__action,
|
|
28520
|
-
.pf-v5-c-table .pf-v5-c-table__inline-edit-action {
|
|
28521
|
-
--pf-v5-c-table--cell--PaddingBottom: 0;
|
|
28522
|
-
}
|
|
28523
|
-
|
|
28524
28514
|
.pf-v5-c-table .pf-v5-c-table__check,
|
|
28525
28515
|
.pf-v5-c-table .pf-v5-c-table__toggle,
|
|
28526
28516
|
.pf-v5-c-table .pf-v5-c-table__action,
|
|
@@ -28533,13 +28523,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28533
28523
|
}
|
|
28534
28524
|
|
|
28535
28525
|
.pf-v5-c-table__toggle {
|
|
28536
|
-
--pf-v5-c-table--cell--
|
|
28537
|
-
--pf-v5-c-table--cell--
|
|
28538
|
-
|
|
28539
|
-
|
|
28540
|
-
.pf-v5-c-table__toggle .pf-v5-c-button {
|
|
28541
|
-
margin-block-start: var(--pf-v5-c-table__toggle--c-button--MarginTop);
|
|
28542
|
-
margin-block-end: var(--pf-v5-c-table__toggle--c-button--MarginBottom);
|
|
28526
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__toggle--PaddingTop);
|
|
28527
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__toggle--PaddingBottom);
|
|
28528
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__toggle--PaddingLeft);
|
|
28529
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__toggle--PaddingRight);
|
|
28543
28530
|
}
|
|
28544
28531
|
.pf-v5-c-table__toggle .pf-v5-c-button.pf-m-expanded .pf-v5-c-table__toggle-icon {
|
|
28545
28532
|
transform: rotate(var(--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
@@ -28557,41 +28544,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28557
28544
|
}
|
|
28558
28545
|
|
|
28559
28546
|
.pf-v5-c-table__check {
|
|
28560
|
-
--pf-v5-c-table--cell--
|
|
28547
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__check--PaddingLeft);
|
|
28548
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__check--PaddingRight);
|
|
28561
28549
|
}
|
|
28562
|
-
.pf-v5-c-table__check
|
|
28563
|
-
.pf-v5-c-table__check input:not([disabled]) {
|
|
28564
|
-
cursor: pointer;
|
|
28565
|
-
}
|
|
28566
|
-
.pf-v5-c-table__check label {
|
|
28550
|
+
.pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
|
28567
28551
|
display: inline-flex;
|
|
28568
|
-
padding: inherit;
|
|
28569
|
-
margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
|
|
28570
|
-
margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
|
|
28571
|
-
margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
|
|
28572
|
-
margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
|
|
28573
28552
|
}
|
|
28574
|
-
.pf-v5-c-
|
|
28575
|
-
|
|
28553
|
+
thead .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
|
28554
|
+
vertical-align: bottom;
|
|
28555
|
+
}
|
|
28556
|
+
tbody .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
|
28557
|
+
vertical-align: top;
|
|
28558
|
+
}
|
|
28559
|
+
.pf-v5-c-table__check label {
|
|
28560
|
+
display: contents;
|
|
28576
28561
|
}
|
|
28577
28562
|
|
|
28563
|
+
.pf-v5-c-table__favorite {
|
|
28564
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__favorite--PaddingLeft);
|
|
28565
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__favorite--PaddingRight);
|
|
28566
|
+
}
|
|
28578
28567
|
.pf-v5-c-table__favorite .pf-v5-c-button {
|
|
28579
|
-
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
|
|
28580
28568
|
--pf-v5-c-button--FontSize: var(--pf-v5-c-table__favorite--c-button--FontSize);
|
|
28581
|
-
margin-block-start: var(--pf-v5-c-table__favorite--c-button--MarginTop);
|
|
28582
|
-
margin-block-end: var(--pf-v5-c-table__favorite--c-button--MarginBottom);
|
|
28583
|
-
margin-inline-start: var(--pf-v5-c-table__favorite--c-button--MarginLeft);
|
|
28584
|
-
margin-inline-end: var(--pf-v5-c-table__favorite--c-button--MarginRight);
|
|
28585
28569
|
}
|
|
28586
28570
|
.pf-m-favorited.pf-v5-c-table__favorite .pf-v5-c-button {
|
|
28587
28571
|
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--m-favorited--c-button--Color);
|
|
28588
28572
|
}
|
|
28589
28573
|
|
|
28590
28574
|
.pf-v5-c-table__draggable .pf-v5-c-button {
|
|
28591
|
-
margin-block-start: var(--pf-v5-c-table__draggable--c-button--MarginTop);
|
|
28592
|
-
margin-block-end: var(--pf-v5-c-table__draggable--c-button--MarginBottom);
|
|
28593
|
-
margin-inline-start: var(--pf-v5-c-table__draggable--c-button--MarginLeft);
|
|
28594
|
-
margin-inline-end: var(--pf-v5-c-table__draggable--c-button--MarginRight);
|
|
28595
28575
|
cursor: grab;
|
|
28596
28576
|
}
|
|
28597
28577
|
.pf-v5-c-table__draggable .pf-v5-c-button:active {
|
|
@@ -28599,23 +28579,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28599
28579
|
}
|
|
28600
28580
|
|
|
28601
28581
|
.pf-v5-c-table__action,
|
|
28602
|
-
.pf-v5-c-table__inline-edit-action
|
|
28603
|
-
|
|
28604
|
-
--pf-v5-c-table--cell--
|
|
28605
|
-
--pf-v5-c-table--cell--PaddingBottom:
|
|
28606
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
|
|
28607
|
-
padding-block-start: 0;
|
|
28608
|
-
padding-block-end: 0;
|
|
28609
|
-
vertical-align: middle;
|
|
28610
|
-
}
|
|
28611
|
-
|
|
28612
|
-
.pf-v5-c-table__action {
|
|
28613
|
-
text-align: end;
|
|
28582
|
+
.pf-v5-c-table__inline-edit-action,
|
|
28583
|
+
.pf-v5-c-table__draggable {
|
|
28584
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
|
|
28585
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
|
|
28614
28586
|
}
|
|
28615
28587
|
|
|
28616
|
-
.pf-v5-c-
|
|
28617
|
-
|
|
28618
|
-
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
28588
|
+
.pf-v5-c-table__action:last-child,
|
|
28589
|
+
.pf-v5-c-table__inline-edit-action:last-child {
|
|
28619
28590
|
text-align: end;
|
|
28620
28591
|
}
|
|
28621
28592
|
|
|
@@ -28625,12 +28596,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28625
28596
|
--pf-v5-c-table__button--focus--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--focus--Color);
|
|
28626
28597
|
--pf-v5-c-table__button--active--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--active--Color);
|
|
28627
28598
|
position: relative;
|
|
28599
|
+
padding: 0;
|
|
28628
28600
|
}
|
|
28629
28601
|
.pf-v5-c-table__compound-expansion-toggle.pf-m-truncate {
|
|
28630
28602
|
overflow: visible;
|
|
28631
28603
|
}
|
|
28632
28604
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button {
|
|
28605
|
+
position: static;
|
|
28633
28606
|
min-width: 100%;
|
|
28607
|
+
padding: 0;
|
|
28608
|
+
margin: 0;
|
|
28634
28609
|
overflow: hidden;
|
|
28635
28610
|
}
|
|
28636
28611
|
.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 {
|
|
@@ -28639,7 +28614,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28639
28614
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before,
|
|
28640
28615
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::after {
|
|
28641
28616
|
position: absolute;
|
|
28642
|
-
inset
|
|
28617
|
+
inset: 0;
|
|
28643
28618
|
content: "";
|
|
28644
28619
|
border-style: solid;
|
|
28645
28620
|
border-width: 0;
|
|
@@ -28664,10 +28639,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28664
28639
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
|
|
28665
28640
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base);
|
|
28666
28641
|
}
|
|
28667
|
-
.pf-v5-c-table__compound-expansion-toggle:first-child {
|
|
28668
|
-
--pf-v5-c-table__compound-expansion-toggle__button--before--Left: 0;
|
|
28669
|
-
--pf-v5-c-table__compound-expansion-toggle__button--after--Left: 0;
|
|
28670
|
-
}
|
|
28671
28642
|
.pf-v5-c-table__compound-expansion-toggle.pf-m-expanded .pf-v5-c-table__button::before {
|
|
28672
28643
|
border-block-end: var(--pf-v5-c-table--BackgroundColor) solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
|
|
28673
28644
|
}
|
|
@@ -28686,28 +28657,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28686
28657
|
|
|
28687
28658
|
.pf-v5-c-table__column-help-action {
|
|
28688
28659
|
margin-inline-start: var(--pf-v5-c-table__column-help--MarginLeft);
|
|
28689
|
-
transform: translateY(var(--pf-v5-c-table__column-help--TranslateY));
|
|
28690
|
-
}
|
|
28691
|
-
.pf-v5-c-table__column-help-action .pf-v5-c-button {
|
|
28692
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-table__column-help--c-button--PaddingRight);
|
|
28693
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-table__column-help--c-button--PaddingLeft);
|
|
28694
|
-
margin-block-start: var(--pf-v5-c-table__column-help--c-button--MarginTop);
|
|
28695
|
-
margin-block-end: var(--pf-v5-c-table__column-help--c-button--MarginBottom);
|
|
28696
|
-
font-size: inherit;
|
|
28697
|
-
line-height: 1;
|
|
28698
28660
|
}
|
|
28699
28661
|
|
|
28700
|
-
.pf-v5-c-table__sort .pf-v5-c-table__button {
|
|
28701
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__sort__button--PaddingTop);
|
|
28702
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__sort__button--PaddingRight);
|
|
28703
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__sort__button--PaddingBottom);
|
|
28704
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__sort__button--PaddingLeft);
|
|
28705
|
-
display: flex;
|
|
28706
|
-
width: auto;
|
|
28707
|
-
margin-block-start: var(--pf-v5-c-table__sort__button--MarginTop);
|
|
28708
|
-
margin-block-end: var(--pf-v5-c-table__sort__button--MarginBottom);
|
|
28709
|
-
margin-inline-start: var(--pf-v5-c-table__sort__button--MarginLeft);
|
|
28710
|
-
}
|
|
28711
28662
|
.pf-v5-c-table__sort .pf-v5-c-table__button:hover {
|
|
28712
28663
|
--pf-v5-c-table__sort-indicator--Color: var(--pf-v5-c-table__sort__button--hover__sort-indicator--Color);
|
|
28713
28664
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort__button--hover__text--Color);
|
|
@@ -28743,12 +28694,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28743
28694
|
grid-column: 2;
|
|
28744
28695
|
margin-inline-start: var(--pf-v5-c-table__sort-indicator--MarginLeft);
|
|
28745
28696
|
color: var(--pf-v5-c-table__sort-indicator--Color);
|
|
28697
|
+
color: var(--pf-v5-c-table__sort-indicator--FontSize);
|
|
28746
28698
|
pointer-events: none;
|
|
28747
28699
|
}
|
|
28748
28700
|
|
|
28749
28701
|
.pf-v5-c-table__expandable-row {
|
|
28750
|
-
--pf-v5-c-table--cell--PaddingTop: 0;
|
|
28751
|
-
--pf-v5-c-table--cell--PaddingBottom: 0;
|
|
28752
28702
|
position: relative;
|
|
28753
28703
|
border-block-end: 0 solid transparent;
|
|
28754
28704
|
box-shadow: 0 0 0 0 transparent;
|
|
@@ -28757,6 +28707,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28757
28707
|
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
|
|
28758
28708
|
transition: var(--pf-v5-c-table__expandable-row--Transition);
|
|
28759
28709
|
}
|
|
28710
|
+
.pf-v5-c-table__expandable-row > td,
|
|
28711
|
+
.pf-v5-c-table__expandable-row > th {
|
|
28712
|
+
padding-top: 0;
|
|
28713
|
+
}
|
|
28760
28714
|
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
|
|
28761
28715
|
.pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
|
|
28762
28716
|
padding-block-start: 0;
|
|
@@ -28780,64 +28734,35 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28780
28734
|
.pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
28781
28735
|
display: none;
|
|
28782
28736
|
}
|
|
28783
|
-
|
|
28784
|
-
|
|
28785
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
|
28786
|
-
}
|
|
28787
|
-
.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
28788
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
|
28737
|
+
.pf-v5-c-table__expandable-row tr:last-child {
|
|
28738
|
+
border-block-end: 0;
|
|
28789
28739
|
}
|
|
28790
28740
|
|
|
28791
28741
|
.pf-v5-c-table.pf-m-compact {
|
|
28792
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
|
|
28793
28742
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
|
|
28794
28743
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
|
28795
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
|
28796
|
-
}
|
|
28797
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
|
|
28798
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
|
28799
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
|
|
28800
28744
|
}
|
|
28801
28745
|
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
28802
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
|
|
28803
28746
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
|
|
28804
28747
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
|
28805
28748
|
}
|
|
28806
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
28807
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
28808
|
-
}
|
|
28809
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
|
|
28810
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
28811
|
-
}
|
|
28812
28749
|
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
|
|
28813
28750
|
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
|
|
28814
28751
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
|
|
28815
28752
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
|
|
28816
28753
|
}
|
|
28817
|
-
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action
|
|
28818
|
-
|
|
28819
|
-
|
|
28820
|
-
|
|
28821
|
-
|
|
28822
|
-
|
|
28823
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__toggle--PaddingTop);
|
|
28824
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__toggle--PaddingBottom);
|
|
28754
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action,
|
|
28755
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__favorite,
|
|
28756
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle,
|
|
28757
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__draggable {
|
|
28758
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__action--PaddingTop);
|
|
28759
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__action--PaddingBottom);
|
|
28825
28760
|
}
|
|
28826
28761
|
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__icon {
|
|
28827
28762
|
width: auto;
|
|
28828
28763
|
min-width: 0;
|
|
28829
28764
|
text-align: center;
|
|
28830
28765
|
}
|
|
28831
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
28832
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
|
28833
|
-
}
|
|
28834
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
28835
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
|
28836
|
-
}
|
|
28837
|
-
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
|
|
28838
|
-
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop);
|
|
28839
|
-
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom);
|
|
28840
|
-
}
|
|
28841
28766
|
|
|
28842
28767
|
.pf-v5-c-table__icon-inline {
|
|
28843
28768
|
display: flex;
|
|
@@ -28978,6 +28903,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28978
28903
|
:where(.pf-v5-c-table) {
|
|
28979
28904
|
--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));
|
|
28980
28905
|
--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));
|
|
28906
|
+
--pf-v5-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
|
|
28981
28907
|
--pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
28982
28908
|
--pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
|
|
28983
28909
|
--pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
@@ -29054,6 +28980,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29054
28980
|
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
|
|
29055
28981
|
min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
29056
28982
|
}
|
|
28983
|
+
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-button {
|
|
28984
|
+
margin-block-start: -50%;
|
|
28985
|
+
margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-button--MarginRight);
|
|
28986
|
+
}
|
|
29057
28987
|
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__check {
|
|
29058
28988
|
margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight);
|
|
29059
28989
|
}
|