@patternfly/patternfly 6.3.0-prerelease.27 → 6.3.0-prerelease.29
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/Button/button.css +20 -9
- package/components/Button/button.scss +16 -5
- 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/Page/page.css +8 -8
- 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 +86 -48
- 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 +86 -48
- package/patternfly.css +86 -48
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +4 -4
package/components/_index.css
CHANGED
|
@@ -395,7 +395,7 @@
|
|
|
395
395
|
overflow-y: auto;
|
|
396
396
|
}
|
|
397
397
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
398
|
-
max-height:
|
|
398
|
+
max-height: 99999px;
|
|
399
399
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
400
400
|
visibility: revert;
|
|
401
401
|
transition-delay: 0s;
|
|
@@ -1551,12 +1551,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1551
1551
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
1552
1552
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
1553
1553
|
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
|
1554
|
+
--pf-v6-c-button--ScaleX: 1;
|
|
1555
|
+
--pf-v6-c-button--ScaleY: 1;
|
|
1554
1556
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
1555
1557
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
1556
1558
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
1557
1559
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
1558
1560
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
1559
1561
|
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
|
1562
|
+
--pf-v6-c-button--hover--ScaleX: 1;
|
|
1563
|
+
--pf-v6-c-button--hover--ScaleY: 1;
|
|
1560
1564
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
1561
1565
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
1562
1566
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -1771,11 +1775,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1771
1775
|
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
1772
1776
|
--pf-v6-c-button__icon--TransitionProperty: none;
|
|
1773
1777
|
--pf-v6-c-button__icon--Rotate: 0deg;
|
|
1774
|
-
--pf-v6-c-button__icon--Scale: 1;
|
|
1775
1778
|
--pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
|
|
1776
1779
|
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
1777
1780
|
--pf-v6-c-button--hover__icon--TransitionProperty: none;
|
|
1778
1781
|
--pf-v6-c-button--hover__icon--Rotate: 0deg;
|
|
1782
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
1783
|
+
--pf-v6-c-button__icon--ScaleY: 1;
|
|
1784
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
1785
|
+
--pf-v6-c-button--hover__icon--ScaleY: 1;
|
|
1779
1786
|
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
1780
1787
|
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
1781
1788
|
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
|
@@ -1822,7 +1829,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1822
1829
|
--pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
|
|
1823
1830
|
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
1824
1831
|
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
1825
|
-
--pf-v6-c-button--m-hamburger__icon--m-expand--
|
|
1832
|
+
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
1826
1833
|
}
|
|
1827
1834
|
|
|
1828
1835
|
.pf-v6-c-button {
|
|
@@ -1858,7 +1865,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1858
1865
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
1859
1866
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
1860
1867
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
1861
|
-
scale: var(--pf-v6-c-button--
|
|
1868
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
1862
1869
|
}
|
|
1863
1870
|
.pf-v6-c-button::after {
|
|
1864
1871
|
position: absolute;
|
|
@@ -2161,30 +2168,34 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2161
2168
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
2162
2169
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
2163
2170
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
2164
|
-
--pf-v6-c-button__icon--
|
|
2171
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
2165
2172
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
2166
|
-
--pf-v6-c-button--hover__icon--
|
|
2173
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
2167
2174
|
}
|
|
2168
2175
|
.pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
|
|
2169
2176
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
2170
2177
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
2171
2178
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
2172
2179
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
2173
|
-
--pf-v6-c-button__icon--
|
|
2180
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
2174
2181
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
2175
|
-
--pf-v6-c-button--hover__icon--
|
|
2182
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
2176
2183
|
}
|
|
2177
2184
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
2178
2185
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
2179
2186
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
2180
2187
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
2181
2188
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
2189
|
+
--pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
|
|
2190
|
+
--pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
|
|
2182
2191
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
|
2183
2192
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
2184
2193
|
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
|
|
2185
2194
|
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
|
|
2186
2195
|
--pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
|
|
2187
2196
|
--pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
|
|
2197
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
|
|
2198
|
+
--pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
|
|
2188
2199
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
2189
2200
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
2190
2201
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
@@ -2252,7 +2263,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2252
2263
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2253
2264
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
2254
2265
|
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2255
|
-
scale: var(--pf-v6-c-button__icon--
|
|
2266
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2256
2267
|
}
|
|
2257
2268
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2258
2269
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2331,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2331
2342
|
}
|
|
2332
2343
|
@keyframes pf-v6-c-button-icon-favorited {
|
|
2333
2344
|
50% {
|
|
2334
|
-
|
|
2345
|
+
scale: 1.5;
|
|
2335
2346
|
}
|
|
2336
2347
|
}
|
|
2337
2348
|
.pf-v6-c-calendar-month {
|
|
@@ -5018,7 +5029,7 @@ ul) {
|
|
|
5018
5029
|
--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);
|
|
5019
5030
|
}
|
|
5020
5031
|
.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 {
|
|
5021
|
-
max-height:
|
|
5032
|
+
max-height: 99999px;
|
|
5022
5033
|
visibility: revert;
|
|
5023
5034
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5024
5035
|
transition-delay: 0s;
|
|
@@ -6613,7 +6624,7 @@ ul) {
|
|
|
6613
6624
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
6614
6625
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
6615
6626
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
6616
|
-
--pf-v6-c-expandable-section__content--MaxHeight:
|
|
6627
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
6617
6628
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
6618
6629
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
6619
6630
|
}
|
|
@@ -7183,7 +7194,7 @@ ul) {
|
|
|
7183
7194
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
7184
7195
|
}
|
|
7185
7196
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
7186
|
-
max-height:
|
|
7197
|
+
max-height: 99999px;
|
|
7187
7198
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
7188
7199
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
7189
7200
|
visibility: visible;
|
|
@@ -11682,7 +11693,7 @@ ul.pf-v6-c-list {
|
|
|
11682
11693
|
|
|
11683
11694
|
.pf-v6-c-nav__subnav {
|
|
11684
11695
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
11685
|
-
max-height:
|
|
11696
|
+
max-height: 99999px;
|
|
11686
11697
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
11687
11698
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
11688
11699
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
@@ -12300,18 +12311,18 @@ ul.pf-v6-c-list {
|
|
|
12300
12311
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
12301
12312
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
12302
12313
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
12303
|
-
--pf-v6-c-button__icon--
|
|
12314
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
12304
12315
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
12305
|
-
--pf-v6-c-button--hover__icon--
|
|
12316
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
12306
12317
|
}
|
|
12307
12318
|
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
|
12308
12319
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
12309
12320
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
12310
12321
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
12311
12322
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
12312
|
-
--pf-v6-c-button__icon--
|
|
12323
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
12313
12324
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
12314
|
-
--pf-v6-c-button--hover__icon--
|
|
12325
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
12315
12326
|
}
|
|
12316
12327
|
@media (min-width: 75rem) {
|
|
12317
12328
|
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
|
@@ -12326,18 +12337,18 @@ ul.pf-v6-c-list {
|
|
|
12326
12337
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
12327
12338
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
12328
12339
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
12329
|
-
--pf-v6-c-button__icon--
|
|
12340
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
12330
12341
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
12331
|
-
--pf-v6-c-button--hover__icon--
|
|
12342
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
12332
12343
|
}
|
|
12333
12344
|
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
12334
12345
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
12335
12346
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
12336
12347
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
12337
12348
|
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
12338
|
-
--pf-v6-c-button__icon--
|
|
12349
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
12339
12350
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
12340
|
-
--pf-v6-c-button--hover__icon--
|
|
12351
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
12341
12352
|
}
|
|
12342
12353
|
}
|
|
12343
12354
|
|
|
@@ -17168,8 +17179,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17168
17179
|
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
17169
17180
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
|
17170
17181
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
17171
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
|
|
17172
|
-
--pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
17173
17182
|
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17174
17183
|
--pf-v6-c-table__expandable-row--Opacity: 0;
|
|
17175
17184
|
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
@@ -17506,6 +17515,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17506
17515
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
17507
17516
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
17508
17517
|
}
|
|
17518
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
|
17519
|
+
display: revert;
|
|
17520
|
+
visibility: hidden;
|
|
17521
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
17522
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
17523
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
17524
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
|
|
17525
|
+
transition-property: opacity, translate, visibility;
|
|
17526
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
17527
|
+
}
|
|
17528
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
17529
|
+
display: revert;
|
|
17530
|
+
}
|
|
17531
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
17532
|
+
visibility: visible;
|
|
17533
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
17534
|
+
transition-delay: 0s;
|
|
17535
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
17536
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
17537
|
+
}
|
|
17538
|
+
.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 {
|
|
17539
|
+
max-height: 99999px;
|
|
17540
|
+
}
|
|
17541
|
+
.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),
|
|
17542
|
+
.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 {
|
|
17543
|
+
padding: 0;
|
|
17544
|
+
overflow: hidden;
|
|
17545
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
17546
|
+
transition-property: padding, max-height, overflow;
|
|
17547
|
+
}
|
|
17548
|
+
.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 {
|
|
17549
|
+
max-height: 0;
|
|
17550
|
+
}
|
|
17509
17551
|
|
|
17510
17552
|
[class*=pf-v6-c-table].pf-m-truncate {
|
|
17511
17553
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
|
@@ -17810,28 +17852,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17810
17852
|
.pf-v6-c-table__expandable-row {
|
|
17811
17853
|
position: relative;
|
|
17812
17854
|
border-block-end: 0 solid transparent;
|
|
17813
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
17814
|
-
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
17815
|
-
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);
|
|
17816
|
-
transition-property: opacity, translate, display;
|
|
17817
|
-
transition-behavior: allow-discrete;
|
|
17818
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
17819
17855
|
}
|
|
17820
|
-
|
|
17821
|
-
|
|
17856
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
17857
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
17822
17858
|
padding-block-start: 0;
|
|
17823
17859
|
}
|
|
17824
|
-
|
|
17825
|
-
.pf-v6-c-
|
|
17826
|
-
|
|
17860
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
17861
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
17862
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
17863
|
+
}
|
|
17864
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
|
17865
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
|
17827
17866
|
padding-block-start: 0;
|
|
17828
17867
|
padding-block-end: 0;
|
|
17829
17868
|
padding-inline-start: 0;
|
|
17830
17869
|
padding-inline-end: 0;
|
|
17831
17870
|
}
|
|
17832
|
-
.pf-v6-c-table__expandable-row
|
|
17833
|
-
.pf-v6-c-table__expandable-row
|
|
17871
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
|
17872
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
|
17834
17873
|
padding: 0;
|
|
17874
|
+
border-radius: 0;
|
|
17835
17875
|
}
|
|
17836
17876
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
17837
17877
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
@@ -17841,18 +17881,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17841
17881
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
17842
17882
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
17843
17883
|
}
|
|
17884
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
17885
|
+
background-color: transparent;
|
|
17886
|
+
}
|
|
17844
17887
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
17845
17888
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
17846
17889
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
17847
|
-
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
17848
|
-
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);
|
|
17849
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
17850
|
-
}
|
|
17851
|
-
@starting-style {
|
|
17852
|
-
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
17853
|
-
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
17854
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
17855
|
-
}
|
|
17856
17890
|
}
|
|
17857
17891
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
|
17858
17892
|
display: none;
|
|
@@ -17861,6 +17895,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17861
17895
|
border-block-end: 0;
|
|
17862
17896
|
}
|
|
17863
17897
|
|
|
17898
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
|
17899
|
+
border-block-end: 0;
|
|
17900
|
+
}
|
|
17901
|
+
|
|
17864
17902
|
.pf-v6-c-table.pf-m-compact {
|
|
17865
17903
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
|
17866
17904
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
|
@@ -17916,7 +17954,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17916
17954
|
}
|
|
17917
17955
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
|
17918
17956
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
|
17919
|
-
border-block-end:
|
|
17957
|
+
border-block-end: 0;
|
|
17920
17958
|
}
|
|
17921
17959
|
|
|
17922
17960
|
.pf-v6-c-table__tr {
|
|
@@ -22745,7 +22783,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22745
22783
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
22746
22784
|
}
|
|
22747
22785
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
22748
|
-
max-height:
|
|
22786
|
+
max-height: 99999px;
|
|
22749
22787
|
visibility: revert;
|
|
22750
22788
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
22751
22789
|
transition-delay: 0s;
|