@patternfly/react-styles 6.6.1 → 6.7.0-prerelease.2
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/CHANGELOG.md +51 -1
- package/css/components/Backdrop/backdrop.css +34 -0
- package/css/components/Backdrop/backdrop.d.ts +5 -1
- package/css/components/Backdrop/backdrop.js +5 -1
- package/css/components/Backdrop/backdrop.mjs +5 -1
- package/css/components/Button/button.css +20 -8
- package/css/components/Button/button.d.ts +1 -1
- package/css/components/Button/button.js +1 -1
- package/css/components/Button/button.mjs +1 -1
- package/css/components/Check/check.css +14 -0
- package/css/components/Compass/compass.css +20 -25
- package/css/components/Compass/compass.d.ts +1 -1
- package/css/components/Compass/compass.js +1 -1
- package/css/components/Compass/compass.mjs +1 -1
- package/css/components/DataList/data-list.css +11 -9
- package/css/components/DataList/data-list.d.ts +1 -0
- package/css/components/DataList/data-list.js +1 -0
- package/css/components/DataList/data-list.mjs +1 -0
- package/css/components/Drawer/drawer.css +10 -0
- package/css/components/Drawer/drawer.d.ts +1 -0
- package/css/components/Drawer/drawer.js +1 -0
- package/css/components/Drawer/drawer.mjs +1 -0
- package/css/components/FormControl/form-control.css +12 -2
- package/css/components/Label/label.css +9 -3
- package/css/components/Masthead/masthead.css +3 -3
- package/css/components/Masthead/masthead.d.ts +1 -1
- package/css/components/Masthead/masthead.js +1 -1
- package/css/components/Masthead/masthead.mjs +1 -1
- package/css/components/MenuToggle/menu-toggle.css +3 -4
- package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
- package/css/components/MenuToggle/menu-toggle.js +0 -1
- package/css/components/MenuToggle/menu-toggle.mjs +0 -1
- package/css/components/ModalBox/modal-box.css +42 -0
- package/css/components/ModalBox/modal-box.d.ts +2 -0
- package/css/components/ModalBox/modal-box.js +2 -0
- package/css/components/ModalBox/modal-box.mjs +2 -0
- package/css/components/Nav/nav.css +26 -6
- package/css/components/Nav/nav.d.ts +3 -2
- package/css/components/Nav/nav.js +3 -2
- package/css/components/Nav/nav.mjs +3 -2
- package/css/components/Page/page.css +66 -18
- package/css/components/Page/page.d.ts +4 -2
- package/css/components/Page/page.js +4 -2
- package/css/components/Page/page.mjs +4 -2
- package/css/components/Radio/radio.css +14 -0
- package/css/components/Table/table-grid.css +26 -14
- package/css/components/Table/table.css +67 -17
- package/css/components/Table/table.d.ts +2 -0
- package/css/components/Table/table.js +2 -0
- package/css/components/Table/table.mjs +2 -0
- package/css/components/Tabs/tabs.css +19 -5
- package/css/components/Toolbar/toolbar.css +198 -184
- package/css/components/Toolbar/toolbar.d.ts +55 -54
- package/css/components/Toolbar/toolbar.js +55 -54
- package/css/components/Toolbar/toolbar.mjs +55 -54
- package/css/components/Wizard/wizard.css +1 -1
- package/css/components/_index.css +599 -303
- package/css/components/_index.d.ts +17 -8
- package/css/components/_index.js +17 -8
- package/css/components/_index.mjs +17 -8
- package/css/docs/components/Nav/examples/Navigation.css +11 -1
- package/css/docs/components/Nav/examples/Navigation.d.ts +4 -1
- package/css/docs/components/Nav/examples/Navigation.js +4 -1
- package/css/docs/components/Nav/examples/Navigation.mjs +4 -1
- package/css/docs/components/Table/examples/Table.css +2 -6
- package/css/docs/components/Toolbar/examples/Toolbar.css +14 -0
- package/css/docs/components/Toolbar/examples/Toolbar.d.ts +1 -0
- package/css/docs/components/Toolbar/examples/Toolbar.js +1 -0
- package/css/docs/components/Toolbar/examples/Toolbar.mjs +1 -0
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/js/index.d.ts +1 -1
- package/dist/js/index.d.ts.map +1 -1
- package/dist/js/index.js +2 -2
- package/dist/js/index.js.map +1 -1
- package/package.json +3 -3
- package/src/index.ts +3 -3
|
@@ -1284,6 +1284,13 @@ div.pf-v6-c-avatar {
|
|
|
1284
1284
|
--pf-v6-c-backdrop--Position: fixed;
|
|
1285
1285
|
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
1286
1286
|
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
1287
|
+
--pf-v6-c-backdrop--m-animate--Opacity: 0;
|
|
1288
|
+
--pf-v6-c-backdrop--m-animate--TransitionProperty: opacity, visibility;
|
|
1289
|
+
--pf-v6-c-backdrop--m-animate--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
1290
|
+
--pf-v6-c-backdrop--m-animate--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
1291
|
+
--pf-v6-c-backdrop--m-animate--m-show--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), 0s;
|
|
1292
|
+
--pf-v6-c-backdrop--m-animate--m-show--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
1293
|
+
--pf-v6-c-backdrop--m-animate--m-show--Opacity: 1;
|
|
1287
1294
|
}
|
|
1288
1295
|
|
|
1289
1296
|
.pf-v6-c-backdrop {
|
|
@@ -1295,6 +1302,33 @@ div.pf-v6-c-avatar {
|
|
|
1295
1302
|
height: 100%;
|
|
1296
1303
|
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
1297
1304
|
}
|
|
1305
|
+
.pf-v6-c-backdrop.pf-m-animate {
|
|
1306
|
+
visibility: hidden;
|
|
1307
|
+
background-color: transparent;
|
|
1308
|
+
}
|
|
1309
|
+
.pf-v6-c-backdrop.pf-m-animate::before {
|
|
1310
|
+
position: absolute;
|
|
1311
|
+
inset: 0;
|
|
1312
|
+
content: "";
|
|
1313
|
+
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
1314
|
+
opacity: var(--pf-v6-c-backdrop--m-animate--Opacity);
|
|
1315
|
+
transition-timing-function: var(--pf-v6-c-backdrop--m-animate--TransitionTimingFunction);
|
|
1316
|
+
transition-duration: var(--pf-v6-c-backdrop--m-animate--TransitionDuration);
|
|
1317
|
+
transition-property: var(--pf-v6-c-backdrop--m-animate--TransitionProperty, none);
|
|
1318
|
+
}
|
|
1319
|
+
.pf-v6-c-backdrop.pf-m-show {
|
|
1320
|
+
--pf-v6-c-backdrop--m-animate--TransitionDuration: var(--pf-v6-c-backdrop--m-animate--m-show--TransitionDuration);
|
|
1321
|
+
--pf-v6-c-backdrop--m-animate--TransitionTimingFunction: var(--pf-v6-c-backdrop--m-animate--m-show--TransitionTimingFunction);
|
|
1322
|
+
visibility: visible;
|
|
1323
|
+
}
|
|
1324
|
+
.pf-v6-c-backdrop.pf-m-show::before {
|
|
1325
|
+
opacity: var(--pf-v6-c-backdrop--m-animate--m-show--Opacity);
|
|
1326
|
+
}
|
|
1327
|
+
@starting-style {
|
|
1328
|
+
.pf-v6-c-backdrop.pf-m-show::before {
|
|
1329
|
+
opacity: 0;
|
|
1330
|
+
}
|
|
1331
|
+
}
|
|
1298
1332
|
|
|
1299
1333
|
.pf-v6-c-backdrop__open {
|
|
1300
1334
|
overflow: hidden;
|
|
@@ -1788,6 +1822,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1788
1822
|
--pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
1789
1823
|
--pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1790
1824
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
1825
|
+
--pf-v6-c-button--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
|
|
1791
1826
|
--pf-v6-c-button--BorderColor: transparent;
|
|
1792
1827
|
--pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
1793
1828
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -2026,6 +2061,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2026
2061
|
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
2027
2062
|
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
2028
2063
|
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
2064
|
+
--pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2029
2065
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
2030
2066
|
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2031
2067
|
--pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
|
|
@@ -2101,12 +2137,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2101
2137
|
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
2102
2138
|
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
2103
2139
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
2104
|
-
--pf-v6-c-button__progress--Opacity: 0;
|
|
2105
2140
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
2106
2141
|
--pf-v6-c-button__progress--TranslateX: 0;
|
|
2107
2142
|
--pf-v6-c-button__progress--InsetBlockStart: 50%;
|
|
2108
2143
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
2109
2144
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
2145
|
+
--pf-v6-c-button__progress--Position: absolute;
|
|
2110
2146
|
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
|
|
2111
2147
|
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
|
|
2112
2148
|
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -2114,6 +2150,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2114
2150
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
2115
2151
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
|
2116
2152
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
2153
|
+
--pf-v6-c-button--m-progress--TransitionDuration: var(--pf-v6-c-button--TransitionDuration);
|
|
2154
|
+
--pf-v6-c-button--m-progress--TransitionProperty: var(--pf-v6-c-button--TransitionProperty), padding;
|
|
2117
2155
|
--pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
2118
2156
|
--pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
2119
2157
|
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
@@ -2163,7 +2201,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2163
2201
|
cursor: pointer;
|
|
2164
2202
|
-webkit-user-select: none;
|
|
2165
2203
|
user-select: none;
|
|
2166
|
-
background: var(--pf-v6-c-button--BackgroundColor)
|
|
2204
|
+
background: var(--pf-v6-c-button--BackgroundColor) var(--pf-v6-c-button--Background--click);
|
|
2167
2205
|
border: 0;
|
|
2168
2206
|
border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2169
2207
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
@@ -2457,7 +2495,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2457
2495
|
}
|
|
2458
2496
|
.pf-v6-c-button.pf-m-block {
|
|
2459
2497
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
|
|
2498
|
+
--pf-v6-c-button__progress--Position: relative;
|
|
2499
|
+
--pf-v6-c-button__progress--InsetBlockStart: 0;
|
|
2500
|
+
--pf-v6-c-button__progress--InsetInlineStart: 0;
|
|
2501
|
+
--pf-v6-c-button__progress--TranslateY: 0;
|
|
2460
2502
|
width: var(--pf-v6-c-button--m-block--Width);
|
|
2503
|
+
transition-duration: var(--pf-v6-c-button--m-progress--TransitionDuration);
|
|
2504
|
+
transition-property: var(--pf-v6-c-button--m-progress--TransitionProperty);
|
|
2505
|
+
}
|
|
2506
|
+
.pf-v6-c-button.pf-m-block .pf-v6-c-button__progress {
|
|
2507
|
+
align-self: center;
|
|
2461
2508
|
}
|
|
2462
2509
|
.pf-v6-c-button.pf-m-small {
|
|
2463
2510
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
|
|
@@ -2536,7 +2583,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2536
2583
|
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
2537
2584
|
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
2538
2585
|
--pf-v6-c-button__icon--TransitionProperty: scale;
|
|
2539
|
-
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
2540
2586
|
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
2541
2587
|
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
|
2542
2588
|
}
|
|
@@ -2609,10 +2655,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2609
2655
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
|
2610
2656
|
color: var(--pf-v6-c-button--disabled--Color);
|
|
2611
2657
|
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
|
2612
|
-
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
|
2658
|
+
background: var(--pf-v6-c-button--disabled--BackgroundColor) var(--pf-v6-c-button--Background--click);
|
|
2613
2659
|
}
|
|
2614
2660
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
|
2615
|
-
border-color:
|
|
2661
|
+
border-color: var(--pf-v6-c-button--disabled--BorderColor);
|
|
2616
2662
|
}
|
|
2617
2663
|
.pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
|
|
2618
2664
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
@@ -2660,11 +2706,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2660
2706
|
display: none;
|
|
2661
2707
|
}
|
|
2662
2708
|
}
|
|
2663
|
-
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-
|
|
2709
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-button.pf-m-docked {
|
|
2664
2710
|
justify-content: flex-start;
|
|
2665
2711
|
width: 100%;
|
|
2666
2712
|
}
|
|
2667
|
-
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-
|
|
2713
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text {
|
|
2668
2714
|
display: revert;
|
|
2669
2715
|
}
|
|
2670
2716
|
|
|
@@ -2702,7 +2748,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2702
2748
|
}
|
|
2703
2749
|
|
|
2704
2750
|
.pf-v6-c-button__progress {
|
|
2705
|
-
position:
|
|
2751
|
+
position: var(--pf-v6-c-button__progress--Position);
|
|
2706
2752
|
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
|
2707
2753
|
inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
|
|
2708
2754
|
line-height: 1;
|
|
@@ -3401,6 +3447,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3401
3447
|
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
3402
3448
|
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
3403
3449
|
--pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
3450
|
+
--pf-v6-c-check--m-standalone--before--Inset: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
3404
3451
|
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
3405
3452
|
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
3406
3453
|
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -3425,6 +3472,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3425
3472
|
grid-template-columns: auto;
|
|
3426
3473
|
min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
|
|
3427
3474
|
}
|
|
3475
|
+
label.pf-v6-c-check.pf-m-standalone {
|
|
3476
|
+
position: relative;
|
|
3477
|
+
isolation: isolate;
|
|
3478
|
+
}
|
|
3479
|
+
label.pf-v6-c-check.pf-m-standalone::before {
|
|
3480
|
+
position: absolute;
|
|
3481
|
+
inset: var(--pf-v6-c-check--m-standalone--before--Inset);
|
|
3482
|
+
z-index: -1;
|
|
3483
|
+
pointer-events: auto;
|
|
3484
|
+
cursor: inherit;
|
|
3485
|
+
content: "";
|
|
3486
|
+
}
|
|
3487
|
+
|
|
3428
3488
|
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
3429
3489
|
align-self: center;
|
|
3430
3490
|
transform: none;
|
|
@@ -3960,13 +4020,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3960
4020
|
align-items: stretch;
|
|
3961
4021
|
padding: 0;
|
|
3962
4022
|
}
|
|
3963
|
-
.pf-v6-c-compass.pf-m-docked .pf-v6-c-
|
|
3964
|
-
|
|
4023
|
+
.pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container .pf-v6-c-compass__header {
|
|
4024
|
+
all: revert;
|
|
3965
4025
|
}
|
|
3966
|
-
.pf-v6-c-compass.pf-m-docked
|
|
3967
|
-
--pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-compass--m-docked__masthead--BackgroundColor);
|
|
4026
|
+
.pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container > :is(.pf-v6-c-compass__header, .pf-v6-c-masthead) {
|
|
3968
4027
|
grid-area: header;
|
|
3969
4028
|
}
|
|
4029
|
+
.pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container > .pf-v6-c-masthead {
|
|
4030
|
+
--pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-compass--m-docked__masthead--BackgroundColor);
|
|
4031
|
+
}
|
|
4032
|
+
.pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__main {
|
|
4033
|
+
padding: var(--pf-v6-c-compass--Padding);
|
|
4034
|
+
}
|
|
3970
4035
|
@media (min-width: 62rem) {
|
|
3971
4036
|
.pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container {
|
|
3972
4037
|
grid-template-areas: "dock main";
|
|
@@ -3976,11 +4041,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3976
4041
|
align-items: stretch;
|
|
3977
4042
|
padding: 0;
|
|
3978
4043
|
}
|
|
3979
|
-
.pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > .pf-v6-c-masthead {
|
|
4044
|
+
.pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > :is(.pf-v6-c-compass__header, .pf-v6-c-masthead) {
|
|
3980
4045
|
display: none;
|
|
3981
4046
|
}
|
|
3982
4047
|
}
|
|
3983
|
-
.pf-v6-c-
|
|
4048
|
+
.pf-v6-c-compass__container > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
3984
4049
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
3985
4050
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
3986
4051
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
@@ -3989,15 +4054,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3989
4054
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
3990
4055
|
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
3991
4056
|
}
|
|
3992
|
-
|
|
3993
|
-
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
3994
|
-
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
3995
|
-
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
3996
|
-
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
3997
|
-
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
|
|
3998
|
-
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
3999
|
-
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
|
|
4000
|
-
}
|
|
4057
|
+
|
|
4001
4058
|
.pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
|
|
4002
4059
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
4003
4060
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
@@ -4025,7 +4082,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4025
4082
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
4026
4083
|
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
4027
4084
|
}
|
|
4028
|
-
.pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-
|
|
4085
|
+
.pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
4029
4086
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
4030
4087
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
4031
4088
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
@@ -4179,14 +4236,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4179
4236
|
translate: -100% 0;
|
|
4180
4237
|
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
|
|
4181
4238
|
}
|
|
4182
|
-
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4183
|
-
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
4184
|
-
visibility: visible;
|
|
4185
|
-
translate: 0;
|
|
4186
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
4187
|
-
}
|
|
4188
4239
|
@media (min-width: 62rem) {
|
|
4189
|
-
.pf-v6-c-compass__dock {
|
|
4240
|
+
.pf-v6-c-compass__dock:not(.pf-m-overlay) {
|
|
4190
4241
|
--pf-v6-c-compass__dock-main--BackgroundColor: var(--pf-v6-c-compass__dock-main--desktop--BackgroundColor);
|
|
4191
4242
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
4192
4243
|
position: revert;
|
|
@@ -4199,8 +4250,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4199
4250
|
.pf-v6-c-compass__dock .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__content-section, .pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item) {
|
|
4200
4251
|
align-items: stretch;
|
|
4201
4252
|
}
|
|
4202
|
-
.pf-v6-c-compass__dock.pf-m-
|
|
4253
|
+
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4254
|
+
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
4255
|
+
visibility: visible;
|
|
4203
4256
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
4257
|
+
translate: 0;
|
|
4258
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
4204
4259
|
}
|
|
4205
4260
|
|
|
4206
4261
|
.pf-v6-c-compass__dock-main {
|
|
@@ -4215,7 +4270,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4215
4270
|
box-shadow: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BoxShadow);
|
|
4216
4271
|
}
|
|
4217
4272
|
@media (min-width: 62rem) {
|
|
4218
|
-
.pf-v6-c-compass__dock-main {
|
|
4273
|
+
.pf-v6-c-compass__dock:not(.pf-m-overlay) .pf-v6-c-compass__dock-main {
|
|
4219
4274
|
--pf-v6-c-compass__dock-main--BoxShadow: var(--pf-v6-c-compass__dock-main--desktop--BoxShadow);
|
|
4220
4275
|
--pf-v6-c-compass__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-compass__dock-main--desktop--BoxShadow);
|
|
4221
4276
|
--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth);
|
|
@@ -5039,7 +5094,7 @@ ul) {
|
|
|
5039
5094
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
5040
5095
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
5041
5096
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
5042
|
-
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
5097
|
+
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list__cell--PaddingBlockStart);
|
|
5043
5098
|
--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
5044
5099
|
--pf-v6-c-data-list__item-draggable-button--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
|
|
5045
5100
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -5054,7 +5109,7 @@ ul) {
|
|
|
5054
5109
|
--pf-v6-c-data-list__item-control--md--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
5055
5110
|
--pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
5056
5111
|
--pf-v6-c-data-list__check--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
5057
|
-
--pf-v6-c-data-list__check--MarginBlockStart:
|
|
5112
|
+
--pf-v6-c-data-list__check--MarginBlockStart: 0;
|
|
5058
5113
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
5059
5114
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
5060
5115
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -5097,7 +5152,7 @@ ul) {
|
|
|
5097
5152
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5098
5153
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
5099
5154
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
5100
|
-
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
5155
|
+
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart);
|
|
5101
5156
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
5102
5157
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
5103
5158
|
}
|
|
@@ -5227,9 +5282,10 @@ ul) {
|
|
|
5227
5282
|
cursor: pointer;
|
|
5228
5283
|
}
|
|
5229
5284
|
|
|
5230
|
-
.pf-v6-c-data-list__item-draggable-button {
|
|
5285
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain {
|
|
5231
5286
|
display: flex;
|
|
5232
5287
|
flex-direction: column;
|
|
5288
|
+
justify-content: start;
|
|
5233
5289
|
padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart);
|
|
5234
5290
|
padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd);
|
|
5235
5291
|
padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart);
|
|
@@ -5237,24 +5293,25 @@ ul) {
|
|
|
5237
5293
|
margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockStart);
|
|
5238
5294
|
margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd);
|
|
5239
5295
|
margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginInlineStart);
|
|
5296
|
+
line-height: 1lh;
|
|
5240
5297
|
background-color: var(--pf-v6-c-data-list__item-draggable-button--BackgroundColor);
|
|
5241
5298
|
border: 0;
|
|
5242
5299
|
}
|
|
5243
|
-
.pf-v6-c-data-list__item-draggable-button:hover {
|
|
5300
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:hover {
|
|
5244
5301
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color);
|
|
5245
5302
|
cursor: grab;
|
|
5246
5303
|
}
|
|
5247
|
-
.pf-v6-c-data-list__item-draggable-button:focus {
|
|
5304
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:focus {
|
|
5248
5305
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color);
|
|
5249
5306
|
}
|
|
5250
|
-
.pf-v6-c-data-list__item-draggable-button:active {
|
|
5307
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:active {
|
|
5251
5308
|
cursor: grabbing;
|
|
5252
5309
|
}
|
|
5253
|
-
.pf-v6-c-data-list__item-draggable-button.pf-m-disabled {
|
|
5310
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:is(:disabled, .pf-m-disabled) {
|
|
5254
5311
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color);
|
|
5255
5312
|
pointer-events: none;
|
|
5256
5313
|
}
|
|
5257
|
-
.pf-v6-c-data-list__item-draggable-button .pf-v6-c-data-list__item-draggable-icon {
|
|
5314
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain .pf-v6-c-data-list__item-draggable-icon {
|
|
5258
5315
|
color: var(--pf-v6-c-data-list__item-draggable-button-icon--Color);
|
|
5259
5316
|
}
|
|
5260
5317
|
|
|
@@ -6811,6 +6868,16 @@ ul) {
|
|
|
6811
6868
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
|
|
6812
6869
|
flex-direction: column;
|
|
6813
6870
|
}
|
|
6871
|
+
.pf-v6-c-drawer.pf-m-viewport {
|
|
6872
|
+
position: fixed;
|
|
6873
|
+
inset: 0;
|
|
6874
|
+
z-index: var(--pf-t--global--z-index--lg);
|
|
6875
|
+
pointer-events: none;
|
|
6876
|
+
}
|
|
6877
|
+
.pf-v6-c-drawer.pf-m-viewport > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6878
|
+
overscroll-behavior: none;
|
|
6879
|
+
pointer-events: auto;
|
|
6880
|
+
}
|
|
6814
6881
|
.pf-v6-c-drawer.pf-m-expanded {
|
|
6815
6882
|
--pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
6816
6883
|
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
@@ -8499,6 +8566,10 @@ ul) {
|
|
|
8499
8566
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8500
8567
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
8501
8568
|
--pf-v6-c-form-control--Width: 100%;
|
|
8569
|
+
--pf-v6-c-form-control--TransitionDelay: 0s;
|
|
8570
|
+
--pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8571
|
+
--pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
8572
|
+
--pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
|
|
8502
8573
|
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
8503
8574
|
--pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
8504
8575
|
--pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -8604,12 +8675,17 @@ ul) {
|
|
|
8604
8675
|
resize: var(--pf-v6-c-form-control--Resize);
|
|
8605
8676
|
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
8606
8677
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8678
|
+
transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
|
|
8679
|
+
transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
|
|
8680
|
+
transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
|
|
8681
|
+
transition-property: var(--pf-v6-c-form-control--TransitionProperty);
|
|
8607
8682
|
}
|
|
8608
8683
|
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
|
|
8609
8684
|
position: absolute;
|
|
8610
8685
|
inset: 0;
|
|
8611
8686
|
pointer-events: none;
|
|
8612
8687
|
content: "";
|
|
8688
|
+
transition: inherit;
|
|
8613
8689
|
}
|
|
8614
8690
|
.pf-v6-c-form-control::before {
|
|
8615
8691
|
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
|
@@ -8705,10 +8781,11 @@ ul) {
|
|
|
8705
8781
|
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
8706
8782
|
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
8707
8783
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
|
|
8708
|
-
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
8709
|
-
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
8710
8784
|
cursor: not-allowed;
|
|
8711
8785
|
}
|
|
8786
|
+
.pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
|
|
8787
|
+
border-color: transparent;
|
|
8788
|
+
}
|
|
8712
8789
|
.pf-v6-c-form-control.pf-m-error {
|
|
8713
8790
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
8714
8791
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
@@ -10315,7 +10392,6 @@ label.pf-v6-c-input-group__text {
|
|
|
10315
10392
|
position: absolute;
|
|
10316
10393
|
inset: 0;
|
|
10317
10394
|
z-index: -1;
|
|
10318
|
-
pointer-events: none;
|
|
10319
10395
|
content: "";
|
|
10320
10396
|
background-color: var(--pf-v6-c-label--BackgroundColor);
|
|
10321
10397
|
border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
|
|
@@ -10334,8 +10410,15 @@ input.pf-v6-c-label__content {
|
|
|
10334
10410
|
.pf-v6-c-label__actions {
|
|
10335
10411
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
10336
10412
|
}
|
|
10337
|
-
.pf-v6-c-label
|
|
10338
|
-
--pf-v6-c-
|
|
10413
|
+
.pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
|
|
10414
|
+
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
10415
|
+
padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
|
|
10416
|
+
padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
|
|
10417
|
+
margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
|
|
10418
|
+
margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
|
|
10419
|
+
margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
|
|
10420
|
+
border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
|
|
10421
|
+
border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
|
|
10339
10422
|
}
|
|
10340
10423
|
|
|
10341
10424
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
@@ -11009,13 +11092,13 @@ ul.pf-v6-c-list {
|
|
|
11009
11092
|
display: revert;
|
|
11010
11093
|
}
|
|
11011
11094
|
}
|
|
11012
|
-
:
|
|
11095
|
+
:where(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
|
|
11013
11096
|
display: revert;
|
|
11014
11097
|
}
|
|
11015
|
-
:
|
|
11098
|
+
:where(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
|
|
11016
11099
|
display: none;
|
|
11017
11100
|
}
|
|
11018
|
-
:
|
|
11101
|
+
:where(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
|
|
11019
11102
|
align-items: flex-start;
|
|
11020
11103
|
}
|
|
11021
11104
|
|
|
@@ -12489,13 +12572,12 @@ ul.pf-v6-c-list {
|
|
|
12489
12572
|
display: none;
|
|
12490
12573
|
}
|
|
12491
12574
|
}
|
|
12492
|
-
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-
|
|
12575
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-menu-toggle.pf-m-docked {
|
|
12493
12576
|
justify-content: flex-start;
|
|
12494
12577
|
width: 100%;
|
|
12495
12578
|
}
|
|
12496
|
-
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-
|
|
12497
|
-
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-
|
|
12498
|
-
.pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
|
|
12579
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
|
|
12580
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls {
|
|
12499
12581
|
display: revert;
|
|
12500
12582
|
}
|
|
12501
12583
|
|
|
@@ -12731,6 +12813,17 @@ ul.pf-v6-c-list {
|
|
|
12731
12813
|
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12732
12814
|
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12733
12815
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12816
|
+
--pf-v6-c-modal-box--m-animate--TransitionProperty: opacity, visibility;
|
|
12817
|
+
--pf-v6-c-modal-box--m-animate--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
12818
|
+
--pf-v6-c-modal-box--m-animate--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
12819
|
+
--pf-v6-c-modal-box--m-animate--m-open--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
12820
|
+
--pf-v6-c-modal-box--m-animate--m-open--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), 0s;
|
|
12821
|
+
}
|
|
12822
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12823
|
+
.pf-v6-c-modal-box {
|
|
12824
|
+
--pf-v6-c-modal-box--m-animate--TransitionProperty: opacity, translate, visibility;
|
|
12825
|
+
--pf-v6-c-modal-box--m-animate--m-open--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--fade--default), 0s;
|
|
12826
|
+
}
|
|
12734
12827
|
}
|
|
12735
12828
|
|
|
12736
12829
|
.pf-v6-c-modal-box {
|
|
@@ -12762,6 +12855,37 @@ ul.pf-v6-c-list {
|
|
|
12762
12855
|
max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
|
|
12763
12856
|
max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
|
|
12764
12857
|
}
|
|
12858
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12859
|
+
.pf-v6-c-modal-box.pf-m-animate {
|
|
12860
|
+
translate: 0 1.5rem;
|
|
12861
|
+
}
|
|
12862
|
+
}
|
|
12863
|
+
.pf-v6-c-modal-box.pf-m-animate {
|
|
12864
|
+
visibility: hidden;
|
|
12865
|
+
pointer-events: none;
|
|
12866
|
+
opacity: 0;
|
|
12867
|
+
transition-timing-function: var(--pf-v6-c-modal-box--m-animate--TransitionTimingFunction);
|
|
12868
|
+
transition-duration: var(--pf-v6-c-modal-box--m-animate--TransitionDuration);
|
|
12869
|
+
transition-property: var(--pf-v6-c-modal-box--m-animate--TransitionProperty, none);
|
|
12870
|
+
}
|
|
12871
|
+
.pf-v6-c-modal-box.pf-m-open {
|
|
12872
|
+
--pf-v6-c-modal-box--m-animate--TransitionDuration: var(--pf-v6-c-modal-box--m-animate--m-open--TransitionDuration);
|
|
12873
|
+
--pf-v6-c-modal-box--m-animate--TransitionTimingFunction: var(--pf-v6-c-modal-box--m-animate--m-open--TransitionTimingFunction);
|
|
12874
|
+
visibility: visible;
|
|
12875
|
+
pointer-events: revert;
|
|
12876
|
+
opacity: 1;
|
|
12877
|
+
translate: 0;
|
|
12878
|
+
}
|
|
12879
|
+
@starting-style {
|
|
12880
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12881
|
+
.pf-v6-c-modal-box.pf-m-open {
|
|
12882
|
+
translate: 0 1.5rem;
|
|
12883
|
+
}
|
|
12884
|
+
}
|
|
12885
|
+
.pf-v6-c-modal-box.pf-m-open {
|
|
12886
|
+
opacity: 0;
|
|
12887
|
+
}
|
|
12888
|
+
}
|
|
12765
12889
|
.pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
|
|
12766
12890
|
--pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
|
|
12767
12891
|
}
|
|
@@ -13153,6 +13277,7 @@ ul.pf-v6-c-list {
|
|
|
13153
13277
|
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
13154
13278
|
--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
|
|
13155
13279
|
--pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
13280
|
+
--pf-v6-c-nav__link-icon--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
13156
13281
|
--pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13157
13282
|
--pf-v6-c-nav__link-text--FontSize: initial;
|
|
13158
13283
|
--pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
|
|
@@ -13209,6 +13334,9 @@ ul.pf-v6-c-list {
|
|
|
13209
13334
|
--pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13210
13335
|
--pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
13211
13336
|
--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
13337
|
+
--pf-v6-c-nav--m-docked__link-expandable-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
13338
|
+
--pf-v6-c-nav--m-docked__link-expandable-icon--offset: 0.75em;
|
|
13339
|
+
--pf-v6-c-nav--m-docked__link-expandable-icon--Scale: 0.8;
|
|
13212
13340
|
}
|
|
13213
13341
|
|
|
13214
13342
|
.pf-v6-c-nav,
|
|
@@ -13253,20 +13381,35 @@ ul.pf-v6-c-list {
|
|
|
13253
13381
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
|
|
13254
13382
|
width: 100%;
|
|
13255
13383
|
}
|
|
13384
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon {
|
|
13385
|
+
position: absolute;
|
|
13386
|
+
inset-block-start: 50%;
|
|
13387
|
+
inset-inline-start: 50%;
|
|
13388
|
+
display: none;
|
|
13389
|
+
color: var(--pf-v6-c-nav--m-docked__link-expandable-icon--Color);
|
|
13390
|
+
scale: var(--pf-v6-c-nav--m-docked__link-expandable-icon--Scale);
|
|
13391
|
+
translate: -50% calc(-50% + var(--pf-v6-c-nav--m-docked__link-expandable-icon--offset));
|
|
13392
|
+
}
|
|
13256
13393
|
@media (min-width: 62rem) {
|
|
13257
13394
|
.pf-v6-c-nav.pf-m-docked {
|
|
13258
13395
|
width: fit-content;
|
|
13259
13396
|
}
|
|
13260
|
-
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
|
|
13397
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text, .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__toggle, .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__subnav {
|
|
13261
13398
|
display: none;
|
|
13262
13399
|
}
|
|
13400
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon {
|
|
13401
|
+
display: revert;
|
|
13402
|
+
}
|
|
13263
13403
|
}
|
|
13264
|
-
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-
|
|
13404
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) {
|
|
13265
13405
|
width: 100%;
|
|
13266
13406
|
}
|
|
13267
|
-
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-
|
|
13407
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text, :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__toggle, :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__subnav, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav__link-text, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav__toggle, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav__subnav {
|
|
13268
13408
|
display: revert;
|
|
13269
13409
|
}
|
|
13410
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav__link-expandable-icon {
|
|
13411
|
+
display: none;
|
|
13412
|
+
}
|
|
13270
13413
|
|
|
13271
13414
|
.pf-v6-c-nav .pf-v6-c-menu {
|
|
13272
13415
|
--pf-v6-c-menu--MinWidth: 100%;
|
|
@@ -13355,7 +13498,7 @@ ul.pf-v6-c-list {
|
|
|
13355
13498
|
.pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
|
|
13356
13499
|
margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
|
|
13357
13500
|
}
|
|
13358
|
-
.pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
|
|
13501
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):not(.pf-m-expanded) .pf-m-docked .pf-v6-c-nav__item:has(.pf-v6-c-nav__subnav .pf-v6-c-nav__link.pf-m-current), .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
|
|
13359
13502
|
--pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
|
|
13360
13503
|
--pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
|
|
13361
13504
|
}
|
|
@@ -13404,12 +13547,13 @@ ul.pf-v6-c-list {
|
|
|
13404
13547
|
border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
|
|
13405
13548
|
border-radius: inherit;
|
|
13406
13549
|
}
|
|
13407
|
-
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
13550
|
+
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus-visible {
|
|
13408
13551
|
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
|
|
13552
|
+
--pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link-icon--hover--Color);
|
|
13409
13553
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
13410
13554
|
background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
|
|
13411
13555
|
}
|
|
13412
|
-
.pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
|
13556
|
+
:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):not(.pf-m-expanded) .pf-v6-c-nav__item:has(.pf-v6-c-nav__subnav .pf-v6-c-nav__link.pf-m-current) > .pf-v6-c-nav__link, .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
|
13413
13557
|
--pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
|
|
13414
13558
|
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
|
|
13415
13559
|
color: var(--pf-v6-c-nav__link--m-current--Color);
|
|
@@ -13874,6 +14018,7 @@ ul.pf-v6-c-list {
|
|
|
13874
14018
|
.pf-v6-c-page {
|
|
13875
14019
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13876
14020
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
14021
|
+
--pf-v6-c-page__header--ZIndex: var(--pf-t--global--z-index--md);
|
|
13877
14022
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13878
14023
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13879
14024
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -14094,6 +14239,9 @@ ul.pf-v6-c-list {
|
|
|
14094
14239
|
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14095
14240
|
--pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14096
14241
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14242
|
+
--pf-v6-c-page--m-plain__main-container--MarginBlockEnd: var(--pf-v6-c-page--inset);
|
|
14243
|
+
--pf-v6-c-page--m-plain__main--RowGap: var(--pf-t--global--spacer--gutter--default);
|
|
14244
|
+
--pf-v6-c-page__footer--ZIndex: var(--pf-v6-c-page__main-container--ZIndex);
|
|
14097
14245
|
}
|
|
14098
14246
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
14099
14247
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -14138,12 +14286,19 @@ ul.pf-v6-c-list {
|
|
|
14138
14286
|
max-height: 100%;
|
|
14139
14287
|
background-color: var(--pf-v6-c-page--BackgroundColor);
|
|
14140
14288
|
}
|
|
14289
|
+
.pf-v6-c-page:has(> .pf-v6-c-page__footer) {
|
|
14290
|
+
grid-template-areas: "header" "main" "footer";
|
|
14291
|
+
grid-template-rows: max-content 1fr auto;
|
|
14292
|
+
}
|
|
14141
14293
|
@media (min-width: 75rem) {
|
|
14142
14294
|
.pf-v6-c-page {
|
|
14143
14295
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
14144
14296
|
grid-template-areas: "header header" "sidebar main";
|
|
14145
14297
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
14146
14298
|
}
|
|
14299
|
+
.pf-v6-c-page:has(> .pf-v6-c-page__footer) {
|
|
14300
|
+
grid-template-areas: "header header" "sidebar main" "footer footer";
|
|
14301
|
+
}
|
|
14147
14302
|
}
|
|
14148
14303
|
.pf-v6-c-page.pf-m-docked {
|
|
14149
14304
|
--pf-v6-c-page--masthead--main-container--GridArea: main;
|
|
@@ -14162,7 +14317,7 @@ ul.pf-v6-c-list {
|
|
|
14162
14317
|
grid-template-columns: auto 1fr;
|
|
14163
14318
|
column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
|
|
14164
14319
|
}
|
|
14165
|
-
.pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead {
|
|
14320
|
+
.pf-v6-c-page.pf-m-docked > :is(.pf-v6-c-page__header, .pf-v6-c-masthead) {
|
|
14166
14321
|
display: none;
|
|
14167
14322
|
}
|
|
14168
14323
|
}
|
|
@@ -14185,7 +14340,7 @@ ul.pf-v6-c-list {
|
|
|
14185
14340
|
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
|
|
14186
14341
|
}
|
|
14187
14342
|
@media (min-width: 75rem) {
|
|
14188
|
-
.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) {
|
|
14343
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger > .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), .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) {
|
|
14189
14344
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
|
14190
14345
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
|
14191
14346
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
|
@@ -14238,7 +14393,7 @@ ul.pf-v6-c-list {
|
|
|
14238
14393
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
14239
14394
|
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
14240
14395
|
}
|
|
14241
|
-
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-
|
|
14396
|
+
.pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
14242
14397
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
14243
14398
|
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
14244
14399
|
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
@@ -14248,20 +14403,58 @@ ul.pf-v6-c-list {
|
|
|
14248
14403
|
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
|
|
14249
14404
|
}
|
|
14250
14405
|
}
|
|
14406
|
+
.pf-v6-c-page.pf-m-plain {
|
|
14407
|
+
--pf-v6-c-page__main-container--MarginBlockEnd: var(--pf-v6-c-page--m-plain__main-container--MarginBlockEnd);
|
|
14408
|
+
height: revert;
|
|
14409
|
+
min-height: 100dvh;
|
|
14410
|
+
max-height: revert;
|
|
14411
|
+
}
|
|
14412
|
+
.pf-v6-c-page.pf-m-plain :is(.pf-v6-c-page__main, .pf-v6-c-page__main-container) {
|
|
14413
|
+
overflow: revert;
|
|
14414
|
+
}
|
|
14415
|
+
.pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-container {
|
|
14416
|
+
max-height: revert;
|
|
14417
|
+
background: transparent;
|
|
14418
|
+
border: 0;
|
|
14419
|
+
border-radius: 0;
|
|
14420
|
+
box-shadow: none;
|
|
14421
|
+
backdrop-filter: none;
|
|
14422
|
+
}
|
|
14423
|
+
.pf-v6-c-page.pf-m-plain .pf-v6-c-page__main {
|
|
14424
|
+
gap: var(--pf-v6-c-page--m-plain__main--RowGap);
|
|
14425
|
+
}
|
|
14426
|
+
.pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-breadcrumb,
|
|
14427
|
+
.pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-subnav {
|
|
14428
|
+
padding: 0;
|
|
14429
|
+
}
|
|
14430
|
+
|
|
14431
|
+
.pf-v6-c-page__header {
|
|
14432
|
+
z-index: var(--pf-v6-c-page__header--ZIndex);
|
|
14433
|
+
}
|
|
14434
|
+
|
|
14435
|
+
.pf-v6-c-page__header,
|
|
14436
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
14437
|
+
grid-area: header;
|
|
14438
|
+
}
|
|
14251
14439
|
|
|
14440
|
+
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
14441
|
+
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
14442
|
+
}
|
|
14252
14443
|
@media (min-width: 75rem) {
|
|
14253
14444
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
14254
14445
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
|
|
14255
14446
|
}
|
|
14256
14447
|
}
|
|
14257
|
-
|
|
14258
|
-
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
14259
|
-
grid-area: header;
|
|
14260
|
-
}
|
|
14448
|
+
|
|
14261
14449
|
.pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead {
|
|
14262
14450
|
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns);
|
|
14263
14451
|
}
|
|
14264
14452
|
|
|
14453
|
+
.pf-v6-c-page__footer {
|
|
14454
|
+
z-index: var(--pf-v6-c-page__footer--ZIndex);
|
|
14455
|
+
grid-area: footer;
|
|
14456
|
+
}
|
|
14457
|
+
|
|
14265
14458
|
.pf-v6-c-page__dock {
|
|
14266
14459
|
position: fixed;
|
|
14267
14460
|
inset-block-start: 0;
|
|
@@ -14280,14 +14473,8 @@ ul.pf-v6-c-list {
|
|
|
14280
14473
|
translate: 100% 0;
|
|
14281
14474
|
}
|
|
14282
14475
|
|
|
14283
|
-
.pf-v6-c-page__dock.pf-m-expanded {
|
|
14284
|
-
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
14285
|
-
visibility: visible;
|
|
14286
|
-
translate: 0;
|
|
14287
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
14288
|
-
}
|
|
14289
14476
|
@media (min-width: 62rem) {
|
|
14290
|
-
.pf-v6-c-page__dock {
|
|
14477
|
+
.pf-v6-c-page__dock:not(.pf-m-overlay) {
|
|
14291
14478
|
position: revert;
|
|
14292
14479
|
inset: revert;
|
|
14293
14480
|
visibility: revert;
|
|
@@ -14298,8 +14485,12 @@ ul.pf-v6-c-list {
|
|
|
14298
14485
|
.pf-v6-c-page__dock .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__content-section, .pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item) {
|
|
14299
14486
|
align-items: stretch;
|
|
14300
14487
|
}
|
|
14301
|
-
.pf-v6-c-page__dock.pf-m-
|
|
14488
|
+
.pf-v6-c-page__dock.pf-m-expanded {
|
|
14489
|
+
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
14490
|
+
visibility: visible;
|
|
14302
14491
|
width: var(--pf-v6-c-page__dock--Width);
|
|
14492
|
+
translate: 0;
|
|
14493
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
14303
14494
|
}
|
|
14304
14495
|
|
|
14305
14496
|
.pf-v6-c-page__dock-main {
|
|
@@ -14314,7 +14505,7 @@ ul.pf-v6-c-list {
|
|
|
14314
14505
|
box-shadow: var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow);
|
|
14315
14506
|
}
|
|
14316
14507
|
@media (min-width: 62rem) {
|
|
14317
|
-
.pf-v6-c-page__dock-main {
|
|
14508
|
+
.pf-v6-c-page__dock:not(.pf-m-overlay) .pf-v6-c-page__dock-main {
|
|
14318
14509
|
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
|
|
14319
14510
|
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
14320
14511
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
@@ -14758,6 +14949,7 @@ ul.pf-v6-c-list {
|
|
|
14758
14949
|
align-self: var(--pf-v6-c-page__main-container--AlignSelf);
|
|
14759
14950
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
14760
14951
|
margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
|
|
14952
|
+
margin-block-end: var(--pf-v6-c-page__main-container--MarginBlockEnd, 0);
|
|
14761
14953
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
14762
14954
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
14763
14955
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
@@ -14787,8 +14979,8 @@ ul.pf-v6-c-list {
|
|
|
14787
14979
|
-webkit-overflow-scrolling: touch;
|
|
14788
14980
|
}
|
|
14789
14981
|
@media screen and (min-width: 75rem) {
|
|
14790
|
-
.pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
14791
|
-
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
14982
|
+
.pf-v6-c-page.pf-m-no-sidebar, :is(.pf-v6-c-page__header, .pf-v6-c-masthead) + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
14983
|
+
:is(.pf-v6-c-page__header, .pf-v6-c-masthead) + .pf-v6-c-page__drawer,
|
|
14792
14984
|
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
14793
14985
|
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
14794
14986
|
}
|
|
@@ -16624,6 +16816,7 @@ ul.pf-v6-c-list {
|
|
|
16624
16816
|
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
16625
16817
|
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
16626
16818
|
--pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
16819
|
+
--pf-v6-c-radio--m-standalone--before--Inset: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
16627
16820
|
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
16628
16821
|
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
16629
16822
|
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -16649,6 +16842,19 @@ ul.pf-v6-c-list {
|
|
|
16649
16842
|
grid-template-columns: auto;
|
|
16650
16843
|
min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
|
|
16651
16844
|
}
|
|
16845
|
+
label.pf-v6-c-radio.pf-m-standalone {
|
|
16846
|
+
position: relative;
|
|
16847
|
+
isolation: isolate;
|
|
16848
|
+
}
|
|
16849
|
+
label.pf-v6-c-radio.pf-m-standalone::before {
|
|
16850
|
+
position: absolute;
|
|
16851
|
+
inset: var(--pf-v6-c-radio--m-standalone--before--Inset);
|
|
16852
|
+
z-index: -1;
|
|
16853
|
+
pointer-events: auto;
|
|
16854
|
+
cursor: inherit;
|
|
16855
|
+
content: "";
|
|
16856
|
+
}
|
|
16857
|
+
|
|
16652
16858
|
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
16653
16859
|
align-self: center;
|
|
16654
16860
|
transform: none;
|
|
@@ -17905,22 +18111,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17905
18111
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
17906
18112
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
17907
18113
|
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
18114
|
+
--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
17908
18115
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
17909
18116
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
17910
18117
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
17911
18118
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
17912
|
-
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.
|
|
17913
|
-
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--
|
|
18119
|
+
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
|
|
18120
|
+
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--compact) * -1);
|
|
17914
18121
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
17915
18122
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
17916
18123
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17917
18124
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17918
18125
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17919
18126
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
17920
|
-
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.
|
|
17921
|
-
--pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0
|
|
18127
|
+
--pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
|
|
18128
|
+
--pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0;
|
|
17922
18129
|
--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
17923
18130
|
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
18131
|
+
--pf-v6-c-table__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
17924
18132
|
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
17925
18133
|
--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
|
|
17926
18134
|
--pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -18002,10 +18210,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18002
18210
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
18003
18211
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
18004
18212
|
}
|
|
18005
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
18213
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
|
|
18006
18214
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
18007
18215
|
}
|
|
18008
18216
|
.pf-m-grid.pf-v6-c-table.pf-m-compact {
|
|
18217
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
18009
18218
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
18010
18219
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
18011
18220
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -18015,7 +18224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18015
18224
|
}
|
|
18016
18225
|
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
18017
18226
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
18018
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
18227
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
18019
18228
|
}
|
|
18020
18229
|
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
18021
18230
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -18205,6 +18414,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18205
18414
|
}
|
|
18206
18415
|
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
|
|
18207
18416
|
text-align: end;
|
|
18417
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
18208
18418
|
}
|
|
18209
18419
|
@media screen and (max-width: 36rem) {
|
|
18210
18420
|
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -18311,10 +18521,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18311
18521
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
18312
18522
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
18313
18523
|
}
|
|
18314
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
18524
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
|
|
18315
18525
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
18316
18526
|
}
|
|
18317
18527
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact {
|
|
18528
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
18318
18529
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
18319
18530
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
18320
18531
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -18324,7 +18535,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18324
18535
|
}
|
|
18325
18536
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
18326
18537
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
18327
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
18538
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
18328
18539
|
}
|
|
18329
18540
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
18330
18541
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -18514,6 +18725,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18514
18725
|
}
|
|
18515
18726
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
18516
18727
|
text-align: end;
|
|
18728
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
18517
18729
|
}
|
|
18518
18730
|
@media screen and (max-width: 36rem) {
|
|
18519
18731
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -18621,10 +18833,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18621
18833
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
18622
18834
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
18623
18835
|
}
|
|
18624
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
18836
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
|
|
18625
18837
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
18626
18838
|
}
|
|
18627
18839
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
|
|
18840
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
18628
18841
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
18629
18842
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
18630
18843
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -18634,7 +18847,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18634
18847
|
}
|
|
18635
18848
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
18636
18849
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
18637
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
18850
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
18638
18851
|
}
|
|
18639
18852
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
18640
18853
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -18824,6 +19037,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18824
19037
|
}
|
|
18825
19038
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
18826
19039
|
text-align: end;
|
|
19040
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
18827
19041
|
}
|
|
18828
19042
|
@media screen and (max-width: 36rem) {
|
|
18829
19043
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -18931,10 +19145,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18931
19145
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
18932
19146
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
18933
19147
|
}
|
|
18934
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
19148
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
|
|
18935
19149
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
18936
19150
|
}
|
|
18937
19151
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
|
|
19152
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
18938
19153
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
18939
19154
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
18940
19155
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -18944,7 +19159,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18944
19159
|
}
|
|
18945
19160
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
18946
19161
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
18947
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
19162
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
18948
19163
|
}
|
|
18949
19164
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
18950
19165
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -19134,6 +19349,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19134
19349
|
}
|
|
19135
19350
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
19136
19351
|
text-align: end;
|
|
19352
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
19137
19353
|
}
|
|
19138
19354
|
@media screen and (max-width: 36rem) {
|
|
19139
19355
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -19241,10 +19457,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19241
19457
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
19242
19458
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
19243
19459
|
}
|
|
19244
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
19460
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
|
|
19245
19461
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
19246
19462
|
}
|
|
19247
19463
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
|
|
19464
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
19248
19465
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
19249
19466
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
19250
19467
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -19254,7 +19471,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19254
19471
|
}
|
|
19255
19472
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
19256
19473
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
19257
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
19474
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
19258
19475
|
}
|
|
19259
19476
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
19260
19477
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -19444,6 +19661,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19444
19661
|
}
|
|
19445
19662
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
19446
19663
|
text-align: end;
|
|
19664
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
19447
19665
|
}
|
|
19448
19666
|
@media screen and (max-width: 36rem) {
|
|
19449
19667
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -19583,7 +19801,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19583
19801
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19584
19802
|
--pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19585
19803
|
--pf-v6-c-table__expandable-row-content--BorderWidth: 0;
|
|
19586
|
-
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-
|
|
19804
|
+
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-v6-c-table--BackgroundColor);
|
|
19587
19805
|
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
19588
19806
|
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
19589
19807
|
--pf-v6-c-table__icon-inline--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -19601,14 +19819,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19601
19819
|
--pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
|
|
19602
19820
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: transparent;
|
|
19603
19821
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
19604
|
-
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--
|
|
19605
|
-
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--
|
|
19822
|
+
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
19823
|
+
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
19606
19824
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
19607
19825
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
|
19608
19826
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
19609
19827
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: 0;
|
|
19610
19828
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
19611
|
-
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--
|
|
19829
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
19612
19830
|
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
19613
19831
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
19614
19832
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -19620,17 +19838,19 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19620
19838
|
--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
19621
19839
|
--pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19622
19840
|
--pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
19841
|
+
--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19842
|
+
--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19623
19843
|
--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
19624
19844
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
|
|
19625
19845
|
--pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
19626
|
-
--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--
|
|
19627
|
-
--pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--
|
|
19846
|
+
--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
19847
|
+
--pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
19628
19848
|
--pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
19629
19849
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
|
|
19630
19850
|
--pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
19631
|
-
--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--
|
|
19632
|
-
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--
|
|
19633
|
-
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--
|
|
19851
|
+
--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
19852
|
+
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
19853
|
+
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
19634
19854
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
19635
19855
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
19636
19856
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
@@ -19654,13 +19874,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19654
19874
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19655
19875
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19656
19876
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
19877
|
+
--pf-v6-c-table--m-sticky-footer--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
19878
|
+
--pf-v6-c-table--m-sticky-footer--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19879
|
+
--pf-v6-c-table--m-sticky-footer--BoxShadow: 0;
|
|
19880
|
+
--pf-v6-c-table--m-sticky-footer--BorderRadius: 0;
|
|
19881
|
+
--pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: var(--pf-v6-c-table--border-width--base);
|
|
19882
|
+
--pf-v6-c-table--m-sticky-footer--BorderBlockStartColor: var(--pf-v6-c-table--BorderColor);
|
|
19883
|
+
--pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19884
|
+
--pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--short);
|
|
19885
|
+
--pf-v6-c-table--m-sticky-footer--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
19886
|
+
--pf-v6-c-table--m-sticky-footer--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19657
19887
|
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
19658
|
-
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
19659
19888
|
}
|
|
19660
19889
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
19661
19890
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
19662
19891
|
--pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
|
|
19663
19892
|
--pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
|
|
19893
|
+
--pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: 0;
|
|
19894
|
+
--pf-v6-c-table--m-sticky-footer--BoxShadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow--glass);
|
|
19895
|
+
--pf-v6-c-table--m-sticky-footer--BorderRadius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius--glass);
|
|
19664
19896
|
}
|
|
19665
19897
|
|
|
19666
19898
|
.pf-v6-c-table {
|
|
@@ -19734,22 +19966,56 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19734
19966
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
19735
19967
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
19736
19968
|
}
|
|
19737
|
-
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
19969
|
+
.pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
|
|
19970
|
+
opacity: 0;
|
|
19971
|
+
transition-timing-function: var(--pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor);
|
|
19972
|
+
transition-duration: var(--pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor);
|
|
19973
|
+
transition-property: opacity;
|
|
19974
|
+
}
|
|
19975
|
+
.pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
|
|
19976
|
+
opacity: 1;
|
|
19977
|
+
}
|
|
19978
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
19979
|
+
border-block-end-color: transparent;
|
|
19980
|
+
}
|
|
19981
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot {
|
|
19738
19982
|
position: sticky;
|
|
19739
19983
|
inset-block-end: 0;
|
|
19740
19984
|
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
19741
|
-
background:
|
|
19985
|
+
background: transparent;
|
|
19742
19986
|
}
|
|
19743
|
-
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::
|
|
19987
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after {
|
|
19744
19988
|
position: absolute;
|
|
19745
19989
|
inset: 0;
|
|
19746
|
-
z-index:
|
|
19990
|
+
z-index: -1;
|
|
19747
19991
|
pointer-events: none;
|
|
19748
19992
|
content: "";
|
|
19749
|
-
border-
|
|
19993
|
+
border-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
|
|
19994
|
+
box-shadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow);
|
|
19750
19995
|
}
|
|
19751
|
-
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-
|
|
19752
|
-
|
|
19996
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td), .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td) {
|
|
19997
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--cell--ZIndex);
|
|
19998
|
+
}
|
|
19999
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
|
|
20000
|
+
position: absolute;
|
|
20001
|
+
inset: 0;
|
|
20002
|
+
z-index: -1;
|
|
20003
|
+
pointer-events: none;
|
|
20004
|
+
content: "";
|
|
20005
|
+
background: var(--pf-v6-c-table--m-sticky-footer--BackgroundColor);
|
|
20006
|
+
border-block-start: var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth) solid var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartColor);
|
|
20007
|
+
}
|
|
20008
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
|
|
20009
|
+
border-start-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
|
|
20010
|
+
}
|
|
20011
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
|
|
20012
|
+
border-end-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
|
|
20013
|
+
}
|
|
20014
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
|
|
20015
|
+
border-start-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
|
|
20016
|
+
}
|
|
20017
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
|
|
20018
|
+
border-end-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
|
|
19753
20019
|
}
|
|
19754
20020
|
.pf-v6-c-table.pf-m-plain {
|
|
19755
20021
|
--pf-v6-c-table--BackgroundColor: transparent;
|
|
@@ -20403,6 +20669,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20403
20669
|
.pf-v6-c-table.pf-m-compact {
|
|
20404
20670
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
|
20405
20671
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
|
20672
|
+
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart);
|
|
20673
|
+
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd);
|
|
20406
20674
|
}
|
|
20407
20675
|
.pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
|
|
20408
20676
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
|
@@ -21496,10 +21764,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21496
21764
|
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
21497
21765
|
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
21498
21766
|
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
21499
|
-
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
21500
|
-
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
21501
|
-
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
21502
|
-
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
21767
|
+
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
21768
|
+
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
21769
|
+
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
21770
|
+
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
21503
21771
|
--pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
21504
21772
|
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
21505
21773
|
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
@@ -21518,9 +21786,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21518
21786
|
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
|
|
21519
21787
|
--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21520
21788
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
21521
|
-
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
|
|
21522
21789
|
--pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
|
|
21523
21790
|
--pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
21791
|
+
--pf-v6-c-tabs--m-subtab__link--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
|
|
21792
|
+
--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
|
|
21793
|
+
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
21794
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
21795
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
21796
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
21797
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
21524
21798
|
--pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
|
|
21525
21799
|
--pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
|
|
21526
21800
|
--pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
|
|
@@ -21887,9 +22161,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21887
22161
|
}
|
|
21888
22162
|
.pf-v6-c-tabs.pf-m-subtab {
|
|
21889
22163
|
--pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
|
|
22164
|
+
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
|
|
22165
|
+
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
|
|
22166
|
+
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
|
|
22167
|
+
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
|
|
21890
22168
|
--pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
|
|
21891
22169
|
--pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
|
|
21892
22170
|
}
|
|
22171
|
+
.pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
|
|
22172
|
+
margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
|
|
22173
|
+
margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
|
|
22174
|
+
}
|
|
21893
22175
|
.pf-v6-c-tabs.pf-m-page-insets {
|
|
21894
22176
|
--pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
|
|
21895
22177
|
}
|
|
@@ -23138,7 +23420,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23138
23420
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23139
23421
|
}
|
|
23140
23422
|
}
|
|
23141
|
-
@
|
|
23423
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
23142
23424
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
|
|
23143
23425
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
|
|
23144
23426
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
|
|
@@ -23150,7 +23432,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23150
23432
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23151
23433
|
}
|
|
23152
23434
|
}
|
|
23153
|
-
@
|
|
23435
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
23154
23436
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
|
|
23155
23437
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-md,
|
|
23156
23438
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-md {
|
|
@@ -23162,7 +23444,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23162
23444
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23163
23445
|
}
|
|
23164
23446
|
}
|
|
23165
|
-
@
|
|
23447
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
23166
23448
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
|
|
23167
23449
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
|
|
23168
23450
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
|
|
@@ -23174,7 +23456,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23174
23456
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23175
23457
|
}
|
|
23176
23458
|
}
|
|
23177
|
-
@
|
|
23459
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
23178
23460
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
|
|
23179
23461
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
|
|
23180
23462
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
|
|
@@ -23186,7 +23468,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23186
23468
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23187
23469
|
}
|
|
23188
23470
|
}
|
|
23189
|
-
@
|
|
23471
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
23190
23472
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
|
|
23191
23473
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
|
|
23192
23474
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
|
|
@@ -23253,7 +23535,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23253
23535
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23254
23536
|
}
|
|
23255
23537
|
}
|
|
23256
|
-
@
|
|
23538
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
23257
23539
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
|
|
23258
23540
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
23259
23541
|
}
|
|
@@ -23261,7 +23543,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23261
23543
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23262
23544
|
}
|
|
23263
23545
|
}
|
|
23264
|
-
@
|
|
23546
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
23265
23547
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-md {
|
|
23266
23548
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
23267
23549
|
}
|
|
@@ -23269,7 +23551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23269
23551
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23270
23552
|
}
|
|
23271
23553
|
}
|
|
23272
|
-
@
|
|
23554
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
23273
23555
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
|
|
23274
23556
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
23275
23557
|
}
|
|
@@ -23277,7 +23559,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23277
23559
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23278
23560
|
}
|
|
23279
23561
|
}
|
|
23280
|
-
@
|
|
23562
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
23281
23563
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
|
|
23282
23564
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
23283
23565
|
}
|
|
@@ -23285,7 +23567,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23285
23567
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
23286
23568
|
}
|
|
23287
23569
|
}
|
|
23288
|
-
@
|
|
23570
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
23289
23571
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
|
|
23290
23572
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
23291
23573
|
}
|
|
@@ -23390,6 +23672,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23390
23672
|
.pf-v6-c-toolbar.pf-m-no-background {
|
|
23391
23673
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
|
|
23392
23674
|
}
|
|
23675
|
+
.pf-v6-c-toolbar.pf-m-container {
|
|
23676
|
+
container-name: pf-v6-contain-toolbar;
|
|
23677
|
+
container-type: inline-size;
|
|
23678
|
+
}
|
|
23393
23679
|
.pf-v6-c-toolbar.pf-m-vertical {
|
|
23394
23680
|
--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
|
|
23395
23681
|
--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
|
|
@@ -23404,27 +23690,27 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23404
23690
|
.pf-v6-c-toolbar__item {
|
|
23405
23691
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
|
|
23406
23692
|
}
|
|
23407
|
-
@
|
|
23693
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
23408
23694
|
.pf-v6-c-toolbar__item {
|
|
23409
23695
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
|
|
23410
23696
|
}
|
|
23411
23697
|
}
|
|
23412
|
-
@
|
|
23698
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
23413
23699
|
.pf-v6-c-toolbar__item {
|
|
23414
23700
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
|
|
23415
23701
|
}
|
|
23416
23702
|
}
|
|
23417
|
-
@
|
|
23703
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
23418
23704
|
.pf-v6-c-toolbar__item {
|
|
23419
23705
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
|
|
23420
23706
|
}
|
|
23421
23707
|
}
|
|
23422
|
-
@
|
|
23708
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
23423
23709
|
.pf-v6-c-toolbar__item {
|
|
23424
23710
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
|
|
23425
23711
|
}
|
|
23426
23712
|
}
|
|
23427
|
-
@
|
|
23713
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
23428
23714
|
.pf-v6-c-toolbar__item {
|
|
23429
23715
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
|
|
23430
23716
|
}
|
|
@@ -23432,27 +23718,27 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23432
23718
|
.pf-v6-c-toolbar__item {
|
|
23433
23719
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
23434
23720
|
}
|
|
23435
|
-
@
|
|
23721
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
23436
23722
|
.pf-v6-c-toolbar__item {
|
|
23437
23723
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
23438
23724
|
}
|
|
23439
23725
|
}
|
|
23440
|
-
@
|
|
23726
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
23441
23727
|
.pf-v6-c-toolbar__item {
|
|
23442
23728
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
|
|
23443
23729
|
}
|
|
23444
23730
|
}
|
|
23445
|
-
@
|
|
23731
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
23446
23732
|
.pf-v6-c-toolbar__item {
|
|
23447
23733
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
|
|
23448
23734
|
}
|
|
23449
23735
|
}
|
|
23450
|
-
@
|
|
23736
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
23451
23737
|
.pf-v6-c-toolbar__item {
|
|
23452
23738
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
|
|
23453
23739
|
}
|
|
23454
23740
|
}
|
|
23455
|
-
@
|
|
23741
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
23456
23742
|
.pf-v6-c-toolbar__item {
|
|
23457
23743
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
|
|
23458
23744
|
}
|
|
@@ -23530,7 +23816,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23530
23816
|
border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
|
|
23531
23817
|
box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
|
|
23532
23818
|
}
|
|
23533
|
-
@
|
|
23819
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
23534
23820
|
.pf-v6-c-toolbar__expandable-content {
|
|
23535
23821
|
position: static;
|
|
23536
23822
|
padding: 0;
|
|
@@ -23571,6 +23857,34 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23571
23857
|
overflow: auto;
|
|
23572
23858
|
}
|
|
23573
23859
|
|
|
23860
|
+
.pf-v6-c-toolbar.pf-m-inset-none {
|
|
23861
|
+
padding-inline: 0;
|
|
23862
|
+
}
|
|
23863
|
+
.pf-v6-c-toolbar.pf-m-inset-xs {
|
|
23864
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
23865
|
+
}
|
|
23866
|
+
.pf-v6-c-toolbar.pf-m-inset-sm {
|
|
23867
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
23868
|
+
}
|
|
23869
|
+
.pf-v6-c-toolbar.pf-m-inset-md {
|
|
23870
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
23871
|
+
}
|
|
23872
|
+
.pf-v6-c-toolbar.pf-m-inset-lg {
|
|
23873
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
23874
|
+
}
|
|
23875
|
+
.pf-v6-c-toolbar.pf-m-inset-xl {
|
|
23876
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
23877
|
+
}
|
|
23878
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl {
|
|
23879
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
23880
|
+
}
|
|
23881
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl {
|
|
23882
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
23883
|
+
}
|
|
23884
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl {
|
|
23885
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
23886
|
+
}
|
|
23887
|
+
|
|
23574
23888
|
.pf-v6-c-toolbar__group.pf-m-align-start,
|
|
23575
23889
|
.pf-v6-c-toolbar__item.pf-m-align-start {
|
|
23576
23890
|
margin-inline-start: 0;
|
|
@@ -23610,34 +23924,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23610
23924
|
align-self: end;
|
|
23611
23925
|
}
|
|
23612
23926
|
|
|
23613
|
-
.pf-v6-c-toolbar.pf-m-inset-none {
|
|
23614
|
-
padding-inline: 0;
|
|
23615
|
-
}
|
|
23616
|
-
.pf-v6-c-toolbar.pf-m-inset-xs {
|
|
23617
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
23618
|
-
}
|
|
23619
|
-
.pf-v6-c-toolbar.pf-m-inset-sm {
|
|
23620
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
23621
|
-
}
|
|
23622
|
-
.pf-v6-c-toolbar.pf-m-inset-md {
|
|
23623
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
23624
|
-
}
|
|
23625
|
-
.pf-v6-c-toolbar.pf-m-inset-lg {
|
|
23626
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
23627
|
-
}
|
|
23628
|
-
.pf-v6-c-toolbar.pf-m-inset-xl {
|
|
23629
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
23630
|
-
}
|
|
23631
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl {
|
|
23632
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
23633
|
-
}
|
|
23634
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl {
|
|
23635
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
23636
|
-
}
|
|
23637
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl {
|
|
23638
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
23639
|
-
}
|
|
23640
|
-
|
|
23641
23927
|
.pf-v6-c-toolbar__group.pf-m-wrap,
|
|
23642
23928
|
.pf-v6-c-toolbar__item.pf-m-wrap,
|
|
23643
23929
|
.pf-v6-c-toolbar__content-section.pf-m-wrap {
|
|
@@ -23827,10 +24113,39 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23827
24113
|
}
|
|
23828
24114
|
|
|
23829
24115
|
@media (min-width: 36rem) {
|
|
23830
|
-
.pf-v6-c-
|
|
23831
|
-
|
|
23832
|
-
|
|
23833
|
-
|
|
24116
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-sm {
|
|
24117
|
+
padding-inline: 0;
|
|
24118
|
+
}
|
|
24119
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
|
|
24120
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
24121
|
+
}
|
|
24122
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
|
|
24123
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
24124
|
+
}
|
|
24125
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-sm {
|
|
24126
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
24127
|
+
}
|
|
24128
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
|
|
24129
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
24130
|
+
}
|
|
24131
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
|
|
24132
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
24133
|
+
}
|
|
24134
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
|
|
24135
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
24136
|
+
}
|
|
24137
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
|
|
24138
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
24139
|
+
}
|
|
24140
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
|
|
24141
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
24142
|
+
}
|
|
24143
|
+
}
|
|
24144
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
24145
|
+
.pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
|
|
24146
|
+
.pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
|
|
24147
|
+
margin-inline-start: 0;
|
|
24148
|
+
}
|
|
23834
24149
|
.pf-v6-c-toolbar__group.pf-m-align-center-on-sm,
|
|
23835
24150
|
.pf-v6-c-toolbar__item.pf-m-align-center-on-sm {
|
|
23836
24151
|
margin-inline-start: auto;
|
|
@@ -23865,33 +24180,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23865
24180
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
|
|
23866
24181
|
align-self: end;
|
|
23867
24182
|
}
|
|
23868
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-sm {
|
|
23869
|
-
padding-inline: 0;
|
|
23870
|
-
}
|
|
23871
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
|
|
23872
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
23873
|
-
}
|
|
23874
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
|
|
23875
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
23876
|
-
}
|
|
23877
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-sm {
|
|
23878
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
23879
|
-
}
|
|
23880
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
|
|
23881
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
23882
|
-
}
|
|
23883
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
|
|
23884
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
23885
|
-
}
|
|
23886
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
|
|
23887
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
23888
|
-
}
|
|
23889
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
|
|
23890
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
23891
|
-
}
|
|
23892
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
|
|
23893
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
23894
|
-
}
|
|
23895
24183
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
|
|
23896
24184
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
|
|
23897
24185
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
|
|
@@ -24080,6 +24368,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24080
24368
|
}
|
|
24081
24369
|
}
|
|
24082
24370
|
@media (min-width: 48rem) {
|
|
24371
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-md {
|
|
24372
|
+
padding-inline: 0;
|
|
24373
|
+
}
|
|
24374
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-md {
|
|
24375
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
24376
|
+
}
|
|
24377
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-md {
|
|
24378
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
24379
|
+
}
|
|
24380
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-md {
|
|
24381
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
24382
|
+
}
|
|
24383
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-md {
|
|
24384
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
24385
|
+
}
|
|
24386
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-md {
|
|
24387
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
24388
|
+
}
|
|
24389
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
|
|
24390
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
24391
|
+
}
|
|
24392
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
|
|
24393
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
24394
|
+
}
|
|
24395
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
|
|
24396
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
24397
|
+
}
|
|
24398
|
+
}
|
|
24399
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
24083
24400
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-md,
|
|
24084
24401
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-md {
|
|
24085
24402
|
margin-inline-start: 0;
|
|
@@ -24118,33 +24435,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24118
24435
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
|
|
24119
24436
|
align-self: end;
|
|
24120
24437
|
}
|
|
24121
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-md {
|
|
24122
|
-
padding-inline: 0;
|
|
24123
|
-
}
|
|
24124
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-md {
|
|
24125
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
24126
|
-
}
|
|
24127
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-md {
|
|
24128
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
24129
|
-
}
|
|
24130
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-md {
|
|
24131
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
24132
|
-
}
|
|
24133
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-md {
|
|
24134
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
24135
|
-
}
|
|
24136
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-md {
|
|
24137
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
24138
|
-
}
|
|
24139
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
|
|
24140
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
24141
|
-
}
|
|
24142
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
|
|
24143
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
24144
|
-
}
|
|
24145
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
|
|
24146
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
24147
|
-
}
|
|
24148
24438
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-md,
|
|
24149
24439
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-md,
|
|
24150
24440
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
|
|
@@ -24333,6 +24623,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24333
24623
|
}
|
|
24334
24624
|
}
|
|
24335
24625
|
@media (min-width: 62rem) {
|
|
24626
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-lg {
|
|
24627
|
+
padding-inline: 0;
|
|
24628
|
+
}
|
|
24629
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
|
|
24630
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
24631
|
+
}
|
|
24632
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
|
|
24633
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
24634
|
+
}
|
|
24635
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-lg {
|
|
24636
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
24637
|
+
}
|
|
24638
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
|
|
24639
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
24640
|
+
}
|
|
24641
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
|
|
24642
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
24643
|
+
}
|
|
24644
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
|
|
24645
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
24646
|
+
}
|
|
24647
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
|
|
24648
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
24649
|
+
}
|
|
24650
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
|
|
24651
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
24652
|
+
}
|
|
24653
|
+
}
|
|
24654
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
24336
24655
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
|
|
24337
24656
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
|
|
24338
24657
|
margin-inline-start: 0;
|
|
@@ -24371,33 +24690,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24371
24690
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
|
|
24372
24691
|
align-self: end;
|
|
24373
24692
|
}
|
|
24374
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-lg {
|
|
24375
|
-
padding-inline: 0;
|
|
24376
|
-
}
|
|
24377
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
|
|
24378
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
24379
|
-
}
|
|
24380
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
|
|
24381
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
24382
|
-
}
|
|
24383
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-lg {
|
|
24384
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
24385
|
-
}
|
|
24386
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
|
|
24387
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
24388
|
-
}
|
|
24389
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
|
|
24390
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
24391
|
-
}
|
|
24392
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
|
|
24393
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
24394
|
-
}
|
|
24395
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
|
|
24396
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
24397
|
-
}
|
|
24398
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
|
|
24399
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
24400
|
-
}
|
|
24401
24693
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
|
|
24402
24694
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
|
|
24403
24695
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
|
|
@@ -24586,6 +24878,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24586
24878
|
}
|
|
24587
24879
|
}
|
|
24588
24880
|
@media (min-width: 75rem) {
|
|
24881
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-xl {
|
|
24882
|
+
padding-inline: 0;
|
|
24883
|
+
}
|
|
24884
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
|
|
24885
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
24886
|
+
}
|
|
24887
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
|
|
24888
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
24889
|
+
}
|
|
24890
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-xl {
|
|
24891
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
24892
|
+
}
|
|
24893
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
|
|
24894
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
24895
|
+
}
|
|
24896
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
|
|
24897
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
24898
|
+
}
|
|
24899
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
|
|
24900
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
24901
|
+
}
|
|
24902
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
|
|
24903
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
24904
|
+
}
|
|
24905
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
|
|
24906
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
24907
|
+
}
|
|
24908
|
+
}
|
|
24909
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
24589
24910
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
|
|
24590
24911
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
|
|
24591
24912
|
margin-inline-start: 0;
|
|
@@ -24624,33 +24945,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24624
24945
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
|
|
24625
24946
|
align-self: end;
|
|
24626
24947
|
}
|
|
24627
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-xl {
|
|
24628
|
-
padding-inline: 0;
|
|
24629
|
-
}
|
|
24630
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
|
|
24631
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
24632
|
-
}
|
|
24633
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
|
|
24634
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
24635
|
-
}
|
|
24636
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-xl {
|
|
24637
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
24638
|
-
}
|
|
24639
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
|
|
24640
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
24641
|
-
}
|
|
24642
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
|
|
24643
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
24644
|
-
}
|
|
24645
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
|
|
24646
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
24647
|
-
}
|
|
24648
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
|
|
24649
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
24650
|
-
}
|
|
24651
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
|
|
24652
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
24653
|
-
}
|
|
24654
24948
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
|
|
24655
24949
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
|
|
24656
24950
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
|
|
@@ -24839,6 +25133,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24839
25133
|
}
|
|
24840
25134
|
}
|
|
24841
25135
|
@media (min-width: 90.625rem) {
|
|
25136
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
|
|
25137
|
+
padding-inline: 0;
|
|
25138
|
+
}
|
|
25139
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
|
|
25140
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
25141
|
+
}
|
|
25142
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
|
|
25143
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
25144
|
+
}
|
|
25145
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
|
|
25146
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
25147
|
+
}
|
|
25148
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
|
|
25149
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
25150
|
+
}
|
|
25151
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
|
|
25152
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
25153
|
+
}
|
|
25154
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
|
|
25155
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
25156
|
+
}
|
|
25157
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
|
|
25158
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
25159
|
+
}
|
|
25160
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
|
|
25161
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
25162
|
+
}
|
|
25163
|
+
}
|
|
25164
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
24842
25165
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
|
|
24843
25166
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
|
|
24844
25167
|
margin-inline-start: 0;
|
|
@@ -24877,33 +25200,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24877
25200
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
|
|
24878
25201
|
align-self: end;
|
|
24879
25202
|
}
|
|
24880
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
|
|
24881
|
-
padding-inline: 0;
|
|
24882
|
-
}
|
|
24883
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
|
|
24884
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
24885
|
-
}
|
|
24886
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
|
|
24887
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
24888
|
-
}
|
|
24889
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
|
|
24890
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
24891
|
-
}
|
|
24892
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
|
|
24893
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
24894
|
-
}
|
|
24895
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
|
|
24896
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
24897
|
-
}
|
|
24898
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
|
|
24899
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
24900
|
-
}
|
|
24901
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
|
|
24902
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
24903
|
-
}
|
|
24904
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
|
|
24905
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
24906
|
-
}
|
|
24907
25203
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
|
|
24908
25204
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
|
|
24909
25205
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
|
|
@@ -25977,7 +26273,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25977
26273
|
--pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
25978
26274
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
25979
26275
|
--pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
|
|
25980
|
-
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--
|
|
26276
|
+
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
|
|
25981
26277
|
--pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
25982
26278
|
--pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
25983
26279
|
--pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|