@patternfly/react-styles 6.5.0-prerelease.15 → 6.5.0-prerelease.17
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 +12 -0
- package/css/components/Accordion/accordion.css +1 -2
- package/css/components/Accordion/accordion.d.ts +1 -1
- package/css/components/Accordion/accordion.js +1 -1
- package/css/components/Accordion/accordion.mjs +1 -1
- package/css/components/Breadcrumb/breadcrumb.css +6 -2
- package/css/components/Button/button.css +2 -2
- package/css/components/ClipboardCopy/clipboard-copy.css +7 -1
- package/css/components/ClipboardCopy/clipboard-copy.d.ts +1 -0
- package/css/components/ClipboardCopy/clipboard-copy.js +1 -0
- package/css/components/ClipboardCopy/clipboard-copy.mjs +1 -0
- package/css/components/DataList/data-list.css +1 -1
- package/css/components/DataList/data-list.d.ts +1 -1
- package/css/components/DataList/data-list.js +1 -1
- package/css/components/DataList/data-list.mjs +1 -1
- package/css/components/Drawer/drawer.css +3 -5
- package/css/components/Drawer/drawer.d.ts +1 -1
- package/css/components/Drawer/drawer.js +1 -1
- package/css/components/Drawer/drawer.mjs +1 -1
- package/css/components/Menu/menu.css +26 -19
- package/css/components/MenuToggle/menu-toggle.css +9 -5
- package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
- package/css/components/MenuToggle/menu-toggle.js +1 -0
- package/css/components/MenuToggle/menu-toggle.mjs +1 -0
- package/css/components/Page/page.css +94 -45
- package/css/components/Page/page.d.ts +1 -1
- package/css/components/Page/page.js +1 -1
- package/css/components/Page/page.mjs +1 -1
- package/css/components/Table/table.css +61 -23
- package/css/components/Table/table.d.ts +3 -1
- package/css/components/Table/table.js +3 -1
- package/css/components/Table/table.mjs +3 -1
- package/css/components/Wizard/wizard.css +2 -2
- package/css/components/Wizard/wizard.d.ts +1 -1
- package/css/components/Wizard/wizard.js +1 -1
- package/css/components/Wizard/wizard.mjs +1 -1
- package/css/components/_index.css +212 -107
- package/css/components/_index.d.ts +4 -1
- package/css/components/_index.js +4 -1
- package/css/components/_index.mjs +4 -1
- package/css/docs/components/Table/examples/Table.css +2 -1
- package/package.json +3 -3
|
@@ -306,13 +306,12 @@
|
|
|
306
306
|
row-gap: var(--pf-v6-c-accordion--RowGap);
|
|
307
307
|
background-color: var(--pf-v6-c-accordion--BackgroundColor);
|
|
308
308
|
}
|
|
309
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-accordion
|
|
309
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-accordion.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass) {
|
|
310
310
|
--pf-v6-c-accordion--BackgroundColor: transparent;
|
|
311
311
|
--pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
|
|
312
312
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
|
|
313
313
|
--pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: var(--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor);
|
|
314
314
|
}
|
|
315
|
-
|
|
316
315
|
.pf-v6-c-accordion.pf-m-toggle-start {
|
|
317
316
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
|
|
318
317
|
}
|
|
@@ -1501,7 +1500,7 @@
|
|
|
1501
1500
|
}
|
|
1502
1501
|
|
|
1503
1502
|
.pf-v6-c-breadcrumb {
|
|
1504
|
-
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--
|
|
1503
|
+
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1505
1504
|
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
1506
1505
|
--pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
1507
1506
|
--pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -1512,12 +1511,14 @@
|
|
|
1512
1511
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
1513
1512
|
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
1514
1513
|
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
1514
|
+
--pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
|
|
1515
1515
|
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
1516
1516
|
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1517
1517
|
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1518
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
1518
1519
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
1519
1520
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
1520
|
-
--pf-v6-c-breadcrumb__heading--FontSize: var(
|
|
1521
|
+
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
1521
1522
|
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
1522
1523
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
1523
1524
|
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
@@ -1570,6 +1571,7 @@
|
|
|
1570
1571
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1571
1572
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1572
1573
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1574
|
+
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
1573
1575
|
word-break: break-word;
|
|
1574
1576
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1575
1577
|
}
|
|
@@ -1577,6 +1579,7 @@
|
|
|
1577
1579
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
1578
1580
|
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
1579
1581
|
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
1582
|
+
--pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
|
|
1580
1583
|
}
|
|
1581
1584
|
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
1582
1585
|
cursor: default;
|
|
@@ -1806,13 +1809,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1806
1809
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1807
1810
|
--pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1808
1811
|
--pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1809
|
-
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--
|
|
1812
|
+
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
1810
1813
|
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1811
1814
|
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1812
1815
|
--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1813
1816
|
--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1814
1817
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
1815
|
-
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
1818
|
+
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
1816
1819
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
1817
1820
|
--pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
1818
1821
|
--pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -3291,7 +3294,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3291
3294
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
3292
3295
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
3293
3296
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
3294
|
-
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--
|
|
3297
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
3295
3298
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
|
|
3296
3299
|
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
3297
3300
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
@@ -3299,6 +3302,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3299
3302
|
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
3300
3303
|
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
3301
3304
|
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
3305
|
+
--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
|
|
3306
|
+
--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
|
|
3302
3307
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
3303
3308
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
3304
3309
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -3327,6 +3332,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3327
3332
|
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
|
|
3328
3333
|
display: inline-flex;
|
|
3329
3334
|
}
|
|
3335
|
+
.pf-v6-c-clipboard-copy.pf-m-readonly {
|
|
3336
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
|
|
3337
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
|
|
3338
|
+
}
|
|
3330
3339
|
|
|
3331
3340
|
.pf-v6-c-clipboard-copy__group {
|
|
3332
3341
|
display: flex;
|
|
@@ -4828,7 +4837,7 @@ ul) {
|
|
|
4828
4837
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
4829
4838
|
overflow-anchor: none;
|
|
4830
4839
|
}
|
|
4831
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-data-list
|
|
4840
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass) {
|
|
4832
4841
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
4833
4842
|
}
|
|
4834
4843
|
|
|
@@ -6478,11 +6487,9 @@ ul) {
|
|
|
6478
6487
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
6479
6488
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
6480
6489
|
}
|
|
6481
|
-
.pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
|
|
6490
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass, .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass {
|
|
6482
6491
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
6483
6492
|
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
6484
|
-
}
|
|
6485
|
-
.pf-v6-c-drawer.pf-m-inline.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6486
6493
|
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
6487
6494
|
}
|
|
6488
6495
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -6815,8 +6822,8 @@ ul) {
|
|
|
6815
6822
|
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
6816
6823
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
6817
6824
|
}
|
|
6818
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline
|
|
6819
|
-
|
|
6825
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass), :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass) {
|
|
6826
|
+
--pf-v6-c-drawer__panel--BackgroundColor: transparent;
|
|
6820
6827
|
}
|
|
6821
6828
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6822
6829
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
@@ -11151,17 +11158,19 @@ ul.pf-v6-c-list {
|
|
|
11151
11158
|
}
|
|
11152
11159
|
|
|
11153
11160
|
.pf-v6-c-menu {
|
|
11154
|
-
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--
|
|
11161
|
+
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
|
|
11155
11162
|
--pf-v6-c-menu--Width: auto;
|
|
11156
11163
|
--pf-v6-c-menu--MinWidth: auto;
|
|
11157
|
-
--pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
11158
|
-
--pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
11164
|
+
--pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
11165
|
+
--pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
11166
|
+
--pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
11167
|
+
--pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
11159
11168
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
11160
11169
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
11161
11170
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
11162
11171
|
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11163
11172
|
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11164
|
-
--pf-v6-c-menu--BorderRadius: var(--pf-
|
|
11173
|
+
--pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
|
|
11165
11174
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
11166
11175
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11167
11176
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -11202,12 +11211,13 @@ ul.pf-v6-c-list {
|
|
|
11202
11211
|
--pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
11203
11212
|
--pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
|
|
11204
11213
|
--pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11205
|
-
--pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--
|
|
11206
|
-
--pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--
|
|
11214
|
+
--pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
11215
|
+
--pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
|
|
11216
|
+
--pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
11207
11217
|
--pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11208
11218
|
--pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11209
|
-
--pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11210
|
-
--pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11219
|
+
--pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11220
|
+
--pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11211
11221
|
--pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11212
11222
|
--pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
11213
11223
|
--pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -11216,22 +11226,23 @@ ul.pf-v6-c-list {
|
|
|
11216
11226
|
--pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
11217
11227
|
--pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11218
11228
|
--pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11219
|
-
--pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11220
|
-
--pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11229
|
+
--pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11230
|
+
--pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11221
11231
|
--pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11222
11232
|
--pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11223
|
-
--pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11224
|
-
--pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11233
|
+
--pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11234
|
+
--pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11225
11235
|
--pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
|
|
11226
11236
|
--pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
|
|
11227
|
-
--pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11228
|
-
--pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11237
|
+
--pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11238
|
+
--pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11229
11239
|
--pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11230
11240
|
--pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11231
|
-
--pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
11232
|
-
--pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
11241
|
+
--pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11242
|
+
--pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
11233
11243
|
--pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
11234
|
-
--pf-v6-c-menu__group-title--
|
|
11244
|
+
--pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11245
|
+
--pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
|
|
11235
11246
|
--pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
11236
11247
|
--pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
|
|
11237
11248
|
--pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -11393,6 +11404,8 @@ ul.pf-v6-c-list {
|
|
|
11393
11404
|
min-width: var(--pf-v6-c-menu--MinWidth);
|
|
11394
11405
|
padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
|
|
11395
11406
|
padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
|
|
11407
|
+
padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
|
|
11408
|
+
padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
|
|
11396
11409
|
overflow: hidden;
|
|
11397
11410
|
color: var(--pf-v6-c-menu--Color);
|
|
11398
11411
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
@@ -11587,8 +11600,8 @@ ul.pf-v6-c-list {
|
|
|
11587
11600
|
inset: 0;
|
|
11588
11601
|
content: "";
|
|
11589
11602
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
|
11590
|
-
border
|
|
11591
|
-
border-
|
|
11603
|
+
border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
11604
|
+
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11592
11605
|
transition: inherit;
|
|
11593
11606
|
}
|
|
11594
11607
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -11638,6 +11651,7 @@ ul.pf-v6-c-list {
|
|
|
11638
11651
|
text-decoration-line: none;
|
|
11639
11652
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11640
11653
|
border: 0;
|
|
11654
|
+
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11641
11655
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11642
11656
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11643
11657
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
@@ -11801,7 +11815,7 @@ ul.pf-v6-c-list {
|
|
|
11801
11815
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
11802
11816
|
--pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
11803
11817
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
11804
|
-
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--
|
|
11818
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
|
|
11805
11819
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
11806
11820
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
11807
11821
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
@@ -11839,7 +11853,7 @@ ul.pf-v6-c-list {
|
|
|
11839
11853
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
11840
11854
|
--pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
11841
11855
|
--pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
11842
|
-
--pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--
|
|
11856
|
+
--pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
11843
11857
|
--pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
|
|
11844
11858
|
--pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
|
|
11845
11859
|
--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
@@ -11857,7 +11871,7 @@ ul.pf-v6-c-list {
|
|
|
11857
11871
|
--pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
|
11858
11872
|
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
11859
11873
|
--pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
11860
|
-
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--
|
|
11874
|
+
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
11861
11875
|
--pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
11862
11876
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
11863
11877
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
@@ -11872,11 +11886,12 @@ ul.pf-v6-c-list {
|
|
|
11872
11886
|
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
11873
11887
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
11874
11888
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
11889
|
+
--pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
11875
11890
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
11876
11891
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
11877
11892
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
11878
11893
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
11879
|
-
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--
|
|
11894
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
11880
11895
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
11881
11896
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11882
11897
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -11906,7 +11921,7 @@ ul.pf-v6-c-list {
|
|
|
11906
11921
|
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
11907
11922
|
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
11908
11923
|
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
11909
|
-
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--
|
|
11924
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
11910
11925
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
11911
11926
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
11912
11927
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -12026,6 +12041,9 @@ ul.pf-v6-c-list {
|
|
|
12026
12041
|
.pf-v6-c-menu-toggle.pf-m-full-width {
|
|
12027
12042
|
width: 100%;
|
|
12028
12043
|
}
|
|
12044
|
+
.pf-v6-c-menu-toggle.pf-m-form {
|
|
12045
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
|
|
12046
|
+
}
|
|
12029
12047
|
.pf-v6-c-menu-toggle.pf-m-plain {
|
|
12030
12048
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
|
|
12031
12049
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
|
|
@@ -13566,6 +13584,7 @@ ul.pf-v6-c-list {
|
|
|
13566
13584
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
13567
13585
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
13568
13586
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
|
13587
|
+
--pf-v6-c-page__sidebar--MarginBlockStart: 0;
|
|
13569
13588
|
--pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
13570
13589
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13571
13590
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
@@ -13583,6 +13602,20 @@ ul.pf-v6-c-list {
|
|
|
13583
13602
|
}
|
|
13584
13603
|
}
|
|
13585
13604
|
.pf-v6-c-page {
|
|
13605
|
+
--pf-v6-c-page__sidebar-main--PaddingBlockStart: 0;
|
|
13606
|
+
--pf-v6-c-page__sidebar-main--PaddingBlockEnd: 0;
|
|
13607
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineStart: 0;
|
|
13608
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineEnd: 0;
|
|
13609
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart: 0;
|
|
13610
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd: 0;
|
|
13611
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart: 0;
|
|
13612
|
+
--pf-v6-c-page__sidebar-main--MarginInlineEnd: 0;
|
|
13613
|
+
--pf-v6-c-page__sidebar-main--BackgroundColor: transparent;
|
|
13614
|
+
--pf-v6-c-page__sidebar-main--BackdropFilter: none;
|
|
13615
|
+
--pf-v6-c-page__sidebar-main--BorderWidth: 0;
|
|
13616
|
+
--pf-v6-c-page__sidebar-main--BorderColor: transparent;
|
|
13617
|
+
--pf-v6-c-page__sidebar-main--BorderRadius: 0;
|
|
13618
|
+
--pf-v6-c-page__sidebar-main--BoxShadow: none;
|
|
13586
13619
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
13587
13620
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
13588
13621
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -13653,6 +13686,10 @@ ul.pf-v6-c-list {
|
|
|
13653
13686
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13654
13687
|
--pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13655
13688
|
--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13689
|
+
--pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular));
|
|
13690
|
+
--pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor: var(--pf-t--global--border--color--subtle);
|
|
13691
|
+
--pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular));
|
|
13692
|
+
--pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor: var(--pf-t--global--border--color--subtle);
|
|
13656
13693
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
13657
13694
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
13658
13695
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
@@ -13695,11 +13732,54 @@ ul.pf-v6-c-list {
|
|
|
13695
13732
|
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13696
13733
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13697
13734
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13735
|
+
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
13736
|
+
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13737
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
|
|
13738
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
|
|
13739
|
+
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13740
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13741
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13742
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
13743
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
|
|
13744
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
13745
|
+
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13746
|
+
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13747
|
+
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
13748
|
+
--pf-v6-c-page__sidebar-main--BorderWidth--glass: var(--pf-t--global--border--width--glass--default);
|
|
13749
|
+
--pf-v6-c-page__sidebar-main--BorderColor--glass: var(--pf-t--global--border--color--glass--default);
|
|
13750
|
+
--pf-v6-c-page__sidebar-main--BorderRadius--glass: var(--pf-t--global--border--radius--glass--default);
|
|
13751
|
+
--pf-v6-c-page__sidebar-main--BoxShadow--glass: var(--pf-t--global--box-shadow--glass--default);
|
|
13752
|
+
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
13753
|
+
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13754
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13755
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13698
13756
|
}
|
|
13699
13757
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13700
|
-
--pf-v6-c-
|
|
13701
|
-
--pf-v6-c-page__sidebar
|
|
13702
|
-
--pf-v6-c-page__sidebar-body--
|
|
13758
|
+
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
13759
|
+
--pf-v6-c-page__sidebar--Width--base: var(--pf-v6-c-page__sidebar--Width--base--glass);
|
|
13760
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass);
|
|
13761
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass);
|
|
13762
|
+
--pf-v6-c-page__sidebar-main--PaddingBlockEnd: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass);
|
|
13763
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineStart: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass);
|
|
13764
|
+
--pf-v6-c-page__sidebar-main--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass);
|
|
13765
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart: var(--pf-v6-c-page__sidebar-main--MarginBlockStart--glass);
|
|
13766
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass);
|
|
13767
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart: var(--pf-v6-c-page__sidebar-main--MarginInlineStart--glass);
|
|
13768
|
+
--pf-v6-c-page__sidebar-main--MarginInlineEnd: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass);
|
|
13769
|
+
--pf-v6-c-page__sidebar-main--BackgroundColor: var(--pf-v6-c-page__sidebar-main--BackgroundColor--glass);
|
|
13770
|
+
--pf-v6-c-page__sidebar-main--BackdropFilter: var(--pf-v6-c-page__sidebar-main--BackdropFilter--glass);
|
|
13771
|
+
--pf-v6-c-page__sidebar-main--BorderWidth: var(--pf-v6-c-page__sidebar-main--BorderWidth--glass);
|
|
13772
|
+
--pf-v6-c-page__sidebar-main--BorderColor: var(--pf-v6-c-page__sidebar-main--BorderColor--glass);
|
|
13773
|
+
--pf-v6-c-page__sidebar-main--BorderRadius: var(--pf-v6-c-page__sidebar-main--BorderRadius--glass);
|
|
13774
|
+
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
13775
|
+
}
|
|
13776
|
+
@media (min-width: 75rem) {
|
|
13777
|
+
.pf-v6-c-page {
|
|
13778
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass);
|
|
13779
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass);
|
|
13780
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass);
|
|
13781
|
+
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass);
|
|
13782
|
+
}
|
|
13703
13783
|
}
|
|
13704
13784
|
|
|
13705
13785
|
.pf-v6-c-page {
|
|
@@ -13712,9 +13792,6 @@ ul.pf-v6-c-list {
|
|
|
13712
13792
|
max-height: 100%;
|
|
13713
13793
|
background-color: var(--pf-v6-c-page--BackgroundColor);
|
|
13714
13794
|
}
|
|
13715
|
-
:where(:root.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13716
|
-
background-color: transparent;
|
|
13717
|
-
}
|
|
13718
13795
|
@media (min-width: 75rem) {
|
|
13719
13796
|
.pf-v6-c-page {
|
|
13720
13797
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
@@ -13864,6 +13941,7 @@ ul.pf-v6-c-list {
|
|
|
13864
13941
|
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13865
13942
|
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13866
13943
|
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13944
|
+
margin-block-start: var(--pf-v6-c-page__sidebar--MarginBlockStart);
|
|
13867
13945
|
margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
|
|
13868
13946
|
overflow-x: hidden;
|
|
13869
13947
|
overflow-y: auto;
|
|
@@ -13895,44 +13973,33 @@ ul.pf-v6-c-list {
|
|
|
13895
13973
|
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar {
|
|
13896
13974
|
min-height: 0;
|
|
13897
13975
|
padding: 0;
|
|
13898
|
-
overflow:
|
|
13976
|
+
overflow: revert;
|
|
13899
13977
|
background: transparent;
|
|
13900
13978
|
}
|
|
13901
13979
|
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar.pf-m-expanded {
|
|
13902
13980
|
box-shadow: none;
|
|
13903
13981
|
}
|
|
13904
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar
|
|
13905
|
-
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13906
|
-
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13907
|
-
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13908
|
-
margin-block-start: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
13909
|
-
margin-block-end: var(--pf-t--global--spacer--md);
|
|
13910
|
-
margin-inline-start: var(--pf-t--global--spacer--md);
|
|
13911
|
-
margin-inline-end: var(--pf-t--global--spacer--md);
|
|
13982
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar-main {
|
|
13912
13983
|
overflow: auto;
|
|
13913
|
-
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13914
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
13915
|
-
border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
13916
|
-
border-radius: var(--pf-t--global--border--radius--glass--default);
|
|
13917
|
-
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
13918
|
-
}
|
|
13919
|
-
@media (min-width: 75rem) {
|
|
13920
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
|
|
13921
|
-
margin-block-start: 0;
|
|
13922
|
-
margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13923
|
-
margin-inline-start: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13924
|
-
margin-inline-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13925
|
-
}
|
|
13926
|
-
}
|
|
13927
|
-
|
|
13928
|
-
.pf-v6-c-page__sidebar:has(> .pf-v6-c-page__sidebar-main) {
|
|
13929
|
-
overflow: revert;
|
|
13930
13984
|
}
|
|
13931
13985
|
|
|
13932
13986
|
.pf-v6-c-page__sidebar-main {
|
|
13933
13987
|
display: flex;
|
|
13934
13988
|
flex-grow: 1;
|
|
13935
13989
|
flex-direction: column;
|
|
13990
|
+
padding-block-start: var(--pf-v6-c-page__sidebar-main--PaddingBlockStart);
|
|
13991
|
+
padding-block-end: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd);
|
|
13992
|
+
padding-inline-start: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart);
|
|
13993
|
+
padding-inline-end: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd);
|
|
13994
|
+
margin-block-start: var(--pf-v6-c-page__sidebar-main--MarginBlockStart);
|
|
13995
|
+
margin-block-end: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd);
|
|
13996
|
+
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
13997
|
+
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
13998
|
+
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
13999
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14000
|
+
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14001
|
+
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14002
|
+
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
13936
14003
|
}
|
|
13937
14004
|
|
|
13938
14005
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14247,17 +14314,17 @@ ul.pf-v6-c-list {
|
|
|
14247
14314
|
outline: 0;
|
|
14248
14315
|
}
|
|
14249
14316
|
|
|
14250
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav
|
|
14251
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb
|
|
14252
|
-
.pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
14253
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs
|
|
14254
|
-
.pf-v6-c-page__main-tabs.pf-m-plain,
|
|
14255
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section
|
|
14256
|
-
.pf-v6-c-page__main-section.pf-m-plain,
|
|
14257
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard
|
|
14258
|
-
.pf-v6-c-page__main-wizard.pf-m-plain,
|
|
14259
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group
|
|
14260
|
-
.pf-v6-c-page__main-group.pf-m-plain {
|
|
14317
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass),
|
|
14318
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
14319
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
|
|
14320
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-tabs.pf-m-plain,
|
|
14321
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
|
|
14322
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-section.pf-m-plain,
|
|
14323
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
|
|
14324
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-wizard.pf-m-plain,
|
|
14325
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
|
|
14326
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-group.pf-m-plain,
|
|
14327
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass) {
|
|
14261
14328
|
--pf-v6-c-page__main-section--BackgroundColor: transparent;
|
|
14262
14329
|
--pf-v6-c-page__main-subnav--BackgroundColor: transparent;
|
|
14263
14330
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
|
|
@@ -14360,8 +14427,8 @@ ul.pf-v6-c-list {
|
|
|
14360
14427
|
}
|
|
14361
14428
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
14362
14429
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
|
|
14363
|
-
border-block-start: var(--pf-
|
|
14364
|
-
border-block-end: var(--pf-
|
|
14430
|
+
border-block-start: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor);
|
|
14431
|
+
border-block-end: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor);
|
|
14365
14432
|
}
|
|
14366
14433
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
14367
14434
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
@@ -18903,7 +18970,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18903
18970
|
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
18904
18971
|
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
18905
18972
|
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
18906
|
-
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--
|
|
18973
|
+
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
18907
18974
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18908
18975
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
18909
18976
|
--pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18992,62 +19059,89 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18992
19059
|
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
18993
19060
|
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
18994
19061
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
19062
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
19063
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
19064
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
18995
19065
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
18996
19066
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
18997
19067
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
18998
19068
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
18999
19069
|
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
|
|
19000
19070
|
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
|
|
19001
|
-
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--
|
|
19071
|
+
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
|
|
19072
|
+
--pf-v6-c-table--m-sticky-header--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
19002
19073
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19003
19074
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
19004
19075
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
19076
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
19077
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow: 0;
|
|
19078
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
19079
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
19080
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
19081
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19082
|
+
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19083
|
+
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
19084
|
+
}
|
|
19085
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
19086
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
19087
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
|
|
19088
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
|
|
19005
19089
|
}
|
|
19006
19090
|
|
|
19007
19091
|
.pf-v6-c-table {
|
|
19008
19092
|
width: 100%;
|
|
19009
19093
|
background-color: var(--pf-v6-c-table--BackgroundColor);
|
|
19010
19094
|
}
|
|
19011
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-table
|
|
19095
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass) {
|
|
19012
19096
|
--pf-v6-c-table--BackgroundColor: transparent;
|
|
19013
19097
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
|
|
19014
19098
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
|
|
19015
19099
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
|
|
19016
19100
|
--pf-v6-c-table__control-row--BackgroundColor: transparent;
|
|
19017
19101
|
}
|
|
19018
|
-
|
|
19019
19102
|
.pf-v6-c-table.pf-m-fixed {
|
|
19020
19103
|
table-layout: fixed;
|
|
19021
19104
|
}
|
|
19022
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead,
|
|
19023
|
-
|
|
19105
|
+
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
19106
|
+
opacity: 0;
|
|
19107
|
+
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
19108
|
+
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
19109
|
+
transition-property: opacity;
|
|
19110
|
+
}
|
|
19111
|
+
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
19112
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
19113
|
+
}
|
|
19114
|
+
.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
|
|
19115
|
+
opacity: 1;
|
|
19116
|
+
}
|
|
19117
|
+
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
19118
|
+
position: relative;
|
|
19119
|
+
}
|
|
19120
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead {
|
|
19024
19121
|
position: sticky;
|
|
19025
19122
|
inset-block-start: 0;
|
|
19026
19123
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
19027
|
-
background: var(--pf-v6-c-table--BackgroundColor);
|
|
19028
19124
|
}
|
|
19029
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before,
|
|
19030
|
-
.pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header::before {
|
|
19125
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
|
|
19031
19126
|
position: absolute;
|
|
19032
|
-
inset
|
|
19033
|
-
|
|
19034
|
-
inset-inline-start: 0;
|
|
19035
|
-
inset-inline-end: 0;
|
|
19036
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
|
|
19127
|
+
inset: 0;
|
|
19128
|
+
z-index: -1;
|
|
19037
19129
|
pointer-events: none;
|
|
19038
19130
|
content: "";
|
|
19039
|
-
|
|
19040
|
-
|
|
19041
|
-
|
|
19042
|
-
position: relative;
|
|
19131
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
19132
|
+
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19133
|
+
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
19043
19134
|
}
|
|
19044
|
-
.pf-v6-c-table.pf-m-sticky-header
|
|
19135
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
|
|
19045
19136
|
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
19046
19137
|
}
|
|
19047
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-m-
|
|
19048
|
-
position:
|
|
19049
|
-
inset
|
|
19050
|
-
|
|
19138
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
19139
|
+
position: absolute;
|
|
19140
|
+
inset: 0;
|
|
19141
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
|
|
19142
|
+
pointer-events: none;
|
|
19143
|
+
content: "";
|
|
19144
|
+
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
19051
19145
|
}
|
|
19052
19146
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
19053
19147
|
border-block-end: 0;
|
|
@@ -19738,6 +19832,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19738
19832
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
|
|
19739
19833
|
vertical-align: bottom;
|
|
19740
19834
|
}
|
|
19835
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
19836
|
+
position: relative;
|
|
19837
|
+
}
|
|
19838
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header::after {
|
|
19839
|
+
position: absolute;
|
|
19840
|
+
inset: 0;
|
|
19841
|
+
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
19842
|
+
pointer-events: none;
|
|
19843
|
+
content: "";
|
|
19844
|
+
border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
|
|
19845
|
+
}
|
|
19741
19846
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
19742
19847
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
|
|
19743
19848
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
|
|
@@ -25134,14 +25239,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25134
25239
|
.pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
|
|
25135
25240
|
display: none;
|
|
25136
25241
|
}
|
|
25137
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard
|
|
25242
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
|
|
25138
25243
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
|
|
25139
25244
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
|
|
25140
25245
|
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
|
|
25141
25246
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
|
|
25142
25247
|
}
|
|
25143
25248
|
@media screen and (min-width: 62rem) {
|
|
25144
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard
|
|
25249
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
|
|
25145
25250
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
|
|
25146
25251
|
}
|
|
25147
25252
|
}
|