@patternfly/patternfly 6.0.0 → 6.1.0-prerelease.10
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/README.md +5 -5
- package/components/Button/button.css +18 -2
- package/components/Button/button.scss +19 -3
- package/components/CodeEditor/code-editor.css +15 -0
- package/components/CodeEditor/code-editor.scss +16 -1
- package/components/Content/content.css +9 -0
- package/components/Content/content.scss +7 -0
- package/components/DataList/data-list.css +6 -0
- package/components/DataList/data-list.scss +7 -0
- package/components/Label/label-group.css +12 -0
- package/components/Label/label-group.scss +14 -0
- package/components/Label/label.css +5 -0
- package/components/Label/label.scss +5 -0
- package/components/Menu/menu.css +7 -3
- package/components/Menu/menu.scss +5 -3
- package/components/MenuToggle/menu-toggle.css +27 -11
- package/components/MenuToggle/menu-toggle.scss +24 -17
- package/components/Page/page.css +9 -1
- package/components/Page/page.scss +9 -2
- package/components/Table/table-grid.css +12 -12
- package/components/Table/table-grid.scss +4 -4
- package/components/Table/table-tree-view.css +4 -4
- package/components/Table/table-tree-view.scss +4 -4
- package/components/Table/table.css +7 -4
- package/components/Table/table.scss +9 -5
- package/components/Title/title.css +4 -0
- package/components/Title/title.scss +7 -0
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +136 -38
- package/docs/components/Button/examples/Button.md +1 -1
- package/docs/components/CodeEditor/examples/CodeEditor.css +3 -0
- package/docs/components/CodeEditor/examples/CodeEditor.md +158 -7
- package/docs/components/Content/examples/Content.md +8 -7
- package/docs/components/DataList/examples/DataList.md +15 -13
- package/docs/components/InlineEdit/examples/InlineEdit.md +3 -18
- package/docs/components/Label/examples/Label.css +12 -0
- package/docs/components/Label/examples/Label.md +162 -0
- package/docs/components/Menu/examples/Menu.md +24 -32
- package/docs/components/MenuToggle/examples/MenuToggle.md +1309 -533
- package/docs/components/Page/examples/Page.css +1 -1
- package/docs/components/Page/examples/Page.md +10 -7
- package/docs/components/Table/examples/Table.md +469 -2769
- package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
- package/docs/components/Title/examples/Title.md +10 -0
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -4
- package/docs/demos/Alert/examples/Alert.md +6 -12
- package/docs/demos/BackToTop/examples/BackToTop.md +2 -4
- package/docs/demos/Banner/examples/Banner.md +4 -8
- package/docs/demos/Card/examples/Card.css +4 -0
- package/docs/demos/Card/examples/Card.md +13 -21
- package/docs/demos/CardView/examples/CardView.md +2 -4
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -4
- package/docs/demos/DataList/examples/DataList.md +13 -46
- package/docs/demos/DescriptionList/examples/DescriptionList.md +11 -42
- package/docs/demos/Drawer/examples/Drawer.md +6 -12
- package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -16
- package/docs/demos/Masthead/examples/Masthead.md +18 -36
- package/docs/demos/Modal/examples/Modal.md +12 -24
- package/docs/demos/Nav/examples/Nav.md +12 -24
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -20
- package/docs/demos/Page/examples/Page.md +24 -48
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -28
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -4
- package/docs/demos/Table/examples/Table.md +191 -984
- package/docs/demos/Tabs/examples/Tabs.md +18 -60
- package/docs/demos/Toolbar/examples/Toolbar.md +16 -80
- package/docs/demos/Wizard/examples/Wizard.md +18 -36
- package/docs/layouts/Level/examples/Level.css +1 -2
- package/docs/layouts/Level/examples/Level.md +15 -3
- package/docs/layouts/Split/examples/Split.css +1 -2
- package/docs/layouts/Split/examples/Split.md +4 -4
- package/docs/layouts/Stack/examples/Stack.css +1 -2
- package/docs/layouts/Stack/examples/Stack.md +4 -4
- package/layouts/Split/split.css +1 -2
- package/layouts/Split/split.scss +4 -3
- package/layouts/Stack/stack.css +1 -2
- package/layouts/Stack/stack.scss +4 -3
- package/layouts/_index.css +2 -4
- package/package.json +6 -6
- package/patternfly-no-globals.css +138 -42
- package/patternfly.css +138 -42
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +6 -0
- /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
package/components/_index.css
CHANGED
|
@@ -1471,6 +1471,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1471
1471
|
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1472
1472
|
--pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
1473
1473
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1474
|
+
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1475
|
+
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1474
1476
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
1475
1477
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
1476
1478
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -1520,6 +1522,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1520
1522
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
1521
1523
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
|
|
1522
1524
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
|
|
1525
|
+
--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
|
|
1526
|
+
--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
|
|
1523
1527
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
1524
1528
|
--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
|
1525
1529
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -1544,9 +1548,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1544
1548
|
--pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
1545
1549
|
--pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
1546
1550
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1551
|
+
--pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1552
|
+
--pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1547
1553
|
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
1548
1554
|
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1549
1555
|
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1556
|
+
--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1557
|
+
--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1550
1558
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
1551
1559
|
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
1552
1560
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -1734,6 +1742,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1734
1742
|
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
|
|
1735
1743
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
|
|
1736
1744
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
|
|
1745
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
1746
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
1737
1747
|
}
|
|
1738
1748
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1739
1749
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
@@ -1821,11 +1831,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1821
1831
|
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
|
|
1822
1832
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
|
|
1823
1833
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
|
|
1834
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
|
|
1835
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
|
|
1824
1836
|
}
|
|
1825
1837
|
.pf-v6-c-button.pf-m-stateful {
|
|
1826
1838
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
|
|
1827
1839
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
|
|
1828
1840
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
|
|
1841
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
|
|
1842
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
|
|
1829
1843
|
}
|
|
1830
1844
|
.pf-v6-c-button.pf-m-read {
|
|
1831
1845
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
|
|
@@ -1882,8 +1896,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1882
1896
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
1883
1897
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
|
|
1884
1898
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
1885
|
-
--pf-v6-c-button--
|
|
1886
|
-
--pf-v6-c-button--
|
|
1899
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
|
|
1900
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
1901
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
1902
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
1887
1903
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
1888
1904
|
}
|
|
1889
1905
|
.pf-v6-c-button.pf-m-block {
|
|
@@ -2805,9 +2821,22 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2805
2821
|
--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
2806
2822
|
}
|
|
2807
2823
|
|
|
2824
|
+
.pf-v6-c-code-editor {
|
|
2825
|
+
display: flex;
|
|
2826
|
+
flex-direction: column;
|
|
2827
|
+
}
|
|
2808
2828
|
.pf-v6-c-code-editor.pf-m-read-only {
|
|
2809
2829
|
--pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
|
|
2810
2830
|
}
|
|
2831
|
+
.pf-v6-c-code-editor.pf-m-full-height {
|
|
2832
|
+
height: 100%;
|
|
2833
|
+
}
|
|
2834
|
+
|
|
2835
|
+
.pf-v6-c-code-editor__container {
|
|
2836
|
+
display: flex;
|
|
2837
|
+
flex-direction: column;
|
|
2838
|
+
flex-grow: 1;
|
|
2839
|
+
}
|
|
2811
2840
|
|
|
2812
2841
|
.pf-v6-c-code-editor__header {
|
|
2813
2842
|
position: relative;
|
|
@@ -2874,6 +2903,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2874
2903
|
|
|
2875
2904
|
.pf-v6-c-code-editor__main {
|
|
2876
2905
|
position: relative;
|
|
2906
|
+
flex-grow: 1;
|
|
2877
2907
|
color: var(--pf-v6-c-code-editor__main--Color, inherit);
|
|
2878
2908
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
2879
2909
|
border: var(--pf-v6-c-code-editor__main--BorderWidth) solid;
|
|
@@ -2895,6 +2925,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2895
2925
|
|
|
2896
2926
|
.pf-v6-c-code-editor__code {
|
|
2897
2927
|
position: relative;
|
|
2928
|
+
height: 100%;
|
|
2898
2929
|
padding-block-start: var(--pf-v6-c-code-editor__code--PaddingBlockStart);
|
|
2899
2930
|
padding-block-end: var(--pf-v6-c-code-editor__code--PaddingBlockEnd);
|
|
2900
2931
|
padding-inline-start: var(--pf-v6-c-code-editor__code--PaddingInlineStart);
|
|
@@ -2967,6 +2998,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2967
2998
|
--pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2968
2999
|
--pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
2969
3000
|
--pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
3001
|
+
--pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
2970
3002
|
--pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2971
3003
|
--pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2972
3004
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -3066,6 +3098,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3066
3098
|
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
|
|
3067
3099
|
margin-block-end: 0;
|
|
3068
3100
|
}
|
|
3101
|
+
:is(.pf-v6-c-content--h1,
|
|
3102
|
+
.pf-v6-c-content--h2,
|
|
3103
|
+
.pf-v6-c-content--h3,
|
|
3104
|
+
.pf-v6-c-content--h4,
|
|
3105
|
+
.pf-v6-c-content--h5,
|
|
3106
|
+
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
|
|
3107
|
+
font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
|
|
3108
|
+
}
|
|
3069
3109
|
|
|
3070
3110
|
:is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
|
|
3071
3111
|
margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
|
|
@@ -3704,6 +3744,8 @@ ul) {
|
|
|
3704
3744
|
--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
3705
3745
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
3706
3746
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
3747
|
+
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--compact);
|
|
3748
|
+
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--compact);
|
|
3707
3749
|
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
3708
3750
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
3709
3751
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
@@ -3757,6 +3799,10 @@ ul) {
|
|
|
3757
3799
|
.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__check {
|
|
3758
3800
|
font-size: var(--pf-v6-c-data-list--m-compact__check--FontSize);
|
|
3759
3801
|
}
|
|
3802
|
+
.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__item-action {
|
|
3803
|
+
padding-block-start: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset));
|
|
3804
|
+
padding-block-end: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset));
|
|
3805
|
+
}
|
|
3760
3806
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
3761
3807
|
overflow-anchor: none;
|
|
3762
3808
|
}
|
|
@@ -7836,6 +7882,7 @@ label.pf-v6-c-input-group__text {
|
|
|
7836
7882
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
7837
7883
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7838
7884
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
7885
|
+
--pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
|
|
7839
7886
|
--pf-v6-c-label--BorderWidth: 0;
|
|
7840
7887
|
--pf-v6-c-label--BorderColor: transparent;
|
|
7841
7888
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -7992,6 +8039,7 @@ label.pf-v6-c-input-group__text {
|
|
|
7992
8039
|
--pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7993
8040
|
--pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7994
8041
|
--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
|
|
8042
|
+
--pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
|
|
7995
8043
|
--pf-v6-c-label__content--MaxWidth: 100%;
|
|
7996
8044
|
--pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
|
7997
8045
|
--pf-v6-c-label__content--Cursor: initial;
|
|
@@ -8025,6 +8073,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8025
8073
|
|
|
8026
8074
|
.pf-v6-c-label {
|
|
8027
8075
|
position: relative;
|
|
8076
|
+
min-width: var(--pf-v6-c-label--MinWidth);
|
|
8028
8077
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
8029
8078
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
8030
8079
|
padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
|
|
@@ -8183,6 +8232,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8183
8232
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
|
|
8184
8233
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
|
|
8185
8234
|
--pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
|
|
8235
|
+
--pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
|
|
8186
8236
|
--pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
|
|
8187
8237
|
}
|
|
8188
8238
|
.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
@@ -8271,6 +8321,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8271
8321
|
.pf-v6-c-label__content {
|
|
8272
8322
|
display: inline-flex;
|
|
8273
8323
|
align-items: center;
|
|
8324
|
+
justify-content: center;
|
|
8274
8325
|
}
|
|
8275
8326
|
|
|
8276
8327
|
.pf-v6-c-label__text {
|
|
@@ -8327,16 +8378,22 @@ input.pf-v6-c-label__content {
|
|
|
8327
8378
|
.pf-v6-c-label-group {
|
|
8328
8379
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8329
8380
|
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8381
|
+
--pf-v6-c-label-group--MaxWidth: 100%;
|
|
8330
8382
|
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8331
8383
|
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8332
8384
|
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8333
8385
|
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8386
|
+
--pf-v6-c-label-group__main--MaxWidth: 100%;
|
|
8387
|
+
--pf-v6-c-label-group__main--MinWidth: 0;
|
|
8334
8388
|
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8335
8389
|
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8336
8390
|
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8337
8391
|
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8392
|
+
--pf-v6-c-label-group__list--MaxWidth: 100%;
|
|
8393
|
+
--pf-v6-c-label-group__list--MinWidth: 0;
|
|
8338
8394
|
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8339
8395
|
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8396
|
+
--pf-v6-c-label-group__list-item--MaxWidth: 100%;
|
|
8340
8397
|
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8341
8398
|
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8342
8399
|
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -8363,6 +8420,7 @@ input.pf-v6-c-label__content {
|
|
|
8363
8420
|
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8364
8421
|
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8365
8422
|
align-items: center;
|
|
8423
|
+
max-width: var(--pf-v6-c-label-group--MaxWidth);
|
|
8366
8424
|
}
|
|
8367
8425
|
.pf-v6-c-label-group.pf-m-category {
|
|
8368
8426
|
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
@@ -8388,9 +8446,11 @@ input.pf-v6-c-label__content {
|
|
|
8388
8446
|
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8389
8447
|
flex-direction: column;
|
|
8390
8448
|
align-items: flex-start;
|
|
8449
|
+
max-width: var(--pf-v6-c-label-group__list--MaxWidth);
|
|
8391
8450
|
}
|
|
8392
8451
|
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8393
8452
|
flex-direction: column;
|
|
8453
|
+
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
8394
8454
|
}
|
|
8395
8455
|
.pf-v6-c-label-group.pf-m-editable,
|
|
8396
8456
|
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
@@ -8411,6 +8471,7 @@ input.pf-v6-c-label__content {
|
|
|
8411
8471
|
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8412
8472
|
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8413
8473
|
align-items: baseline;
|
|
8474
|
+
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
8414
8475
|
}
|
|
8415
8476
|
|
|
8416
8477
|
.pf-v6-c-label-group__list {
|
|
@@ -8418,10 +8479,12 @@ input.pf-v6-c-label__content {
|
|
|
8418
8479
|
flex-wrap: wrap;
|
|
8419
8480
|
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8420
8481
|
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8482
|
+
min-width: var(--pf-v6-c-label-group__list--MinWidth);
|
|
8421
8483
|
}
|
|
8422
8484
|
|
|
8423
8485
|
.pf-v6-c-label-group__list-item {
|
|
8424
8486
|
display: inline-flex;
|
|
8487
|
+
max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
|
|
8425
8488
|
}
|
|
8426
8489
|
|
|
8427
8490
|
.pf-v6-c-label-group__label {
|
|
@@ -9387,7 +9450,6 @@ ul.pf-v6-c-list {
|
|
|
9387
9450
|
--pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
|
|
9388
9451
|
--pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9389
9452
|
--pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
|
|
9390
|
-
--pf-v6-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
|
|
9391
9453
|
--pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
|
|
9392
9454
|
--pf-v6-c-menu__item-action--button--MinWidth: calc(var(--pf-v6-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
|
|
9393
9455
|
--pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -9873,8 +9935,13 @@ ul.pf-v6-c-list {
|
|
|
9873
9935
|
.pf-v6-c-menu__item-action.pf-m-favorited,
|
|
9874
9936
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
|
|
9875
9937
|
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
|
|
9876
|
-
--pf-v6-c-button--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
9877
|
-
|
|
9938
|
+
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
9939
|
+
}
|
|
9940
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
|
|
9941
|
+
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
|
|
9942
|
+
.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
|
|
9943
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
9944
|
+
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
9878
9945
|
}
|
|
9879
9946
|
|
|
9880
9947
|
.pf-v6-c-menu__breadcrumb {
|
|
@@ -9950,6 +10017,8 @@ ul.pf-v6-c-list {
|
|
|
9950
10017
|
--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
9951
10018
|
--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
|
|
9952
10019
|
--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
10020
|
+
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10021
|
+
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
9953
10022
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
9954
10023
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
9955
10024
|
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
@@ -9964,6 +10033,8 @@ ul.pf-v6-c-list {
|
|
|
9964
10033
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
9965
10034
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
9966
10035
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
10036
|
+
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10037
|
+
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
9967
10038
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
9968
10039
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
9969
10040
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -9974,6 +10045,8 @@ ul.pf-v6-c-list {
|
|
|
9974
10045
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
9975
10046
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9976
10047
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10048
|
+
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10049
|
+
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
9977
10050
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
9978
10051
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
9979
10052
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
@@ -9988,6 +10061,8 @@ ul.pf-v6-c-list {
|
|
|
9988
10061
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
9989
10062
|
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9990
10063
|
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10064
|
+
--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10065
|
+
--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
9991
10066
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
9992
10067
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
9993
10068
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -9999,6 +10074,8 @@ ul.pf-v6-c-list {
|
|
|
9999
10074
|
--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
10000
10075
|
--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
10001
10076
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
10077
|
+
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10078
|
+
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10002
10079
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
10003
10080
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
10004
10081
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -10068,6 +10145,8 @@ ul.pf-v6-c-list {
|
|
|
10068
10145
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
|
|
10069
10146
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
|
|
10070
10147
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
|
|
10148
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
|
|
10149
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
|
|
10071
10150
|
}
|
|
10072
10151
|
.pf-v6-c-menu-toggle.pf-m-secondary {
|
|
10073
10152
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
|
|
@@ -10083,6 +10162,8 @@ ul.pf-v6-c-list {
|
|
|
10083
10162
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
|
10084
10163
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
|
|
10085
10164
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
|
|
10165
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
|
|
10166
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
|
|
10086
10167
|
}
|
|
10087
10168
|
.pf-v6-c-menu-toggle.pf-m-full-height {
|
|
10088
10169
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
|
|
@@ -10107,6 +10188,8 @@ ul.pf-v6-c-list {
|
|
|
10107
10188
|
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
10108
10189
|
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
10109
10190
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
|
10191
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
|
|
10192
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
10110
10193
|
}
|
|
10111
10194
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
10112
10195
|
border: none;
|
|
@@ -10133,6 +10216,10 @@ ul.pf-v6-c-list {
|
|
|
10133
10216
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
|
|
10134
10217
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
10135
10218
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
10219
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
|
|
10220
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
|
|
10221
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
|
|
10222
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
|
|
10136
10223
|
}
|
|
10137
10224
|
.pf-v6-c-menu-toggle.pf-m-success {
|
|
10138
10225
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
|
|
@@ -10211,13 +10298,13 @@ ul.pf-v6-c-list {
|
|
|
10211
10298
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
|
|
10212
10299
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
|
|
10213
10300
|
}
|
|
10214
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10215
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10301
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
|
|
10302
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
|
|
10216
10303
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
|
|
10217
10304
|
padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
|
|
10218
10305
|
}
|
|
10219
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10220
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10306
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
|
|
10307
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
|
|
10221
10308
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
|
|
10222
10309
|
padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
|
|
10223
10310
|
}
|
|
@@ -10283,13 +10370,6 @@ ul.pf-v6-c-list {
|
|
|
10283
10370
|
flex-wrap: nowrap;
|
|
10284
10371
|
}
|
|
10285
10372
|
|
|
10286
|
-
.pf-v6-c-menu-toggle__controls,
|
|
10287
|
-
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10288
|
-
display: flex;
|
|
10289
|
-
align-items: center;
|
|
10290
|
-
justify-content: center;
|
|
10291
|
-
}
|
|
10292
|
-
|
|
10293
10373
|
.pf-v6-c-menu-toggle__icon {
|
|
10294
10374
|
flex-shrink: 0;
|
|
10295
10375
|
}
|
|
@@ -10301,7 +10381,10 @@ ul.pf-v6-c-list {
|
|
|
10301
10381
|
}
|
|
10302
10382
|
|
|
10303
10383
|
.pf-v6-c-menu-toggle__controls {
|
|
10384
|
+
display: flex;
|
|
10304
10385
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
10386
|
+
align-items: center;
|
|
10387
|
+
justify-content: center;
|
|
10305
10388
|
margin-inline-start: auto;
|
|
10306
10389
|
}
|
|
10307
10390
|
|
|
@@ -11355,7 +11438,7 @@ ul.pf-v6-c-list {
|
|
|
11355
11438
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
11356
11439
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11357
11440
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
11358
|
-
--pf-v6-c-page__sidebar--xl--Width:
|
|
11441
|
+
--pf-v6-c-page__sidebar--xl--Width: 18.125rem;
|
|
11359
11442
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11360
11443
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
11361
11444
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -11416,11 +11499,13 @@ ul.pf-v6-c-list {
|
|
|
11416
11499
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
11417
11500
|
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11418
11501
|
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11502
|
+
--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11419
11503
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11420
11504
|
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11421
11505
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
|
|
11422
11506
|
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
11423
11507
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11508
|
+
--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
11424
11509
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
|
11425
11510
|
--pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
|
|
11426
11511
|
--pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
|
|
@@ -11542,18 +11627,21 @@ ul.pf-v6-c-list {
|
|
|
11542
11627
|
flex-grow: 0;
|
|
11543
11628
|
}
|
|
11544
11629
|
|
|
11630
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11545
11631
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11546
11632
|
.pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11547
11633
|
.pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11548
11634
|
.pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
|
|
11549
11635
|
max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
|
|
11550
11636
|
}
|
|
11637
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center,
|
|
11551
11638
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
|
|
11552
11639
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
|
|
11553
11640
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
|
|
11554
11641
|
.pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
|
|
11555
11642
|
align-items: center;
|
|
11556
11643
|
}
|
|
11644
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11557
11645
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11558
11646
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11559
11647
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
@@ -11802,6 +11890,9 @@ ul.pf-v6-c-list {
|
|
|
11802
11890
|
padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
|
|
11803
11891
|
background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
|
|
11804
11892
|
}
|
|
11893
|
+
.pf-v6-c-page__main-subnav.pf-m-sticky-top {
|
|
11894
|
+
padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
|
|
11895
|
+
}
|
|
11805
11896
|
|
|
11806
11897
|
.pf-v6-c-page__main-breadcrumb {
|
|
11807
11898
|
padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
|
|
@@ -14922,7 +15013,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14922
15013
|
--pf-v6-c-table--cell--Width: auto;
|
|
14923
15014
|
}
|
|
14924
15015
|
|
|
14925
|
-
@media screen and (max-width: 48rem) {
|
|
15016
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14926
15017
|
.pf-m-grid-md.pf-v6-c-table {
|
|
14927
15018
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
14928
15019
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -15192,14 +15283,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15192
15283
|
text-align: end;
|
|
15193
15284
|
}
|
|
15194
15285
|
}
|
|
15195
|
-
@media screen and (max-width: 48rem) and (max-width: 36rem) {
|
|
15286
|
+
@media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
|
|
15196
15287
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
15197
15288
|
grid-row-start: 1;
|
|
15198
15289
|
grid-column-start: 2;
|
|
15199
15290
|
margin-inline-start: 0;
|
|
15200
15291
|
}
|
|
15201
15292
|
}
|
|
15202
|
-
@media screen and (max-width: 48rem) {
|
|
15293
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
15203
15294
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
15204
15295
|
grid-column: 2;
|
|
15205
15296
|
grid-row: 2;
|
|
@@ -15225,7 +15316,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15225
15316
|
}
|
|
15226
15317
|
}
|
|
15227
15318
|
|
|
15228
|
-
@media screen and (max-width: 62rem) {
|
|
15319
|
+
@media screen and (max-width: calc(62rem - 1px)) {
|
|
15229
15320
|
.pf-m-grid-lg.pf-v6-c-table {
|
|
15230
15321
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
15231
15322
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -15495,14 +15586,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15495
15586
|
text-align: end;
|
|
15496
15587
|
}
|
|
15497
15588
|
}
|
|
15498
|
-
@media screen and (max-width: 62rem) and (max-width: 36rem) {
|
|
15589
|
+
@media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
|
|
15499
15590
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
15500
15591
|
grid-row-start: 1;
|
|
15501
15592
|
grid-column-start: 2;
|
|
15502
15593
|
margin-inline-start: 0;
|
|
15503
15594
|
}
|
|
15504
15595
|
}
|
|
15505
|
-
@media screen and (max-width: 62rem) {
|
|
15596
|
+
@media screen and (max-width: calc(62rem - 1px)) {
|
|
15506
15597
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
15507
15598
|
grid-column: 2;
|
|
15508
15599
|
grid-row: 2;
|
|
@@ -15528,7 +15619,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15528
15619
|
}
|
|
15529
15620
|
}
|
|
15530
15621
|
|
|
15531
|
-
@media screen and (max-width: 75rem) {
|
|
15622
|
+
@media screen and (max-width: calc(75rem - 1px)) {
|
|
15532
15623
|
.pf-m-grid-xl.pf-v6-c-table {
|
|
15533
15624
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
15534
15625
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -15798,14 +15889,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15798
15889
|
text-align: end;
|
|
15799
15890
|
}
|
|
15800
15891
|
}
|
|
15801
|
-
@media screen and (max-width: 75rem) and (max-width: 36rem) {
|
|
15892
|
+
@media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
|
|
15802
15893
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
15803
15894
|
grid-row-start: 1;
|
|
15804
15895
|
grid-column-start: 2;
|
|
15805
15896
|
margin-inline-start: 0;
|
|
15806
15897
|
}
|
|
15807
15898
|
}
|
|
15808
|
-
@media screen and (max-width: 75rem) {
|
|
15899
|
+
@media screen and (max-width: calc(75rem - 1px)) {
|
|
15809
15900
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
15810
15901
|
grid-column: 2;
|
|
15811
15902
|
grid-row: 2;
|
|
@@ -15831,7 +15922,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15831
15922
|
}
|
|
15832
15923
|
}
|
|
15833
15924
|
|
|
15834
|
-
@media screen and (max-width: 90.625rem) {
|
|
15925
|
+
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
15835
15926
|
.pf-m-grid-2xl.pf-v6-c-table {
|
|
15836
15927
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
15837
15928
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -16101,14 +16192,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16101
16192
|
text-align: end;
|
|
16102
16193
|
}
|
|
16103
16194
|
}
|
|
16104
|
-
@media screen and (max-width: 90.625rem) and (max-width: 36rem) {
|
|
16195
|
+
@media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
|
|
16105
16196
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
16106
16197
|
grid-row-start: 1;
|
|
16107
16198
|
grid-column-start: 2;
|
|
16108
16199
|
margin-inline-start: 0;
|
|
16109
16200
|
}
|
|
16110
16201
|
}
|
|
16111
|
-
@media screen and (max-width: 90.625rem) {
|
|
16202
|
+
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
16112
16203
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
16113
16204
|
grid-column: 2;
|
|
16114
16205
|
grid-row: 2;
|
|
@@ -16163,7 +16254,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16163
16254
|
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
16164
16255
|
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
16165
16256
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
16166
|
-
--pf-v6-c-table--cell--MinWidth:
|
|
16257
|
+
--pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
|
|
16167
16258
|
--pf-v6-c-table--cell--MaxWidth: none;
|
|
16168
16259
|
--pf-v6-c-table--cell--Width: auto;
|
|
16169
16260
|
--pf-v6-c-table--cell--Overflow: visible;
|
|
@@ -16177,6 +16268,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16177
16268
|
--pf-v6-c-table--cell--m-help--MinWidth: 11ch;
|
|
16178
16269
|
--pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
|
|
16179
16270
|
--pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
|
|
16271
|
+
--pf-v6-c-table__text--MinWidth: 100%;
|
|
16272
|
+
--pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
|
|
16180
16273
|
--pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
|
|
16181
16274
|
--pf-v6-c-table--cell--hidden-visible--Display: table-cell;
|
|
16182
16275
|
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -16565,11 +16658,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16565
16658
|
}
|
|
16566
16659
|
|
|
16567
16660
|
.pf-v6-c-table__text {
|
|
16568
|
-
--pf-v6-c-table--cell--MaxWidth: 100%;
|
|
16569
16661
|
position: relative;
|
|
16570
16662
|
display: block;
|
|
16571
16663
|
width: var(--pf-v6-c-table--cell--Width);
|
|
16572
|
-
min-width: var(--pf-v6-c-
|
|
16664
|
+
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
16573
16665
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
16574
16666
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
16575
16667
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
@@ -16579,7 +16671,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16579
16671
|
}
|
|
16580
16672
|
.pf-v6-c-table__text.pf-m-truncate {
|
|
16581
16673
|
--pf-v6-c-table--cell--MinWidth: 100%;
|
|
16582
|
-
--pf-v6-c-
|
|
16674
|
+
min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
|
|
16583
16675
|
}
|
|
16584
16676
|
.pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
|
|
16585
16677
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
@@ -16632,6 +16724,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16632
16724
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
|
16633
16725
|
.pf-v6-c-table__column-help .pf-v6-c-table__text {
|
|
16634
16726
|
min-width: auto;
|
|
16727
|
+
max-width: 100%;
|
|
16635
16728
|
}
|
|
16636
16729
|
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
|
|
16637
16730
|
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
|
|
@@ -16662,6 +16755,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16662
16755
|
.pf-v6-c-table .pf-v6-c-table__draggable {
|
|
16663
16756
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
16664
16757
|
--pf-v6-c-table--cell--Width: 1%;
|
|
16758
|
+
max-width: none;
|
|
16665
16759
|
}
|
|
16666
16760
|
|
|
16667
16761
|
.pf-v6-c-table .pf-v6-c-table__favorite {
|
|
@@ -17310,7 +17404,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17310
17404
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
|
|
17311
17405
|
}
|
|
17312
17406
|
|
|
17313
|
-
@media screen and (max-width: 48rem) {
|
|
17407
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
17314
17408
|
.pf-m-tree-view-grid-md.pf-v6-c-table {
|
|
17315
17409
|
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
17316
17410
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -17453,7 +17547,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17453
17547
|
}
|
|
17454
17548
|
}
|
|
17455
17549
|
|
|
17456
|
-
@media screen and (max-width: 62rem) {
|
|
17550
|
+
@media screen and (max-width: calc(62rem - 1px)) {
|
|
17457
17551
|
.pf-m-tree-view-grid-lg.pf-v6-c-table {
|
|
17458
17552
|
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
17459
17553
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -17596,7 +17690,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17596
17690
|
}
|
|
17597
17691
|
}
|
|
17598
17692
|
|
|
17599
|
-
@media screen and (max-width: 75rem) {
|
|
17693
|
+
@media screen and (max-width: calc(75rem - 1px)) {
|
|
17600
17694
|
.pf-m-tree-view-grid-xl.pf-v6-c-table {
|
|
17601
17695
|
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
17602
17696
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -17739,7 +17833,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17739
17833
|
}
|
|
17740
17834
|
}
|
|
17741
17835
|
|
|
17742
|
-
@media screen and (max-width: 90.625rem) {
|
|
17836
|
+
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
17743
17837
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table {
|
|
17744
17838
|
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
17745
17839
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -19067,6 +19161,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19067
19161
|
--pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19068
19162
|
--pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
19069
19163
|
--pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19164
|
+
--pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
19070
19165
|
}
|
|
19071
19166
|
|
|
19072
19167
|
.pf-v6-c-title {
|
|
@@ -19133,6 +19228,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19133
19228
|
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
19134
19229
|
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
19135
19230
|
}
|
|
19231
|
+
.pf-v6-c-title.pf-m-page-title {
|
|
19232
|
+
font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
|
|
19233
|
+
}
|
|
19136
19234
|
|
|
19137
19235
|
.pf-v6-c-toggle-group {
|
|
19138
19236
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21904,7 +22002,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
21904
22002
|
--pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
|
|
21905
22003
|
--pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
21906
22004
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
21907
|
-
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--
|
|
22005
|
+
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
|
|
21908
22006
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
21909
22007
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
21910
22008
|
--pf-v6-c-wizard__nav--Width: 100%;
|