@patternfly/patternfly 6.3.0-prerelease.27 → 6.3.0-prerelease.28
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/Accordion/accordion.css +1 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/ExpandableSection/expandable-section.css +1 -1
- package/components/ExpandableSection/expandable-section.scss +1 -1
- package/components/Form/form.css +1 -1
- package/components/Form/form.scss +1 -1
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +1 -1
- package/components/Table/table.css +52 -25
- package/components/Table/table.scss +73 -22
- package/components/TreeView/tree-view.css +1 -1
- package/components/TreeView/tree-view.scss +1 -1
- package/components/_index.css +58 -31
- package/docs/components/Table/examples/Table.md +8586 -5760
- package/docs/demos/Card/examples/Card.md +1 -1
- package/docs/demos/Table/examples/Table.md +2 -2
- package/package.json +1 -1
- package/patternfly-no-globals.css +58 -31
- package/patternfly.css +58 -31
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -1359,7 +1359,7 @@ wrapperTag: div
|
|
|
1359
1359
|
>Components of the Control Panel are responsible for maintaining and reconciling the state of the cluster.</div>
|
|
1360
1360
|
<div class="pf-v6-c-popover__body">
|
|
1361
1361
|
<table
|
|
1362
|
-
class="pf-v6-c-table pf-m-
|
|
1362
|
+
class="pf-v6-c-table pf-m-compact pf-m-expandable"
|
|
1363
1363
|
aria-label="Control panel table"
|
|
1364
1364
|
id="status-card-expanded-with-popover-example-popover-table"
|
|
1365
1365
|
>
|
|
@@ -2649,7 +2649,7 @@ wrapperTag: div
|
|
|
2649
2649
|
</div>
|
|
2650
2650
|
</div>
|
|
2651
2651
|
<table
|
|
2652
|
-
class="pf-v6-c-table pf-m-
|
|
2652
|
+
class="pf-v6-c-table pf-m-grid-md pf-m-expandable"
|
|
2653
2653
|
role="grid"
|
|
2654
2654
|
aria-label="Expandable table example"
|
|
2655
2655
|
id="expandable-demo-table"
|
|
@@ -4893,7 +4893,7 @@ wrapperTag: div
|
|
|
4893
4893
|
</div>
|
|
4894
4894
|
</div>
|
|
4895
4895
|
<table
|
|
4896
|
-
class="pf-v6-c-table pf-m-
|
|
4896
|
+
class="pf-v6-c-table pf-m-grid-md pf-m-expandable"
|
|
4897
4897
|
role="grid"
|
|
4898
4898
|
aria-label="Compound expandable table example"
|
|
4899
4899
|
id="compound-expansion-demo-table"
|
package/package.json
CHANGED
|
@@ -7891,7 +7891,7 @@
|
|
|
7891
7891
|
overflow-y: auto;
|
|
7892
7892
|
}
|
|
7893
7893
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
7894
|
-
max-height:
|
|
7894
|
+
max-height: 99999px;
|
|
7895
7895
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
7896
7896
|
visibility: revert;
|
|
7897
7897
|
transition-delay: 0s;
|
|
@@ -12514,7 +12514,7 @@ ul) {
|
|
|
12514
12514
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
12515
12515
|
}
|
|
12516
12516
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
12517
|
-
max-height:
|
|
12517
|
+
max-height: 99999px;
|
|
12518
12518
|
visibility: revert;
|
|
12519
12519
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
12520
12520
|
transition-delay: 0s;
|
|
@@ -14109,7 +14109,7 @@ ul) {
|
|
|
14109
14109
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
14110
14110
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
14111
14111
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
14112
|
-
--pf-v6-c-expandable-section__content--MaxHeight:
|
|
14112
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
14113
14113
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14114
14114
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
14115
14115
|
}
|
|
@@ -14679,7 +14679,7 @@ ul) {
|
|
|
14679
14679
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
14680
14680
|
}
|
|
14681
14681
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
14682
|
-
max-height:
|
|
14682
|
+
max-height: 99999px;
|
|
14683
14683
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
14684
14684
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
14685
14685
|
visibility: visible;
|
|
@@ -19178,7 +19178,7 @@ ul.pf-v6-c-list {
|
|
|
19178
19178
|
|
|
19179
19179
|
.pf-v6-c-nav__subnav {
|
|
19180
19180
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
19181
|
-
max-height:
|
|
19181
|
+
max-height: 99999px;
|
|
19182
19182
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
19183
19183
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
19184
19184
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
@@ -24664,8 +24664,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24664
24664
|
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
24665
24665
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
|
24666
24666
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
24667
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
|
|
24668
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
24669
24667
|
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
24670
24668
|
--pf-v6-c-table__expandable-row--Opacity: 0;
|
|
24671
24669
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
@@ -25002,6 +25000,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25002
25000
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
25003
25001
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
25004
25002
|
}
|
|
25003
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
|
25004
|
+
display: revert;
|
|
25005
|
+
visibility: hidden;
|
|
25006
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25007
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
25008
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
25009
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
|
|
25010
|
+
transition-property: opacity, translate, visibility;
|
|
25011
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25012
|
+
}
|
|
25013
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
25014
|
+
display: revert;
|
|
25015
|
+
}
|
|
25016
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25017
|
+
visibility: visible;
|
|
25018
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
25019
|
+
transition-delay: 0s;
|
|
25020
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
25021
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
25022
|
+
}
|
|
25023
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25024
|
+
max-height: 99999px;
|
|
25025
|
+
}
|
|
25026
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
|
|
25027
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25028
|
+
padding: 0;
|
|
25029
|
+
overflow: hidden;
|
|
25030
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
25031
|
+
transition-property: padding, max-height, overflow;
|
|
25032
|
+
}
|
|
25033
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25034
|
+
max-height: 0;
|
|
25035
|
+
}
|
|
25005
25036
|
|
|
25006
25037
|
[class*=pf-v6-c-table].pf-m-truncate {
|
|
25007
25038
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
|
@@ -25306,28 +25337,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25306
25337
|
.pf-v6-c-table__expandable-row {
|
|
25307
25338
|
position: relative;
|
|
25308
25339
|
border-block-end: 0 solid transparent;
|
|
25309
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25310
|
-
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
25311
|
-
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
|
|
25312
|
-
transition-property: opacity, translate, display;
|
|
25313
|
-
transition-behavior: allow-discrete;
|
|
25314
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25315
25340
|
}
|
|
25316
|
-
|
|
25317
|
-
|
|
25341
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
25342
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
25318
25343
|
padding-block-start: 0;
|
|
25319
25344
|
}
|
|
25320
|
-
|
|
25321
|
-
.pf-v6-c-
|
|
25322
|
-
|
|
25345
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
25346
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
25347
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
25348
|
+
}
|
|
25349
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
|
25350
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
|
25323
25351
|
padding-block-start: 0;
|
|
25324
25352
|
padding-block-end: 0;
|
|
25325
25353
|
padding-inline-start: 0;
|
|
25326
25354
|
padding-inline-end: 0;
|
|
25327
25355
|
}
|
|
25328
|
-
.pf-v6-c-table__expandable-row
|
|
25329
|
-
.pf-v6-c-table__expandable-row
|
|
25356
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
|
25357
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
|
25330
25358
|
padding: 0;
|
|
25359
|
+
border-radius: 0;
|
|
25331
25360
|
}
|
|
25332
25361
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
25333
25362
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
@@ -25337,18 +25366,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25337
25366
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
25338
25367
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
25339
25368
|
}
|
|
25369
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
25370
|
+
background-color: transparent;
|
|
25371
|
+
}
|
|
25340
25372
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25341
25373
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
25342
25374
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
25343
|
-
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
25344
|
-
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
|
|
25345
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
25346
|
-
}
|
|
25347
|
-
@starting-style {
|
|
25348
|
-
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25349
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25350
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25351
|
-
}
|
|
25352
25375
|
}
|
|
25353
25376
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
|
25354
25377
|
display: none;
|
|
@@ -25357,6 +25380,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25357
25380
|
border-block-end: 0;
|
|
25358
25381
|
}
|
|
25359
25382
|
|
|
25383
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
|
25384
|
+
border-block-end: 0;
|
|
25385
|
+
}
|
|
25386
|
+
|
|
25360
25387
|
.pf-v6-c-table.pf-m-compact {
|
|
25361
25388
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
|
25362
25389
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
|
@@ -25412,7 +25439,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25412
25439
|
}
|
|
25413
25440
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
|
25414
25441
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
|
25415
|
-
border-block-end:
|
|
25442
|
+
border-block-end: 0;
|
|
25416
25443
|
}
|
|
25417
25444
|
|
|
25418
25445
|
.pf-v6-c-table__tr {
|
|
@@ -30241,7 +30268,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30241
30268
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
30242
30269
|
}
|
|
30243
30270
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
30244
|
-
max-height:
|
|
30271
|
+
max-height: 99999px;
|
|
30245
30272
|
visibility: revert;
|
|
30246
30273
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
30247
30274
|
transition-delay: 0s;
|
package/patternfly.css
CHANGED
|
@@ -8027,7 +8027,7 @@ button) {
|
|
|
8027
8027
|
overflow-y: auto;
|
|
8028
8028
|
}
|
|
8029
8029
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
8030
|
-
max-height:
|
|
8030
|
+
max-height: 99999px;
|
|
8031
8031
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
8032
8032
|
visibility: revert;
|
|
8033
8033
|
transition-delay: 0s;
|
|
@@ -12650,7 +12650,7 @@ ul) {
|
|
|
12650
12650
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
12651
12651
|
}
|
|
12652
12652
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
12653
|
-
max-height:
|
|
12653
|
+
max-height: 99999px;
|
|
12654
12654
|
visibility: revert;
|
|
12655
12655
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
12656
12656
|
transition-delay: 0s;
|
|
@@ -14245,7 +14245,7 @@ ul) {
|
|
|
14245
14245
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
14246
14246
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
14247
14247
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
14248
|
-
--pf-v6-c-expandable-section__content--MaxHeight:
|
|
14248
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
14249
14249
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14250
14250
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
14251
14251
|
}
|
|
@@ -14815,7 +14815,7 @@ ul) {
|
|
|
14815
14815
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
14816
14816
|
}
|
|
14817
14817
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
14818
|
-
max-height:
|
|
14818
|
+
max-height: 99999px;
|
|
14819
14819
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
14820
14820
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
14821
14821
|
visibility: visible;
|
|
@@ -19314,7 +19314,7 @@ ul.pf-v6-c-list {
|
|
|
19314
19314
|
|
|
19315
19315
|
.pf-v6-c-nav__subnav {
|
|
19316
19316
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
19317
|
-
max-height:
|
|
19317
|
+
max-height: 99999px;
|
|
19318
19318
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
19319
19319
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
19320
19320
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
@@ -24800,8 +24800,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24800
24800
|
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
24801
24801
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
|
24802
24802
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
24803
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
|
|
24804
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
24805
24803
|
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
24806
24804
|
--pf-v6-c-table__expandable-row--Opacity: 0;
|
|
24807
24805
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
@@ -25138,6 +25136,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25138
25136
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
25139
25137
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
25140
25138
|
}
|
|
25139
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
|
25140
|
+
display: revert;
|
|
25141
|
+
visibility: hidden;
|
|
25142
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25143
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
25144
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
25145
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
|
|
25146
|
+
transition-property: opacity, translate, visibility;
|
|
25147
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25148
|
+
}
|
|
25149
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
25150
|
+
display: revert;
|
|
25151
|
+
}
|
|
25152
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25153
|
+
visibility: visible;
|
|
25154
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
25155
|
+
transition-delay: 0s;
|
|
25156
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
25157
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
25158
|
+
}
|
|
25159
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25160
|
+
max-height: 99999px;
|
|
25161
|
+
}
|
|
25162
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
|
|
25163
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25164
|
+
padding: 0;
|
|
25165
|
+
overflow: hidden;
|
|
25166
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
25167
|
+
transition-property: padding, max-height, overflow;
|
|
25168
|
+
}
|
|
25169
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25170
|
+
max-height: 0;
|
|
25171
|
+
}
|
|
25141
25172
|
|
|
25142
25173
|
[class*=pf-v6-c-table].pf-m-truncate {
|
|
25143
25174
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
|
@@ -25442,28 +25473,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25442
25473
|
.pf-v6-c-table__expandable-row {
|
|
25443
25474
|
position: relative;
|
|
25444
25475
|
border-block-end: 0 solid transparent;
|
|
25445
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25446
|
-
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
25447
|
-
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
|
|
25448
|
-
transition-property: opacity, translate, display;
|
|
25449
|
-
transition-behavior: allow-discrete;
|
|
25450
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25451
25476
|
}
|
|
25452
|
-
|
|
25453
|
-
|
|
25477
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
25478
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
25454
25479
|
padding-block-start: 0;
|
|
25455
25480
|
}
|
|
25456
|
-
|
|
25457
|
-
.pf-v6-c-
|
|
25458
|
-
|
|
25481
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
25482
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
25483
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
25484
|
+
}
|
|
25485
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
|
25486
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
|
25459
25487
|
padding-block-start: 0;
|
|
25460
25488
|
padding-block-end: 0;
|
|
25461
25489
|
padding-inline-start: 0;
|
|
25462
25490
|
padding-inline-end: 0;
|
|
25463
25491
|
}
|
|
25464
|
-
.pf-v6-c-table__expandable-row
|
|
25465
|
-
.pf-v6-c-table__expandable-row
|
|
25492
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
|
25493
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
|
25466
25494
|
padding: 0;
|
|
25495
|
+
border-radius: 0;
|
|
25467
25496
|
}
|
|
25468
25497
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
25469
25498
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
@@ -25473,18 +25502,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25473
25502
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
25474
25503
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
25475
25504
|
}
|
|
25505
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
25506
|
+
background-color: transparent;
|
|
25507
|
+
}
|
|
25476
25508
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25477
25509
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
25478
25510
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
25479
|
-
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
25480
|
-
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
|
|
25481
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
25482
|
-
}
|
|
25483
|
-
@starting-style {
|
|
25484
|
-
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25485
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25486
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25487
|
-
}
|
|
25488
25511
|
}
|
|
25489
25512
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
|
25490
25513
|
display: none;
|
|
@@ -25493,6 +25516,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25493
25516
|
border-block-end: 0;
|
|
25494
25517
|
}
|
|
25495
25518
|
|
|
25519
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
|
25520
|
+
border-block-end: 0;
|
|
25521
|
+
}
|
|
25522
|
+
|
|
25496
25523
|
.pf-v6-c-table.pf-m-compact {
|
|
25497
25524
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
|
25498
25525
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
|
@@ -25548,7 +25575,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25548
25575
|
}
|
|
25549
25576
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
|
25550
25577
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
|
25551
|
-
border-block-end:
|
|
25578
|
+
border-block-end: 0;
|
|
25552
25579
|
}
|
|
25553
25580
|
|
|
25554
25581
|
.pf-v6-c-table__tr {
|
|
@@ -30377,7 +30404,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30377
30404
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
30378
30405
|
}
|
|
30379
30406
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
30380
|
-
max-height:
|
|
30407
|
+
max-height: 99999px;
|
|
30381
30408
|
visibility: revert;
|
|
30382
30409
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
30383
30410
|
transition-delay: 0s;
|