@patternfly/patternfly 6.0.0-alpha.82 → 6.0.0-alpha.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Breadcrumb/breadcrumb.css +9 -1
- package/components/Breadcrumb/breadcrumb.scss +10 -3
- package/components/Button/button.css +1 -1
- package/components/Button/button.scss +1 -1
- package/components/Menu/menu.css +388 -419
- package/components/Menu/menu.scss +369 -529
- package/components/MenuToggle/menu-toggle.css +229 -265
- package/components/MenuToggle/menu-toggle.scss +330 -370
- package/components/TextInputGroup/text-input-group.css +0 -14
- package/components/TextInputGroup/text-input-group.scss +3 -16
- package/docs/components/Button/examples/Button.md +134 -134
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
- package/docs/components/Card/examples/Card.md +8 -8
- package/docs/components/DualListSelector/examples/DualListSelector.md +2 -2
- package/docs/components/Form/examples/Form.md +11 -11
- package/docs/components/Label/examples/Label.md +157 -157
- package/docs/components/LogViewer/examples/LogViewer.md +110 -110
- package/docs/components/Menu/examples/Menu.css +7 -11
- package/docs/components/Menu/examples/Menu.md +637 -944
- package/docs/components/MenuToggle/examples/MenuToggle.md +88 -51
- package/docs/components/Nav/examples/Navigation.md +113 -140
- package/docs/components/Tabs/examples/Tabs.md +24 -24
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
- package/docs/components/Toolbar/examples/Toolbar.md +28 -28
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
- package/docs/demos/Alert/examples/Alert.md +6 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
- package/docs/demos/Banner/examples/Banner.md +4 -4
- package/docs/demos/Button/examples/Button.md +1 -1
- package/docs/demos/CardView/examples/CardView.md +3 -3
- package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
- package/docs/demos/DataList/examples/DataList.md +13 -13
- package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
- package/docs/demos/Drawer/examples/Drawer.md +10 -10
- package/docs/demos/Form/examples/BasicForms.md +12 -12
- package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
- package/docs/demos/Masthead/examples/Masthead.md +9 -9
- package/docs/demos/Modal/examples/Modal.md +15 -15
- package/docs/demos/Nav/examples/Nav.md +12 -12
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
- package/docs/demos/Page/examples/Page.md +18 -18
- package/docs/demos/Page/examples/Penta.md +4 -4
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -11
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +18 -18
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
- package/docs/demos/Table/examples/Table.md +54 -54
- package/docs/demos/Tabs/examples/Tabs.md +12 -12
- package/docs/demos/Toolbar/examples/Toolbar.md +27 -27
- package/docs/demos/Wizard/examples/Wizard.md +18 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +746 -711
- package/patternfly-theme-dark-unversioned.css +746 -711
- package/patternfly.css +746 -711
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
- package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-
|
|
2
|
+
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-t-light {
|
|
3
3
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
4
4
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
5
5
|
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
@@ -26,7 +26,16 @@
|
|
|
26
26
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-
|
|
29
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__content,
|
|
30
|
+
.pf-v5-c-menu__list-item,
|
|
31
|
+
.pf-v5-c-menu__item,
|
|
32
|
+
.pf-v5-c-menu__item-main,
|
|
33
|
+
.pf-v5-c-menu__breadcrumb,
|
|
34
|
+
.pf-v5-c-menu__item-check,
|
|
35
|
+
.pf-v5-c-menu__item-action,
|
|
36
|
+
.pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
|
|
37
|
+
.pf-v5-c-menu__list,
|
|
38
|
+
.pf-v5-c-menu__group, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section,
|
|
30
39
|
.pf-v5-c-toolbar__group,
|
|
31
40
|
.pf-v5-c-toolbar__item,
|
|
32
41
|
.pf-v5-c-toolbar__group.pf-m-chip-group-container,
|
|
@@ -35,66 +44,165 @@
|
|
|
35
44
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
36
45
|
display: var(--pf-v5-hidden-visible--Display);
|
|
37
46
|
}
|
|
38
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-
|
|
47
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__content,
|
|
48
|
+
.pf-m-hidden.pf-v5-c-menu__list-item,
|
|
49
|
+
.pf-m-hidden.pf-v5-c-menu__item,
|
|
50
|
+
.pf-m-hidden.pf-v5-c-menu__item-main,
|
|
51
|
+
.pf-m-hidden.pf-v5-c-menu__breadcrumb,
|
|
52
|
+
.pf-m-hidden.pf-v5-c-menu__item-check,
|
|
53
|
+
.pf-m-hidden.pf-v5-c-menu__item-action,
|
|
54
|
+
.pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
|
|
55
|
+
.pf-m-hidden.pf-v5-c-menu__list,
|
|
56
|
+
.pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section,
|
|
39
57
|
.pf-m-hidden.pf-v5-c-toolbar__group,
|
|
40
58
|
.pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-data-list__item-action {
|
|
41
59
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
42
60
|
}
|
|
43
61
|
@media screen and (min-width: 576px) {
|
|
44
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-
|
|
62
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__content,
|
|
63
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
|
|
64
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item,
|
|
65
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
|
|
66
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
|
|
67
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
|
|
68
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
|
|
69
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
|
|
70
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__list,
|
|
71
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
|
|
45
72
|
.pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
|
|
46
73
|
.pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
|
|
47
74
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
48
75
|
}
|
|
49
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-
|
|
76
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__content,
|
|
77
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__list-item,
|
|
78
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item,
|
|
79
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-main,
|
|
80
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
|
|
81
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-check,
|
|
82
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-action,
|
|
83
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
|
|
84
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__list,
|
|
85
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
|
|
50
86
|
.pf-m-visible-on-sm.pf-v5-c-toolbar__group,
|
|
51
87
|
.pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
|
|
52
88
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
53
89
|
}
|
|
54
90
|
}
|
|
55
91
|
@media screen and (min-width: 768px) {
|
|
56
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-
|
|
92
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__content,
|
|
93
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__list-item,
|
|
94
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item,
|
|
95
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-main,
|
|
96
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
|
|
97
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-check,
|
|
98
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-action,
|
|
99
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
|
|
100
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__list,
|
|
101
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
|
|
57
102
|
.pf-m-hidden-on-md.pf-v5-c-toolbar__group,
|
|
58
103
|
.pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
|
|
59
104
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
60
105
|
}
|
|
61
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-
|
|
106
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__content,
|
|
107
|
+
.pf-m-visible-on-md.pf-v5-c-menu__list-item,
|
|
108
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item,
|
|
109
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-main,
|
|
110
|
+
.pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
|
|
111
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-check,
|
|
112
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-action,
|
|
113
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
|
|
114
|
+
.pf-m-visible-on-md.pf-v5-c-menu__list,
|
|
115
|
+
.pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
|
|
62
116
|
.pf-m-visible-on-md.pf-v5-c-toolbar__group,
|
|
63
117
|
.pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
|
|
64
118
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
65
119
|
}
|
|
66
120
|
}
|
|
67
121
|
@media screen and (min-width: 992px) {
|
|
68
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-
|
|
122
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__content,
|
|
123
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
|
|
124
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item,
|
|
125
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
|
|
126
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
|
|
127
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
|
|
128
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
|
|
129
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
|
|
130
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__list,
|
|
131
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
|
|
69
132
|
.pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
|
|
70
133
|
.pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
|
|
71
134
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
72
135
|
}
|
|
73
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-
|
|
136
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__content,
|
|
137
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__list-item,
|
|
138
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item,
|
|
139
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-main,
|
|
140
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
|
|
141
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-check,
|
|
142
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-action,
|
|
143
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
|
|
144
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__list,
|
|
145
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
|
|
74
146
|
.pf-m-visible-on-lg.pf-v5-c-toolbar__group,
|
|
75
147
|
.pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
|
|
76
148
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
77
149
|
}
|
|
78
150
|
}
|
|
79
151
|
@media screen and (min-width: 1200px) {
|
|
80
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-
|
|
152
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__content,
|
|
153
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
|
|
154
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item,
|
|
155
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
|
|
156
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
|
|
157
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
|
|
158
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
|
|
159
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
|
|
160
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__list,
|
|
161
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
|
|
81
162
|
.pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
|
|
82
163
|
.pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
|
|
83
164
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
84
165
|
}
|
|
85
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-
|
|
166
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__content,
|
|
167
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__list-item,
|
|
168
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item,
|
|
169
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-main,
|
|
170
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
|
|
171
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-check,
|
|
172
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-action,
|
|
173
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
|
|
174
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__list,
|
|
175
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
|
|
86
176
|
.pf-m-visible-on-xl.pf-v5-c-toolbar__group,
|
|
87
177
|
.pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
|
|
88
178
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
89
179
|
}
|
|
90
180
|
}
|
|
91
181
|
@media screen and (min-width: 1450px) {
|
|
92
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-
|
|
182
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__content,
|
|
183
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
|
|
184
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item,
|
|
185
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
|
|
186
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
|
|
187
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
|
|
188
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
|
|
189
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
|
|
190
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__list,
|
|
191
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
|
|
93
192
|
.pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
|
|
94
193
|
.pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
|
|
95
194
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
96
195
|
}
|
|
97
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-
|
|
196
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__content,
|
|
197
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
|
|
198
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item,
|
|
199
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
|
|
200
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
|
|
201
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
|
|
202
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
|
|
203
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
|
|
204
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__list,
|
|
205
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
|
|
98
206
|
.pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
|
|
99
207
|
.pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
|
|
100
208
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
@@ -7712,13 +7820,16 @@ html .ws-preview {
|
|
|
7712
7820
|
max-width: 100%;
|
|
7713
7821
|
}
|
|
7714
7822
|
|
|
7715
|
-
:root,
|
|
7823
|
+
:where(:root),
|
|
7824
|
+
:where(.pf-v5-c-breadcrumb) {
|
|
7716
7825
|
--pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7717
7826
|
--pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
7718
7827
|
--pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
|
|
7719
7828
|
--pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
|
|
7720
7829
|
--pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
|
|
7721
7830
|
--pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
7831
|
+
--pf-v5-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7832
|
+
--pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7722
7833
|
--pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
7723
7834
|
--pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
7724
7835
|
--pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
@@ -7752,6 +7863,9 @@ html .ws-preview {
|
|
|
7752
7863
|
white-space: nowrap;
|
|
7753
7864
|
list-style: none;
|
|
7754
7865
|
}
|
|
7866
|
+
.pf-v5-c-breadcrumb__item:first-child:has(.pf-v5-c-breadcrumb__link) {
|
|
7867
|
+
--pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
|
|
7868
|
+
}
|
|
7755
7869
|
.pf-v5-c-breadcrumb__item:not(:last-child) {
|
|
7756
7870
|
margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
|
|
7757
7871
|
}
|
|
@@ -7767,6 +7881,8 @@ html .ws-preview {
|
|
|
7767
7881
|
}
|
|
7768
7882
|
|
|
7769
7883
|
.pf-v5-c-breadcrumb__link {
|
|
7884
|
+
padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
|
|
7885
|
+
padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
|
|
7770
7886
|
font-size: inherit;
|
|
7771
7887
|
font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
|
|
7772
7888
|
line-height: inherit;
|
|
@@ -7906,7 +8022,7 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
7906
8022
|
--pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
|
|
7907
8023
|
--pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
|
|
7908
8024
|
--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
|
|
7909
|
-
--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
|
|
8025
|
+
--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
|
|
7910
8026
|
--pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
|
|
7911
8027
|
--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
|
|
7912
8028
|
--pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -18035,7 +18151,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18035
18151
|
color: var(--pf-v5-c-jump-links__toggle-text--Color);
|
|
18036
18152
|
}
|
|
18037
18153
|
|
|
18038
|
-
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-
|
|
18154
|
+
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
|
|
18039
18155
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
18040
18156
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
18041
18157
|
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
@@ -18062,7 +18178,16 @@ label.pf-v5-c-input-group__text {
|
|
|
18062
18178
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
|
|
18063
18179
|
}
|
|
18064
18180
|
|
|
18065
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-
|
|
18181
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__content,
|
|
18182
|
+
.pf-v5-c-menu__list-item,
|
|
18183
|
+
.pf-v5-c-menu__item,
|
|
18184
|
+
.pf-v5-c-menu__item-main,
|
|
18185
|
+
.pf-v5-c-menu__breadcrumb,
|
|
18186
|
+
.pf-v5-c-menu__item-check,
|
|
18187
|
+
.pf-v5-c-menu__item-action,
|
|
18188
|
+
.pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
|
|
18189
|
+
.pf-v5-c-menu__list,
|
|
18190
|
+
.pf-v5-c-menu__group, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
|
|
18066
18191
|
.pf-v5-c-toolbar__group,
|
|
18067
18192
|
.pf-v5-c-toolbar__item,
|
|
18068
18193
|
.pf-v5-c-toolbar__group.pf-m-chip-group-container,
|
|
@@ -18071,66 +18196,165 @@ label.pf-v5-c-input-group__text {
|
|
|
18071
18196
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18072
18197
|
display: var(--pf-v5-hidden-visible--Display);
|
|
18073
18198
|
}
|
|
18074
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-
|
|
18199
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__content,
|
|
18200
|
+
.pf-m-hidden.pf-v5-c-menu__list-item,
|
|
18201
|
+
.pf-m-hidden.pf-v5-c-menu__item,
|
|
18202
|
+
.pf-m-hidden.pf-v5-c-menu__item-main,
|
|
18203
|
+
.pf-m-hidden.pf-v5-c-menu__breadcrumb,
|
|
18204
|
+
.pf-m-hidden.pf-v5-c-menu__item-check,
|
|
18205
|
+
.pf-m-hidden.pf-v5-c-menu__item-action,
|
|
18206
|
+
.pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
|
|
18207
|
+
.pf-m-hidden.pf-v5-c-menu__list,
|
|
18208
|
+
.pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__content-section,
|
|
18075
18209
|
.pf-m-hidden.pf-v5-c-toolbar__group,
|
|
18076
18210
|
.pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-divider {
|
|
18077
18211
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18078
18212
|
}
|
|
18079
18213
|
@media screen and (min-width: 576px) {
|
|
18080
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-
|
|
18214
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__content,
|
|
18215
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
|
|
18216
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item,
|
|
18217
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
|
|
18218
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
|
|
18219
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
|
|
18220
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
|
|
18221
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
|
|
18222
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__list,
|
|
18223
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section,
|
|
18081
18224
|
.pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
|
|
18082
18225
|
.pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-divider {
|
|
18083
18226
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18084
18227
|
}
|
|
18085
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-
|
|
18228
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__content,
|
|
18229
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__list-item,
|
|
18230
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item,
|
|
18231
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-main,
|
|
18232
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
|
|
18233
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-check,
|
|
18234
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-action,
|
|
18235
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
|
|
18236
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__list,
|
|
18237
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section,
|
|
18086
18238
|
.pf-m-visible-on-sm.pf-v5-c-toolbar__group,
|
|
18087
18239
|
.pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-divider {
|
|
18088
18240
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18089
18241
|
}
|
|
18090
18242
|
}
|
|
18091
18243
|
@media screen and (min-width: 768px) {
|
|
18092
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-
|
|
18244
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__content,
|
|
18245
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__list-item,
|
|
18246
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item,
|
|
18247
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-main,
|
|
18248
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
|
|
18249
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-check,
|
|
18250
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-action,
|
|
18251
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
|
|
18252
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__list,
|
|
18253
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section,
|
|
18093
18254
|
.pf-m-hidden-on-md.pf-v5-c-toolbar__group,
|
|
18094
18255
|
.pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-divider {
|
|
18095
18256
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18096
18257
|
}
|
|
18097
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-
|
|
18258
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__content,
|
|
18259
|
+
.pf-m-visible-on-md.pf-v5-c-menu__list-item,
|
|
18260
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item,
|
|
18261
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-main,
|
|
18262
|
+
.pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
|
|
18263
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-check,
|
|
18264
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-action,
|
|
18265
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
|
|
18266
|
+
.pf-m-visible-on-md.pf-v5-c-menu__list,
|
|
18267
|
+
.pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section,
|
|
18098
18268
|
.pf-m-visible-on-md.pf-v5-c-toolbar__group,
|
|
18099
18269
|
.pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-divider {
|
|
18100
18270
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18101
18271
|
}
|
|
18102
18272
|
}
|
|
18103
18273
|
@media screen and (min-width: 992px) {
|
|
18104
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-
|
|
18274
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__content,
|
|
18275
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
|
|
18276
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item,
|
|
18277
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
|
|
18278
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
|
|
18279
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
|
|
18280
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
|
|
18281
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
|
|
18282
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__list,
|
|
18283
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section,
|
|
18105
18284
|
.pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
|
|
18106
18285
|
.pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-divider {
|
|
18107
18286
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18108
18287
|
}
|
|
18109
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-
|
|
18288
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__content,
|
|
18289
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__list-item,
|
|
18290
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item,
|
|
18291
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-main,
|
|
18292
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
|
|
18293
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-check,
|
|
18294
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-action,
|
|
18295
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
|
|
18296
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__list,
|
|
18297
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section,
|
|
18110
18298
|
.pf-m-visible-on-lg.pf-v5-c-toolbar__group,
|
|
18111
18299
|
.pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-divider {
|
|
18112
18300
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18113
18301
|
}
|
|
18114
18302
|
}
|
|
18115
18303
|
@media screen and (min-width: 1200px) {
|
|
18116
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-
|
|
18304
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__content,
|
|
18305
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
|
|
18306
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item,
|
|
18307
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
|
|
18308
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
|
|
18309
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
|
|
18310
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
|
|
18311
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
|
|
18312
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__list,
|
|
18313
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section,
|
|
18117
18314
|
.pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
|
|
18118
18315
|
.pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-divider {
|
|
18119
18316
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18120
18317
|
}
|
|
18121
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-
|
|
18318
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__content,
|
|
18319
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__list-item,
|
|
18320
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item,
|
|
18321
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-main,
|
|
18322
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
|
|
18323
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-check,
|
|
18324
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-action,
|
|
18325
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
|
|
18326
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__list,
|
|
18327
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section,
|
|
18122
18328
|
.pf-m-visible-on-xl.pf-v5-c-toolbar__group,
|
|
18123
18329
|
.pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-divider {
|
|
18124
18330
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18125
18331
|
}
|
|
18126
18332
|
}
|
|
18127
18333
|
@media screen and (min-width: 1450px) {
|
|
18128
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-
|
|
18334
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__content,
|
|
18335
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
|
|
18336
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item,
|
|
18337
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
|
|
18338
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
|
|
18339
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
|
|
18340
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
|
|
18341
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
|
|
18342
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__list,
|
|
18343
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section,
|
|
18129
18344
|
.pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
|
|
18130
18345
|
.pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-divider {
|
|
18131
18346
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18132
18347
|
}
|
|
18133
|
-
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-
|
|
18348
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__content,
|
|
18349
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
|
|
18350
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item,
|
|
18351
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
|
|
18352
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
|
|
18353
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
|
|
18354
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
|
|
18355
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
|
|
18356
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__list,
|
|
18357
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section,
|
|
18134
18358
|
.pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
|
|
18135
18359
|
.pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-divider {
|
|
18136
18360
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
@@ -19725,171 +19949,157 @@ ul.pf-v5-c-list {
|
|
|
19725
19949
|
padding-inline-end: var(--pf-v5-global--spacer--2xl);
|
|
19726
19950
|
}
|
|
19727
19951
|
|
|
19728
|
-
|
|
19729
|
-
|
|
19730
|
-
--pf-v5-c-menu--
|
|
19731
|
-
--pf-v5-c-menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
19732
|
-
--pf-v5-c-menu--MinWidth: auto;
|
|
19952
|
+
:where(:root),
|
|
19953
|
+
:where(.pf-v5-c-menu) {
|
|
19954
|
+
--pf-v5-c-menu--RowGap: var(--pf-t--global--spacer--sm);
|
|
19733
19955
|
--pf-v5-c-menu--Width: auto;
|
|
19734
|
-
--pf-v5-c-menu--
|
|
19735
|
-
--pf-v5-c-menu--
|
|
19736
|
-
--pf-v5-c-menu--
|
|
19737
|
-
--pf-v5-c-menu--
|
|
19738
|
-
--pf-v5-c-menu--
|
|
19739
|
-
--pf-v5-c-menu--
|
|
19740
|
-
--pf-v5-c-menu--
|
|
19741
|
-
--pf-v5-c-menu--
|
|
19956
|
+
--pf-v5-c-menu--MinWidth: auto;
|
|
19957
|
+
--pf-v5-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19958
|
+
--pf-v5-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19959
|
+
--pf-v5-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
19960
|
+
--pf-v5-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
19961
|
+
--pf-v5-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
19962
|
+
--pf-v5-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
19963
|
+
--pf-v5-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
19964
|
+
--pf-v5-c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
|
|
19965
|
+
--pf-v5-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
19966
|
+
--pf-v5-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19742
19967
|
--pf-v5-c-menu--m-plain--BoxShadow: none;
|
|
19743
|
-
--pf-v5-c-
|
|
19744
|
-
--pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
|
|
19745
|
-
--pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
|
|
19968
|
+
--pf-v5-c-menu__content--RowGap: var(--pf-v5-c-menu--RowGap);
|
|
19746
19969
|
--pf-v5-c-menu__content--Height: auto;
|
|
19747
19970
|
--pf-v5-c-menu__content--MaxHeight: none;
|
|
19748
19971
|
--pf-v5-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
|
|
19749
|
-
--pf-v5-c-
|
|
19750
|
-
--pf-v5-c-
|
|
19751
|
-
--pf-v5-c-
|
|
19752
|
-
--pf-v5-c-
|
|
19753
|
-
--pf-v5-c-
|
|
19754
|
-
--pf-v5-c-
|
|
19755
|
-
--pf-v5-c-
|
|
19756
|
-
--pf-v5-c-
|
|
19757
|
-
--pf-v5-c-
|
|
19758
|
-
--pf-v5-c-
|
|
19759
|
-
--pf-v5-c-
|
|
19760
|
-
--pf-v5-c-
|
|
19761
|
-
--pf-v5-c-
|
|
19762
|
-
--pf-v5-c-
|
|
19763
|
-
--pf-v5-c-
|
|
19764
|
-
--pf-v5-c-
|
|
19765
|
-
--pf-v5-c-
|
|
19766
|
-
--pf-v5-c-
|
|
19767
|
-
--pf-v5-c-
|
|
19768
|
-
--pf-v5-c-
|
|
19769
|
-
--pf-v5-c-
|
|
19770
|
-
--pf-v5-c-
|
|
19771
|
-
--pf-v5-c-
|
|
19772
|
-
--pf-v5-c-
|
|
19773
|
-
--pf-v5-c-
|
|
19774
|
-
--pf-v5-c-
|
|
19775
|
-
--pf-v5-c-
|
|
19776
|
-
--pf-v5-c-
|
|
19777
|
-
--pf-v5-c-
|
|
19778
|
-
--pf-v5-c-
|
|
19779
|
-
--pf-v5-c-
|
|
19780
|
-
--pf-v5-c-
|
|
19781
|
-
--pf-v5-c-
|
|
19782
|
-
--pf-v5-c-
|
|
19783
|
-
--pf-v5-c-
|
|
19784
|
-
--pf-v5-c-
|
|
19785
|
-
--pf-v5-c-
|
|
19786
|
-
--pf-v5-c-
|
|
19787
|
-
--pf-v5-c-
|
|
19788
|
-
--pf-v5-c-
|
|
19789
|
-
--pf-v5-c-
|
|
19790
|
-
--pf-v5-c-
|
|
19791
|
-
--pf-v5-c-
|
|
19792
|
-
--pf-v5-c-
|
|
19793
|
-
--pf-v5-c-
|
|
19794
|
-
--pf-v5-c-
|
|
19795
|
-
--pf-v5-c-
|
|
19796
|
-
--pf-v5-c-
|
|
19797
|
-
--pf-v5-c-
|
|
19798
|
-
--pf-v5-c-
|
|
19799
|
-
--pf-v5-c-
|
|
19800
|
-
--pf-v5-c-menu__item-
|
|
19801
|
-
--pf-v5-c-menu__item-
|
|
19802
|
-
--pf-v5-c-menu__item-
|
|
19803
|
-
--pf-v5-c-
|
|
19804
|
-
--pf-v5-c-
|
|
19805
|
-
--pf-v5-c-
|
|
19806
|
-
--pf-v5-c-
|
|
19807
|
-
--pf-v5-c-
|
|
19808
|
-
--pf-v5-c-
|
|
19809
|
-
--pf-v5-c-
|
|
19810
|
-
--pf-v5-c-
|
|
19811
|
-
--pf-v5-c-
|
|
19812
|
-
--pf-v5-c-
|
|
19813
|
-
--pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-global--link--Color);
|
|
19814
|
-
--pf-v5-c-menu__item-external-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
19815
|
-
--pf-v5-c-menu__item-external-icon--Opacity: 0;
|
|
19816
|
-
--pf-v5-c-menu__item-action--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
19817
|
-
--pf-v5-c-menu__item-action--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
19818
|
-
--pf-v5-c-menu__item-action--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
19819
|
-
--pf-v5-c-menu__item-action--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
19820
|
-
--pf-v5-c-menu__item-action--Color: var(--pf-v5-global--Color--200);
|
|
19821
|
-
--pf-v5-c-menu__item-action--BackgroundColor: transparent;
|
|
19822
|
-
--pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-global--Color--100);
|
|
19823
|
-
--pf-v5-c-menu__item-action--disabled--Color: var(--pf-v5-global--disabled-color--200);
|
|
19824
|
-
--pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-v5-global--palette--gold-400);
|
|
19825
|
-
--pf-v5-c-menu__item-action--m-favorited--hover--Color: var(--pf-v5-global--palette--gold-500);
|
|
19826
|
-
--pf-v5-c-menu__item-action-icon--Height: calc(var(--pf-v5-c-menu__item--FontSize) * var(--pf-v5-c-menu__item--LineHeight));
|
|
19827
|
-
--pf-v5-c-menu__item-action--m-favorite__icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
19828
|
-
--pf-v5-c-menu__breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
19829
|
-
--pf-v5-c-menu__breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
19830
|
-
--pf-v5-c-menu__breadcrumb--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
19831
|
-
--pf-v5-c-menu__breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
19832
|
-
--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--md);
|
|
19833
|
-
--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize: var(--pf-v5-global--FontSize--md);
|
|
19834
|
-
--pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
|
|
19835
|
-
--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
19836
|
-
--pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
19972
|
+
--pf-v5-c-menu__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19973
|
+
--pf-v5-c-menu__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19974
|
+
--pf-v5-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
19975
|
+
--pf-v5-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19976
|
+
--pf-v5-c-menu__footer--BoxShadow: none;
|
|
19977
|
+
--pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
19978
|
+
--pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
19979
|
+
--pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
19980
|
+
--pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
19981
|
+
--pf-v5-c-menu__list-item--MixBlendMode: normal;
|
|
19982
|
+
--pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
19983
|
+
--pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
19984
|
+
--pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
|
|
19985
|
+
--pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19986
|
+
--pf-v5-c-menu__list--divider--MarginTop: var(--pf-t--global--spacer--sm);
|
|
19987
|
+
--pf-v5-c-menu__list--divider--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
19988
|
+
--pf-v5-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19989
|
+
--pf-v5-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19990
|
+
--pf-v5-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19991
|
+
--pf-v5-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19992
|
+
--pf-v5-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
19993
|
+
--pf-v5-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
19994
|
+
--pf-v5-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body);
|
|
19995
|
+
--pf-v5-c-menu__item--Color: var(--pf-t--global--text--color--regular);
|
|
19996
|
+
--pf-v5-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
19997
|
+
--pf-v5-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
19998
|
+
--pf-v5-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19999
|
+
--pf-v5-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20000
|
+
--pf-v5-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20001
|
+
--pf-v5-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20002
|
+
--pf-v5-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20003
|
+
--pf-v5-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20004
|
+
--pf-v5-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20005
|
+
--pf-v5-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20006
|
+
--pf-v5-c-menu__breadcrumb--PaddingBlockStart: 0;
|
|
20007
|
+
--pf-v5-c-menu__breadcrumb--PaddingBlockEnd: 0;
|
|
20008
|
+
--pf-v5-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20009
|
+
--pf-v5-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20010
|
+
--pf-v5-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20011
|
+
--pf-v5-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20012
|
+
--pf-v5-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20013
|
+
--pf-v5-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20014
|
+
--pf-v5-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20015
|
+
--pf-v5-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
|
|
20016
|
+
--pf-v5-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
20017
|
+
--pf-v5-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
|
|
20018
|
+
--pf-v5-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20019
|
+
--pf-v5-c-menu__item-action--icon--size: var(--pf-v5-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
|
|
20020
|
+
--pf-v5-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
|
|
20021
|
+
--pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
|
|
20022
|
+
--pf-v5-c-menu__item-action--button--MinWidth: calc(var(--pf-v5-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
|
|
20023
|
+
--pf-v5-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
20024
|
+
--pf-v5-c-menu__item--m-selected__item-select-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
20025
|
+
--pf-v5-c-menu__item-external--Color: var(--pf-t--global--icon--color--brand--default);
|
|
20026
|
+
--pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
|
|
20027
|
+
--pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
|
|
20028
|
+
--pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
|
|
20029
|
+
--pf-v5-c-menu--m-flyout__Zindex: var(--pf-t--global--Zindex--sm);
|
|
20030
|
+
--pf-v5-c-menu--m-flyout__menu--Top: calc(var(--pf-v5-c-menu__list--PaddingBlockStart) * -1 + var(--pf-v5-c-menu--m-flyout__menu--top-offset));
|
|
20031
|
+
--pf-v5-c-menu--m-flyout__menu--Right: auto;
|
|
20032
|
+
--pf-v5-c-menu--m-flyout__menu--Bottom: auto;
|
|
20033
|
+
--pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
|
|
20034
|
+
--pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingBlockStart) * -1);
|
|
20035
|
+
--pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
|
|
19837
20036
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
|
|
19838
20037
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
19839
20038
|
--pf-v5-c-menu--m-drilldown__content--Transition: transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
19840
20039
|
--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
19841
20040
|
--pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19842
|
-
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-
|
|
19843
|
-
|
|
19844
|
-
|
|
19845
|
-
|
|
19846
|
-
|
|
19847
|
-
|
|
19848
|
-
--pf-v5-
|
|
19849
|
-
|
|
19850
|
-
|
|
19851
|
-
|
|
19852
|
-
|
|
19853
|
-
|
|
19854
|
-
|
|
19855
|
-
|
|
19856
|
-
|
|
19857
|
-
|
|
19858
|
-
|
|
19859
|
-
--pf-v5-
|
|
19860
|
-
|
|
19861
|
-
|
|
19862
|
-
|
|
19863
|
-
|
|
19864
|
-
|
|
19865
|
-
|
|
19866
|
-
|
|
19867
|
-
|
|
19868
|
-
|
|
19869
|
-
|
|
19870
|
-
|
|
19871
|
-
--pf-v5-c-
|
|
19872
|
-
--pf-v5-c-
|
|
19873
|
-
--pf-v5-c-
|
|
19874
|
-
--pf-v5-c-
|
|
19875
|
-
--pf-v5-c-
|
|
19876
|
-
|
|
19877
|
-
|
|
19878
|
-
|
|
19879
|
-
|
|
19880
|
-
|
|
19881
|
-
|
|
20041
|
+
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
|
|
20042
|
+
}
|
|
20043
|
+
|
|
20044
|
+
.pf-v5-c-menu,
|
|
20045
|
+
.pf-v5-c-menu__list,
|
|
20046
|
+
.pf-v5-c-menu__group {
|
|
20047
|
+
--pf-v5-hidden-visible--visible--Display: grid;
|
|
20048
|
+
}
|
|
20049
|
+
|
|
20050
|
+
.pf-v5-c-menu__content,
|
|
20051
|
+
.pf-v5-c-menu__list-item,
|
|
20052
|
+
.pf-v5-c-menu__item,
|
|
20053
|
+
.pf-v5-c-menu__item-main,
|
|
20054
|
+
.pf-v5-c-menu__breadcrumb,
|
|
20055
|
+
.pf-v5-c-menu__item-check,
|
|
20056
|
+
.pf-v5-c-menu__item-action,
|
|
20057
|
+
.pf-v5-c-menu__item-action-icon {
|
|
20058
|
+
--pf-v5-hidden-visible--visible--Display: flex;
|
|
20059
|
+
}
|
|
20060
|
+
|
|
20061
|
+
.pf-v5-c-menu__list,
|
|
20062
|
+
.pf-v5-c-menu__list-item,
|
|
20063
|
+
.pf-v5-c-menu__breadcrumb,
|
|
20064
|
+
.pf-v5-c-menu__footer {
|
|
20065
|
+
position: relative;
|
|
20066
|
+
}
|
|
20067
|
+
|
|
20068
|
+
.pf-v5-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]),
|
|
20069
|
+
.pf-v5-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
|
|
20070
|
+
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__item--m-disabled--Color);
|
|
20071
|
+
--pf-v5-c-menu__item-toggle-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
|
|
20072
|
+
--pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
|
|
20073
|
+
--pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--icon--disabled--Color);
|
|
20074
|
+
--pf-v5-c-menu__list-item--BackgroundColor: transparent;
|
|
20075
|
+
pointer-events: none;
|
|
20076
|
+
}
|
|
20077
|
+
|
|
20078
|
+
[class*=pf-v5-c-menu]:is([hidden]) {
|
|
20079
|
+
display: none;
|
|
20080
|
+
}
|
|
20081
|
+
|
|
20082
|
+
.pf-v5-c-menu {
|
|
20083
|
+
row-gap: var(--pf-v5-c-menu--RowGap);
|
|
19882
20084
|
width: var(--pf-v5-c-menu--Width);
|
|
19883
20085
|
min-width: var(--pf-v5-c-menu--MinWidth);
|
|
20086
|
+
padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
|
|
20087
|
+
padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
|
|
20088
|
+
overflow: hidden;
|
|
20089
|
+
color: var(--pf-v5-c-menu--Color);
|
|
19884
20090
|
background-color: var(--pf-v5-c-menu--BackgroundColor);
|
|
20091
|
+
border-radius: var(--pf-v5-c-menu--BorderRadius);
|
|
19885
20092
|
box-shadow: var(--pf-v5-c-menu--BoxShadow);
|
|
19886
20093
|
}
|
|
20094
|
+
.pf-v5-c-menu .pf-v5-c-menu {
|
|
20095
|
+
min-width: 100%;
|
|
20096
|
+
border-radius: 0;
|
|
20097
|
+
}
|
|
19887
20098
|
.pf-v5-c-menu .pf-v5-c-menu__content .pf-v5-c-menu .pf-v5-c-menu__content {
|
|
19888
20099
|
overflow: visible;
|
|
19889
20100
|
}
|
|
19890
|
-
.pf-v5-c-menu .pf-v5-c-
|
|
19891
|
-
|
|
19892
|
-
margin-block-end: var(--pf-v5-c-menu--c-divider--MarginBottom);
|
|
20101
|
+
.pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu, .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu__content {
|
|
20102
|
+
overflow: visible;
|
|
19893
20103
|
}
|
|
19894
20104
|
.pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu {
|
|
19895
20105
|
position: absolute;
|
|
@@ -19897,6 +20107,8 @@ ul.pf-v5-c-list {
|
|
|
19897
20107
|
inset-block-end: var(--pf-v5-c-menu--m-flyout__menu--Bottom);
|
|
19898
20108
|
inset-inline-start: var(--pf-v5-c-menu--m-flyout__menu--Left);
|
|
19899
20109
|
inset-inline-end: var(--pf-v5-c-menu--m-flyout__menu--Right);
|
|
20110
|
+
z-index: var(--pf-v5-c-menu--m-flyout__Zindex);
|
|
20111
|
+
border-radius: var(--pf-v5-c-menu--BorderRadius);
|
|
19900
20112
|
}
|
|
19901
20113
|
.pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu__content, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__content {
|
|
19902
20114
|
overflow-y: visible;
|
|
@@ -19909,18 +20121,13 @@ ul.pf-v5-c-list {
|
|
|
19909
20121
|
--pf-v5-c-menu--m-flyout__menu--Right: var(--pf-v5-c-menu--m-flyout__menu--m-left--Right);
|
|
19910
20122
|
--pf-v5-c-menu--m-flyout__menu--Left: auto;
|
|
19911
20123
|
}
|
|
19912
|
-
.pf-v5-c-menu.pf-m-drilldown {
|
|
19913
|
-
display: flex;
|
|
19914
|
-
flex-direction: column;
|
|
19915
|
-
}
|
|
19916
|
-
.pf-v5-c-menu.pf-m-drilldown[hidden] {
|
|
19917
|
-
display: none;
|
|
19918
|
-
}
|
|
19919
20124
|
.pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content {
|
|
19920
|
-
flex-grow: 1;
|
|
19921
20125
|
overflow: hidden;
|
|
19922
20126
|
transition: var(--pf-v5-c-menu--m-drilldown__content--Transition);
|
|
19923
20127
|
}
|
|
20128
|
+
.pf-v5-c-menu.pf-m-drilldown :where(.pf-v5-c-menu) {
|
|
20129
|
+
padding: 0;
|
|
20130
|
+
}
|
|
19924
20131
|
.pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list,
|
|
19925
20132
|
.pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
|
|
19926
20133
|
transform: translateX(-100%);
|
|
@@ -19930,11 +20137,11 @@ ul.pf-v5-c-list {
|
|
|
19930
20137
|
}
|
|
19931
20138
|
|
|
19932
20139
|
.pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu {
|
|
19933
|
-
--pf-v5-c-menu--BoxShadow: none;
|
|
19934
20140
|
position: absolute;
|
|
19935
20141
|
inset-block-start: var(--pf-v5-c-menu--m-drilldown--c-menu--Top);
|
|
19936
20142
|
inset-inline-start: 100%;
|
|
19937
20143
|
width: 100%;
|
|
20144
|
+
box-shadow: none;
|
|
19938
20145
|
transition: var(--pf-v5-c-menu--m-drilldown--c-menu--Transition);
|
|
19939
20146
|
}
|
|
19940
20147
|
.pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
|
|
@@ -19945,14 +20152,13 @@ ul.pf-v5-c-list {
|
|
|
19945
20152
|
}
|
|
19946
20153
|
|
|
19947
20154
|
.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list {
|
|
19948
|
-
position: relative;
|
|
19949
20155
|
overflow: hidden;
|
|
19950
20156
|
visibility: visible;
|
|
19951
20157
|
transition: var(--pf-v5-c-menu--m-drilldown__list--Transition);
|
|
19952
20158
|
}
|
|
19953
20159
|
.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list .pf-v5-c-menu__list {
|
|
19954
|
-
--pf-v5-c-menu__list--
|
|
19955
|
-
--pf-v5-c-menu__list--
|
|
20160
|
+
--pf-v5-c-menu__list--PaddingBlockStart: 0;
|
|
20161
|
+
--pf-v5-c-menu__list--PaddingBlockEnd: 0;
|
|
19956
20162
|
}
|
|
19957
20163
|
.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-current-path .pf-v5-c-menu {
|
|
19958
20164
|
z-index: var(--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
|
|
@@ -19970,7 +20176,7 @@ ul.pf-v5-c-list {
|
|
|
19970
20176
|
display: none;
|
|
19971
20177
|
}
|
|
19972
20178
|
.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__item {
|
|
19973
|
-
outline-offset: var(--pf-v5-c-
|
|
20179
|
+
outline-offset: var(--pf-v5-c-menu--OutlineOffset);
|
|
19974
20180
|
}
|
|
19975
20181
|
.pf-v5-c-menu.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list {
|
|
19976
20182
|
overflow: visible;
|
|
@@ -19989,83 +20195,54 @@ ul.pf-v5-c-list {
|
|
|
19989
20195
|
.pf-v5-c-menu.pf-m-scrollable {
|
|
19990
20196
|
--pf-v5-c-menu__content--MaxHeight: var(--pf-v5-c-menu--m-scrollable__content--MaxHeight);
|
|
19991
20197
|
--pf-v5-c-menu__footer--BoxShadow: var(--pf-v5-c-menu--m-scrollable__footer--BoxShadow);
|
|
19992
|
-
--pf-v5-c-menu__footer--
|
|
20198
|
+
--pf-v5-c-menu__footer--PaddingBlockStart: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
|
|
20199
|
+
--pf-v5-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
|
|
20200
|
+
overflow: hidden;
|
|
19993
20201
|
}
|
|
19994
|
-
.pf-v5-c-menu.pf-m-scrollable
|
|
20202
|
+
.pf-v5-c-menu.pf-m-scrollable:has(.pf-v5-c-menu__footer) {
|
|
20203
|
+
--pf-v5-c-menu--PaddingBlockEnd: 0;
|
|
20204
|
+
}
|
|
20205
|
+
.pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content,
|
|
20206
|
+
.pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
|
|
19995
20207
|
overflow-y: auto;
|
|
19996
20208
|
}
|
|
19997
|
-
.pf-v5-c-menu.pf-m-
|
|
19998
|
-
--pf-v5-c-menu--BackgroundColor: var(--pf-v5-c-menu--m-nav--BackgroundColor);
|
|
19999
|
-
--pf-v5-c-menu__list--PaddingTop: var(--pf-v5-c-menu--m-nav__list--PaddingTop);
|
|
20000
|
-
--pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-c-menu--m-nav__list--PaddingBottom);
|
|
20001
|
-
--pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor);
|
|
20002
|
-
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor);
|
|
20003
|
-
--pf-v5-c-menu__list-item--active--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor);
|
|
20004
|
-
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu--m-nav__item--Color);
|
|
20005
|
-
--pf-v5-c-menu__item--FontSize: var(--pf-v5-c-menu--m-nav__item--FontSize);
|
|
20006
|
-
--pf-v5-c-menu__item--OutlineOffset: var(--pf-v5-c-menu--m-nav__item--OutlineOffset);
|
|
20007
|
-
--pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu--m-nav__item--PaddingRight);
|
|
20008
|
-
--pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu--m-nav__item--PaddingLeft);
|
|
20009
|
-
--pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--m-nav__item-description--Color);
|
|
20010
|
-
box-shadow: var(--pf-v5-c-menu--m-nav--BoxShadow);
|
|
20011
|
-
}
|
|
20012
|
-
.pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item {
|
|
20209
|
+
.pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
|
|
20013
20210
|
position: relative;
|
|
20014
|
-
|
|
20015
|
-
|
|
20016
|
-
|
|
20017
|
-
|
|
20018
|
-
inset-block-end: 0;
|
|
20019
|
-
inset-inline-start: 0;
|
|
20020
|
-
inset-inline-end: 0;
|
|
20021
|
-
content: "";
|
|
20022
|
-
border-block-end: var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-v5-c-menu--m-nav__item--before--BorderBottomColor);
|
|
20023
|
-
}
|
|
20024
|
-
.pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item:hover::after, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item:hover::after {
|
|
20025
|
-
position: absolute;
|
|
20026
|
-
inset-block-start: var(--pf-v5-c-menu--m-nav__item--hover--after--Top);
|
|
20027
|
-
inset-block-end: 0;
|
|
20028
|
-
inset-inline-start: 0;
|
|
20029
|
-
content: "";
|
|
20030
|
-
border-inline-start: var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor);
|
|
20031
|
-
}
|
|
20032
|
-
.pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
|
|
20033
|
-
width: 100%;
|
|
20034
|
-
}
|
|
20035
|
-
.pf-v5-c-menu.pf-m-flyout.pf-m-nav, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu {
|
|
20036
|
-
inset-block-start: var(--pf-v5-c-menu--m-nav--c-menu--Top);
|
|
20037
|
-
inset-inline-start: var(--pf-v5-c-menu--m-nav--c-menu--Left);
|
|
20038
|
-
}
|
|
20039
|
-
.pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-top {
|
|
20040
|
-
--pf-v5-c-menu--m-nav--c-menu--Top: auto;
|
|
20041
|
-
inset-block-end: var(--pf-v5-c-menu--m-nav--c-menu--m-top--Bottom);
|
|
20042
|
-
}
|
|
20043
|
-
.pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-left {
|
|
20044
|
-
--pf-v5-c-menu--m-nav--c-menu--Left: auto;
|
|
20045
|
-
inset-inline-end: var(--pf-v5-c-menu--m-nav--c-menu--m-left--Right);
|
|
20211
|
+
z-index: var(--pf-v5-c-menu--ZIndex);
|
|
20212
|
+
margin-block-start: calc(var(--pf-v5-c-menu--RowGap) * -1);
|
|
20213
|
+
margin-block-end: calc(var(--pf-v5-c-menu--RowGap) * -1);
|
|
20214
|
+
overflow: hidden;
|
|
20046
20215
|
}
|
|
20047
|
-
.pf-v5-c-menu.pf-m-
|
|
20048
|
-
|
|
20216
|
+
.pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
|
|
20217
|
+
padding-block-start: var(--pf-v5-c-menu--RowGap);
|
|
20218
|
+
padding-block-end: var(--pf-v5-c-menu--RowGap);
|
|
20049
20219
|
}
|
|
20050
|
-
|
|
20051
|
-
|
|
20220
|
+
|
|
20221
|
+
.pf-v5-c-menu__header {
|
|
20222
|
+
padding-block-start: var(--pf-v5-c-menu__header--PaddingBlockStart);
|
|
20223
|
+
padding-block-end: var(--pf-v5-c-menu__header--PaddingBlockEnd);
|
|
20224
|
+
padding-inline-start: var(--pf-v5-c-menu__header--PaddingInlineStart);
|
|
20225
|
+
padding-inline-end: var(--pf-v5-c-menu__header--PaddingInlineEnd);
|
|
20052
20226
|
}
|
|
20053
20227
|
|
|
20054
|
-
.pf-v5-c-
|
|
20055
|
-
|
|
20056
|
-
|
|
20057
|
-
|
|
20058
|
-
padding-
|
|
20059
|
-
padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBottom);
|
|
20060
|
-
padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingLeft);
|
|
20061
|
-
padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingRight);
|
|
20228
|
+
.pf-v5-c-menu__search {
|
|
20229
|
+
padding-block-start: var(--pf-v5-c-menu__search--PaddingBlockStart);
|
|
20230
|
+
padding-block-end: var(--pf-v5-c-menu__search--PaddingBlockEnd);
|
|
20231
|
+
padding-inline-start: var(--pf-v5-c-menu__search--PaddingInlineStart);
|
|
20232
|
+
padding-inline-end: var(--pf-v5-c-menu__search--PaddingInlineEnd);
|
|
20062
20233
|
}
|
|
20063
|
-
|
|
20064
|
-
|
|
20065
|
-
|
|
20234
|
+
|
|
20235
|
+
.pf-v5-c-menu__footer {
|
|
20236
|
+
padding-block-start: var(--pf-v5-c-menu__footer--PaddingBlockStart);
|
|
20237
|
+
padding-block-end: var(--pf-v5-c-menu__footer--PaddingBlockEnd);
|
|
20238
|
+
padding-inline-start: var(--pf-v5-c-menu__footer--PaddingInlineStart);
|
|
20239
|
+
padding-inline-end: var(--pf-v5-c-menu__footer--PaddingInlineEnd);
|
|
20240
|
+
box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
|
|
20066
20241
|
}
|
|
20067
20242
|
|
|
20068
20243
|
.pf-v5-c-menu__content {
|
|
20244
|
+
flex-direction: column;
|
|
20245
|
+
row-gap: var(--pf-v5-c-menu__content--RowGap);
|
|
20069
20246
|
height: var(--pf-v5-c-menu__content--Height);
|
|
20070
20247
|
max-height: var(--pf-v5-c-menu__content--MaxHeight);
|
|
20071
20248
|
}
|
|
@@ -20073,135 +20250,93 @@ ul.pf-v5-c-list {
|
|
|
20073
20250
|
--pf-v5-c-menu__content--Height: auto;
|
|
20074
20251
|
}
|
|
20075
20252
|
|
|
20076
|
-
.pf-v5-c-
|
|
20077
|
-
|
|
20078
|
-
|
|
20079
|
-
--pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-c-menu__header--c-menu__item--PaddingBottom);
|
|
20080
|
-
--pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu__header--c-menu__item--PaddingLeft);
|
|
20081
|
-
padding-block-start: var(--pf-v5-c-menu__header--PaddingTop);
|
|
20082
|
-
padding-block-end: var(--pf-v5-c-menu__header--PaddingBottom);
|
|
20083
|
-
padding-inline-start: var(--pf-v5-c-menu__header--PaddingLeft);
|
|
20084
|
-
padding-inline-end: var(--pf-v5-c-menu__header--PaddingRight);
|
|
20085
|
-
}
|
|
20086
|
-
.pf-v5-c-menu__header > .pf-v5-c-menu__item {
|
|
20087
|
-
--pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--BackgroundColor);
|
|
20088
|
-
margin-block-start: var(--pf-v5-c-menu__header--c-menu__item--MarginTop);
|
|
20089
|
-
margin-block-end: var(--pf-v5-c-menu__header--c-menu__item--MarginBottom);
|
|
20090
|
-
margin-inline-start: var(--pf-v5-c-menu__header--c-menu__item--MarginLeft);
|
|
20091
|
-
margin-inline-end: var(--pf-v5-c-menu__header--c-menu__item--MarginRight);
|
|
20092
|
-
}
|
|
20093
|
-
.pf-v5-c-menu__header > .pf-v5-c-menu__item:hover {
|
|
20094
|
-
--pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor);
|
|
20095
|
-
}
|
|
20096
|
-
.pf-v5-c-menu__header > .pf-v5-c-menu__item:focus {
|
|
20097
|
-
--pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor);
|
|
20098
|
-
}
|
|
20099
|
-
.pf-v5-c-menu__header + .pf-v5-c-menu__search {
|
|
20100
|
-
--pf-v5-c-menu__search--PaddingTop: var(--pf-v5-c-menu__header__search--PaddingTop);
|
|
20101
|
-
}
|
|
20102
|
-
|
|
20103
|
-
.pf-v5-c-menu__search {
|
|
20104
|
-
padding-block-start: var(--pf-v5-c-menu__search--PaddingTop);
|
|
20105
|
-
padding-block-end: var(--pf-v5-c-menu__search--PaddingBottom);
|
|
20106
|
-
padding-inline-start: var(--pf-v5-c-menu__search--PaddingLeft);
|
|
20107
|
-
padding-inline-end: var(--pf-v5-c-menu__search--PaddingRight);
|
|
20108
|
-
}
|
|
20109
|
-
|
|
20110
|
-
.pf-v5-c-menu__list {
|
|
20111
|
-
--pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list--Display);
|
|
20112
|
-
padding-block-start: var(--pf-v5-c-menu__list--PaddingTop);
|
|
20113
|
-
padding-block-end: var(--pf-v5-c-menu__list--PaddingBottom);
|
|
20114
|
-
}
|
|
20115
|
-
.pf-v5-c-menu__list > .pf-v5-c-divider {
|
|
20116
|
-
margin-block-start: var(--pf-v5-c-menu__list--c-divider--MarginTop);
|
|
20117
|
-
margin-block-end: var(--pf-v5-c-menu__list--c-divider--MarginBottom);
|
|
20253
|
+
.pf-v5-c-menu__list :where(.pf-v5-c-divider:is(li)) {
|
|
20254
|
+
margin-block-start: var(--pf-v5-c-menu__list--divider--MarginTop);
|
|
20255
|
+
margin-block-end: var(--pf-v5-c-menu__list--divider--MarginBottom);
|
|
20118
20256
|
}
|
|
20119
20257
|
|
|
20120
20258
|
.pf-v5-c-menu__list-item {
|
|
20121
|
-
|
|
20122
|
-
|
|
20123
|
-
color: var(--pf-v5-c-menu__list-item--Color);
|
|
20124
|
-
background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
|
|
20125
|
-
}
|
|
20126
|
-
.pf-v5-c-menu__list-item:hover {
|
|
20127
|
-
--pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
|
|
20128
|
-
--pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--hover--Color, inherit);
|
|
20129
|
-
}
|
|
20130
|
-
.pf-v5-c-menu__list-item:focus-within, .pf-v5-c-menu__list-item.pf-m-focus {
|
|
20131
|
-
--pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor);
|
|
20132
|
-
--pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--focus-within--Color, inherit);
|
|
20133
|
-
}
|
|
20134
|
-
.pf-v5-c-menu__list-item.pf-m-disabled, .pf-v5-c-menu__list-item.pf-m-aria-disabled {
|
|
20135
|
-
--pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20136
|
-
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-disabled__item--Color);
|
|
20137
|
-
--pf-v5-c-menu__item-toggle-icon: var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color);
|
|
20259
|
+
align-items: baseline;
|
|
20260
|
+
min-width: 0;
|
|
20138
20261
|
}
|
|
20139
|
-
.pf-v5-c-menu__list-item
|
|
20140
|
-
|
|
20141
|
-
pointer-events: none;
|
|
20262
|
+
.pf-v5-c-menu__list-item > * {
|
|
20263
|
+
position: relative;
|
|
20142
20264
|
}
|
|
20143
|
-
.pf-v5-c-menu__list-item
|
|
20144
|
-
|
|
20265
|
+
.pf-v5-c-menu__list-item::before {
|
|
20266
|
+
position: absolute;
|
|
20267
|
+
inset: 0;
|
|
20268
|
+
content: "";
|
|
20269
|
+
background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
|
|
20270
|
+
mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
|
|
20145
20271
|
}
|
|
20146
20272
|
.pf-v5-c-menu__list-item.pf-m-load {
|
|
20147
|
-
--pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20148
|
-
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
|
|
20149
20273
|
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
|
|
20150
20274
|
}
|
|
20151
20275
|
.pf-v5-c-menu__list-item.pf-m-loading {
|
|
20152
|
-
--pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20153
|
-
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
|
|
20154
20276
|
justify-content: center;
|
|
20155
|
-
padding-block-start: var(--pf-v5-c-menu__list-item--m-loading--PaddingTop);
|
|
20156
20277
|
overflow: hidden;
|
|
20278
|
+
pointer-events: none;
|
|
20279
|
+
}
|
|
20280
|
+
.pf-v5-c-menu__list-item.pf-m-loading .pf-v5-c-menu__item-text {
|
|
20281
|
+
text-align: center;
|
|
20157
20282
|
}
|
|
20158
20283
|
.pf-v5-c-menu__list-item.pf-m-danger {
|
|
20159
|
-
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-
|
|
20284
|
+
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger--Color);
|
|
20285
|
+
}
|
|
20286
|
+
.pf-v5-c-menu__list-item.pf-m-danger:is(:hover, :focus) {
|
|
20287
|
+
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger--hover--Color, var(--pf-v5-c-menu__list-item--m-danger--Color));
|
|
20288
|
+
}
|
|
20289
|
+
.pf-v5-c-menu__list-item:has(.pf-v5-c-menu__item-action) {
|
|
20290
|
+
padding-inline-end: var(--pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd);
|
|
20291
|
+
}
|
|
20292
|
+
.pf-v5-c-menu__list-item:has(> :hover) {
|
|
20293
|
+
--pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
|
|
20294
|
+
--pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
|
|
20295
|
+
}
|
|
20296
|
+
.pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
|
|
20297
|
+
.pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {
|
|
20298
|
+
opacity: 1;
|
|
20160
20299
|
}
|
|
20161
20300
|
|
|
20162
20301
|
.pf-v5-c-menu__item {
|
|
20163
|
-
display: flex;
|
|
20164
20302
|
flex-basis: 100%;
|
|
20165
20303
|
flex-direction: column;
|
|
20166
20304
|
min-width: 0;
|
|
20167
|
-
padding-block-start: var(--pf-v5-c-menu__item--
|
|
20168
|
-
padding-block-end: var(--pf-v5-c-menu__item--
|
|
20169
|
-
padding-inline-start: var(--pf-v5-c-menu__item--
|
|
20170
|
-
padding-inline-end: var(--pf-v5-c-menu__item--
|
|
20305
|
+
padding-block-start: var(--pf-v5-c-menu__item--PaddingBlockStart);
|
|
20306
|
+
padding-block-end: var(--pf-v5-c-menu__item--PaddingBlockEnd);
|
|
20307
|
+
padding-inline-start: var(--pf-v5-c-menu__item--PaddingInlineStart);
|
|
20308
|
+
padding-inline-end: var(--pf-v5-c-menu__item--PaddingInlineEnd);
|
|
20171
20309
|
font-size: var(--pf-v5-c-menu__item--FontSize);
|
|
20172
20310
|
font-weight: var(--pf-v5-c-menu__item--FontWeight);
|
|
20173
20311
|
line-height: var(--pf-v5-c-menu__item--LineHeight);
|
|
20174
20312
|
color: var(--pf-v5-c-menu__item--Color);
|
|
20175
20313
|
text-align: start;
|
|
20176
|
-
background-color: var(--pf-v5-c-menu__item--BackgroundColor);
|
|
20177
|
-
border: none;
|
|
20178
|
-
}
|
|
20179
|
-
.pf-v5-c-menu__item:hover {
|
|
20180
20314
|
text-decoration: none;
|
|
20315
|
+
background-color: var(--pf-v5-c-menu__item--BackgroundColor);
|
|
20316
|
+
border: 0;
|
|
20317
|
+
outline-offset: var(--pf-v5-c-menu--OutlineOffset);
|
|
20181
20318
|
}
|
|
20182
|
-
.pf-v5-c-menu__item
|
|
20183
|
-
--pf-v5-c-menu__item-
|
|
20319
|
+
.pf-v5-c-menu__item.pf-m-selected {
|
|
20320
|
+
--pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-c-menu__item--m-selected__item-select-icon--Color);
|
|
20184
20321
|
}
|
|
20185
|
-
.pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon
|
|
20322
|
+
.pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-select-icon,
|
|
20323
|
+
.pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
|
|
20186
20324
|
opacity: 1;
|
|
20187
20325
|
}
|
|
20188
|
-
|
|
20189
|
-
|
|
20326
|
+
.pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
|
|
20327
|
+
color: var(--pf-v5-c-menu__item-external--Color);
|
|
20328
|
+
}
|
|
20329
|
+
|
|
20330
|
+
.pf-v5-c-menu__item-select-icon {
|
|
20331
|
+
color: var(--pf-v5-c-menu__item-select-icon--Color);
|
|
20190
20332
|
}
|
|
20191
20333
|
|
|
20192
20334
|
.pf-v5-c-menu__item-main {
|
|
20193
|
-
|
|
20335
|
+
column-gap: var(--pf-v5-c-menu__item-main--ColumnGap);
|
|
20194
20336
|
align-items: center;
|
|
20195
20337
|
width: 100%;
|
|
20196
20338
|
}
|
|
20197
20339
|
|
|
20198
|
-
.pf-v5-c-menu__item-external-icon {
|
|
20199
|
-
margin-inline-start: var(--pf-v5-c-menu__item-external-icon--MarginLeft);
|
|
20200
|
-
font-size: var(--pf-v5-c-menu__item-external-icon--FontSize);
|
|
20201
|
-
color: var(--pf-v5-c-menu__item-external-icon--Color);
|
|
20202
|
-
opacity: var(--pf-v5-c-menu__item-external-icon--Opacity);
|
|
20203
|
-
}
|
|
20204
|
-
|
|
20205
20340
|
.pf-v5-c-menu__item-text {
|
|
20206
20341
|
overflow: hidden;
|
|
20207
20342
|
text-overflow: ellipsis;
|
|
@@ -20209,16 +20344,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20209
20344
|
flex-grow: 1;
|
|
20210
20345
|
}
|
|
20211
20346
|
|
|
20212
|
-
.pf-v5-c-menu__group {
|
|
20213
|
-
--pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__group--Display);
|
|
20214
|
-
}
|
|
20215
|
-
|
|
20216
20347
|
.pf-v5-c-menu__group-title {
|
|
20217
|
-
padding-block-start: var(--pf-v5-c-menu__group-title--
|
|
20218
|
-
padding-
|
|
20219
|
-
padding-inline-
|
|
20220
|
-
|
|
20221
|
-
font-
|
|
20348
|
+
padding-block-start: var(--pf-v5-c-menu__group-title--PaddingBlockStart);
|
|
20349
|
+
padding-block-end: var(--pf-v5-c-menu__group-title--PaddingBlockEnd);
|
|
20350
|
+
padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingInlineStart);
|
|
20351
|
+
padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingInlineEnd);
|
|
20352
|
+
font-size: var(--pf-v5-c-menu__group-title--FontSize, inherit);
|
|
20353
|
+
font-weight: var(--pf-v5-c-menu__group-title--FontWeight, inherit);
|
|
20222
20354
|
color: var(--pf-v5-c-menu__group-title--Color);
|
|
20223
20355
|
}
|
|
20224
20356
|
|
|
@@ -20228,224 +20360,177 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20228
20360
|
word-break: break-word;
|
|
20229
20361
|
}
|
|
20230
20362
|
|
|
20231
|
-
.pf-v5-c-menu__item-icon {
|
|
20232
|
-
margin-inline-end: var(--pf-v5-c-menu__item-icon--MarginRight);
|
|
20233
|
-
}
|
|
20234
|
-
|
|
20235
|
-
.pf-v5-c-menu__item-check {
|
|
20236
|
-
display: flex;
|
|
20237
|
-
align-items: center;
|
|
20238
|
-
margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
|
|
20239
|
-
}
|
|
20240
20363
|
.pf-v5-c-menu__item-check .pf-v5-c-check {
|
|
20241
20364
|
--pf-v5-c-check__input--TranslateY: none;
|
|
20242
20365
|
}
|
|
20366
|
+
.pf-v5-c-menu__item-check .pf-v5-c-check input::before {
|
|
20367
|
+
position: absolute;
|
|
20368
|
+
inset: 0;
|
|
20369
|
+
content: "";
|
|
20370
|
+
}
|
|
20243
20371
|
|
|
20244
20372
|
.pf-v5-c-menu__item-toggle-icon {
|
|
20245
|
-
|
|
20246
|
-
padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
|
|
20247
|
-
color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
|
|
20373
|
+
color: var(--pf-v5-c-menu__item-toggle-icon--Color, inherit);
|
|
20248
20374
|
}
|
|
20249
20375
|
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
|
|
20250
20376
|
scale: -1 1;
|
|
20251
20377
|
}
|
|
20252
20378
|
|
|
20253
|
-
.pf-v5-c-menu__item-
|
|
20254
|
-
|
|
20255
|
-
}
|
|
20256
|
-
|
|
20257
|
-
.pf-v5-c-menu__item-toggle-icon + .pf-v5-c-menu__item-text {
|
|
20258
|
-
margin-inline-start: var(--pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft);
|
|
20379
|
+
.pf-v5-c-menu__item-icon {
|
|
20380
|
+
color: var(--pf-v5-c-menu__item--icon--Color, inherit);
|
|
20259
20381
|
}
|
|
20260
20382
|
|
|
20261
|
-
.pf-v5-c-menu__item-select-icon
|
|
20262
|
-
|
|
20263
|
-
font-size: var(--pf-v5-c-menu__item-select-icon--FontSize);
|
|
20264
|
-
color: var(--pf-v5-c-menu__item-select-icon--Color);
|
|
20383
|
+
.pf-v5-c-menu__item-select-icon,
|
|
20384
|
+
.pf-v5-c-menu__item-external-icon {
|
|
20265
20385
|
opacity: 0;
|
|
20266
20386
|
}
|
|
20267
20387
|
|
|
20268
|
-
.pf-v5-c-menu__item-
|
|
20269
|
-
|
|
20270
|
-
|
|
20271
|
-
|
|
20272
|
-
|
|
20273
|
-
padding-inline-end: var(--pf-v5-c-menu__item-action--PaddingRight);
|
|
20274
|
-
color: var(--pf-v5-c-menu__item-action--Color);
|
|
20275
|
-
background-color: var(--pf-v5-c-menu__item-action--BackgroundColor);
|
|
20276
|
-
border: none;
|
|
20277
|
-
}
|
|
20278
|
-
.pf-v5-c-menu__item-action.pf-m-favorite .pf-v5-c-menu__item-action-icon {
|
|
20279
|
-
font-size: var(--pf-v5-c-menu__item-action--m-favorite__icon--FontSize);
|
|
20280
|
-
}
|
|
20281
|
-
.pf-v5-c-menu__item-action.pf-m-favorited {
|
|
20388
|
+
.pf-v5-c-menu__item-toggle-icon.pf-m-favorited, .pf-v5-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v5-c-menu__item-toggle-icon.pf-m-favorited .pf-v5-c-button,
|
|
20389
|
+
.pf-v5-c-menu__item-action.pf-m-favorited,
|
|
20390
|
+
.pf-v5-c-menu__item-action.pf-m-favorited:hover,
|
|
20391
|
+
.pf-v5-c-menu__item-action.pf-m-favorited .pf-v5-c-button {
|
|
20392
|
+
--pf-v5-c-button--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
|
|
20282
20393
|
--pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
|
|
20283
|
-
--pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-c-menu__item-action--m-favorited--hover--Color);
|
|
20284
|
-
}
|
|
20285
|
-
.pf-v5-c-menu__item-action:hover, .pf-v5-c-menu__item-action:focus {
|
|
20286
|
-
--pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--hover--Color);
|
|
20287
|
-
}
|
|
20288
|
-
.pf-v5-c-menu__item-action:disabled, .pf-v5-c-menu__item-action.pf-m-disabled, .pf-v5-c-menu__item-action.pf-m-aria-disabled {
|
|
20289
|
-
--pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--disabled--Color);
|
|
20290
|
-
}
|
|
20291
|
-
|
|
20292
|
-
.pf-v5-c-menu__item-action-icon {
|
|
20293
|
-
display: flex;
|
|
20294
|
-
align-items: center;
|
|
20295
|
-
height: var(--pf-v5-c-menu__item-action-icon--Height);
|
|
20296
20394
|
}
|
|
20297
20395
|
|
|
20298
|
-
.pf-v5-c-
|
|
20299
|
-
|
|
20300
|
-
padding-block-start: var(--pf-v5-c-
|
|
20301
|
-
padding-block-end: var(--pf-v5-c-
|
|
20302
|
-
padding-inline-start: var(--pf-v5-c-
|
|
20303
|
-
padding-inline-end: var(--pf-v5-c-
|
|
20304
|
-
box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
|
|
20396
|
+
.pf-v5-c-menu__breadcrumb {
|
|
20397
|
+
--pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--FontSize);
|
|
20398
|
+
padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingBlockStart);
|
|
20399
|
+
padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBlockEnd);
|
|
20400
|
+
padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingInlineStart);
|
|
20401
|
+
padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingInlineEnd);
|
|
20305
20402
|
}
|
|
20306
|
-
.pf-v5-c-
|
|
20307
|
-
|
|
20308
|
-
|
|
20309
|
-
|
|
20310
|
-
content: "";
|
|
20311
|
-
border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
|
|
20403
|
+
.pf-v5-c-menu__breadcrumb .pf-v5-c-menu {
|
|
20404
|
+
min-width: auto;
|
|
20405
|
+
padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
|
|
20406
|
+
padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
|
|
20312
20407
|
}
|
|
20313
|
-
|
|
20314
|
-
:
|
|
20315
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20408
|
+
.pf-v5-c-menu__breadcrumb .pf-v5-c-menu__content {
|
|
20409
|
+
height: auto;
|
|
20316
20410
|
}
|
|
20317
|
-
|
|
20318
|
-
|
|
20319
|
-
--pf-v5-c-menu--
|
|
20320
|
-
|
|
20321
|
-
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20411
|
+
.pf-v5-c-menu__breadcrumb .pf-v5-c-menu-toggle {
|
|
20412
|
+
--pf-v5-c-menu-toggle--BorderWidth: 0;
|
|
20413
|
+
--pf-v5-c-menu-toggle--BorderColor: transparent;
|
|
20414
|
+
outline-offset: var(--pf-v5-c-menu--OutlineOffset);
|
|
20322
20415
|
}
|
|
20323
20416
|
|
|
20324
|
-
|
|
20325
|
-
|
|
20417
|
+
:where(:root),
|
|
20418
|
+
:where(.pf-v5-c-menu-toggle) {
|
|
20419
|
+
--pf-v5-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20326
20420
|
--pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
20327
20421
|
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20328
20422
|
--pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
20329
20423
|
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20424
|
+
--pf-v5-c-menu-toggle--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) * var(--pf-v5-c-menu-toggle--LineHeight) + var(--pf-v5-c-menu-toggle--PaddingTop) + var(--pf-v5-c-menu-toggle--PaddingBottom));
|
|
20330
20425
|
--pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20331
20426
|
--pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
20332
20427
|
--pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
20333
20428
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20334
|
-
--pf-v5-c-menu-toggle--
|
|
20429
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
20335
20430
|
--pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
20336
|
-
--pf-v5-c-menu-toggle--
|
|
20431
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
20432
|
+
--pf-v5-c-menu-toggle--border--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20433
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
20434
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20435
|
+
--pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
20337
20436
|
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
20338
|
-
--pf-v5-c-menu-toggle--
|
|
20339
|
-
--pf-v5-c-menu-toggle--active--
|
|
20340
|
-
--pf-v5-c-menu-toggle--
|
|
20341
|
-
--pf-v5-c-menu-toggle--
|
|
20342
|
-
--pf-v5-c-menu-toggle--
|
|
20343
|
-
--pf-v5-c-menu-toggle--
|
|
20344
|
-
--pf-v5-c-menu-toggle--
|
|
20345
|
-
--pf-v5-c-menu-toggle--
|
|
20346
|
-
--pf-v5-c-menu-toggle--
|
|
20347
|
-
--pf-v5-c-menu-toggle--
|
|
20348
|
-
--pf-v5-c-menu-toggle--
|
|
20349
|
-
--pf-v5-c-menu-toggle--
|
|
20350
|
-
--pf-v5-c-menu-toggle--
|
|
20351
|
-
--pf-v5-c-menu-toggle--
|
|
20352
|
-
--pf-v5-c-menu-toggle--
|
|
20353
|
-
--pf-v5-c-menu-toggle--
|
|
20354
|
-
--pf-v5-c-menu-toggle--
|
|
20355
|
-
--pf-v5-c-menu-toggle--
|
|
20356
|
-
--pf-v5-c-menu-toggle--
|
|
20357
|
-
--pf-v5-c-menu-toggle--m-
|
|
20358
|
-
--pf-v5-c-menu-toggle--m-
|
|
20359
|
-
--pf-v5-c-menu-toggle--m-
|
|
20360
|
-
--pf-v5-c-menu-toggle--m-
|
|
20361
|
-
--pf-v5-c-menu-toggle--
|
|
20362
|
-
--pf-v5-c-menu-toggle--
|
|
20363
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20364
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20365
|
-
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-
|
|
20366
|
-
--pf-v5-c-menu-toggle--m-primary--hover--
|
|
20367
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20368
|
-
--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-
|
|
20369
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20370
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20371
|
-
--pf-v5-c-menu-toggle--m-
|
|
20372
|
-
--pf-v5-c-menu-toggle--m-
|
|
20373
|
-
--pf-v5-c-menu-toggle--m-
|
|
20374
|
-
--pf-v5-c-menu-toggle--m-
|
|
20375
|
-
--pf-v5-c-menu-toggle--m-
|
|
20376
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20377
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20378
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20379
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20380
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20381
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20382
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20383
|
-
--pf-v5-c-menu-toggle--m-
|
|
20384
|
-
--pf-v5-c-menu-toggle--m-
|
|
20385
|
-
--pf-v5-c-menu-toggle--m-
|
|
20386
|
-
--pf-v5-c-menu-toggle--m-
|
|
20387
|
-
--pf-v5-c-menu-toggle--m-
|
|
20388
|
-
--pf-v5-c-menu-toggle--m-
|
|
20389
|
-
--pf-v5-c-menu-toggle--m-
|
|
20390
|
-
--pf-v5-c-menu-toggle--m-
|
|
20391
|
-
--pf-v5-c-menu-toggle--m-
|
|
20392
|
-
--pf-v5-c-menu-toggle--m-
|
|
20437
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20438
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20439
|
+
--pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20440
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
20441
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
20442
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20443
|
+
--pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20444
|
+
--pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
20445
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20446
|
+
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
20447
|
+
--pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
20448
|
+
--pf-v5-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
20449
|
+
--pf-v5-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
|
|
20450
|
+
--pf-v5-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20451
|
+
--pf-v5-c-menu-toggle--m-control--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20452
|
+
--pf-v5-c-menu-toggle--m-control--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20453
|
+
--pf-v5-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20454
|
+
--pf-v5-c-menu-toggle--m-action--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20455
|
+
--pf-v5-c-menu-toggle--m-action--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20456
|
+
--pf-v5-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20457
|
+
--pf-v5-c-menu-toggle--m-primary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
|
|
20458
|
+
--pf-v5-c-menu-toggle--m-primary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
|
|
20459
|
+
--pf-v5-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
20460
|
+
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20461
|
+
--pf-v5-c-menu-toggle--m-primary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20462
|
+
--pf-v5-c-menu-toggle--m-primary--BorderColor: transparent;
|
|
20463
|
+
--pf-v5-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
|
|
20464
|
+
--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
20465
|
+
--pf-v5-c-menu-toggle--m-primary--hover--BorderColor: transparent;
|
|
20466
|
+
--pf-v5-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
|
20467
|
+
--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20468
|
+
--pf-v5-c-menu-toggle--m-primary--active--BorderColor: transparent;
|
|
20469
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
|
20470
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20471
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
|
|
20472
|
+
--pf-v5-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
20473
|
+
--pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
|
|
20474
|
+
--pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
20475
|
+
--pf-v5-c-menu-toggle--m-secondary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
|
|
20476
|
+
--pf-v5-c-menu-toggle--m-secondary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
|
|
20477
|
+
--pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
20478
|
+
--pf-v5-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
20479
|
+
--pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20480
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
20481
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
20482
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
20483
|
+
--pf-v5-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
20484
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20485
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
|
20486
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
20487
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20488
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
|
20489
|
+
--pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
20490
|
+
--pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
20491
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
20393
20492
|
--pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20394
20493
|
--pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
20395
|
-
--pf-v5-c-menu-toggle__controls--
|
|
20396
|
-
--pf-v5-c-menu-
|
|
20397
|
-
--pf-v5-c-menu-
|
|
20398
|
-
--pf-v5-c-menu-
|
|
20399
|
-
--pf-v5-c-menu-toggle--m-
|
|
20400
|
-
--pf-v5-c-menu-toggle--m-
|
|
20401
|
-
--pf-v5-c-menu-toggle--m-
|
|
20402
|
-
--pf-v5-c-menu-toggle--m-
|
|
20403
|
-
--pf-v5-c-menu-toggle--m-
|
|
20404
|
-
--pf-v5-c-menu-toggle--m-
|
|
20405
|
-
--pf-v5-c-menu-toggle--m-
|
|
20406
|
-
--pf-v5-c-menu-toggle--m-
|
|
20407
|
-
--pf-v5-c-menu-toggle--m-
|
|
20408
|
-
--pf-v5-c-menu-toggle--m-
|
|
20409
|
-
--pf-v5-c-menu-toggle--m-
|
|
20410
|
-
--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
|
|
20411
|
-
--pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
20412
|
-
--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
20413
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
20414
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
20415
|
-
--pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20416
|
-
--pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
|
|
20417
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20418
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
|
|
20419
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
|
|
20420
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20421
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
20422
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20423
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20424
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
20425
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20426
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
20427
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20428
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
20429
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
20430
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20431
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20432
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20433
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-v5-global--primary-color--200);
|
|
20434
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20435
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
|
|
20494
|
+
--pf-v5-c-menu-toggle__controls--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
|
|
20495
|
+
--pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20496
|
+
--pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20497
|
+
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
20498
|
+
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
20499
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-t--global--border--width--button--default);
|
|
20500
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-t--global--border--color--default);
|
|
20501
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20502
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor: var(--pf-t--global--icon--color--on-disabled);
|
|
20503
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20504
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
20505
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20506
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-t--global--border--color--default);
|
|
20507
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20508
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-t--global--color--brand--default);
|
|
20436
20509
|
--pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
|
|
20437
20510
|
--pf-v5-c-menu-toggle__button--AlignSelf: baseline;
|
|
20438
20511
|
--pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20439
20512
|
--pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20440
|
-
--pf-v5-c-menu-
|
|
20441
|
-
--pf-v5-c-menu-
|
|
20513
|
+
--pf-v5-c-menu-toggle__button--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) * var(--pf-v5-c-menu-toggle--LineHeight) + var(--pf-v5-c-menu-toggle--PaddingTop) + var(--pf-v5-c-menu-toggle--PaddingBottom));
|
|
20514
|
+
--pf-v5-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
20515
|
+
--pf-v5-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20516
|
+
--pf-v5-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
20517
|
+
--pf-v5-c-menu-toggle--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
20518
|
+
--pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20519
|
+
--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20520
|
+
--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20521
|
+
--pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
20442
20522
|
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20443
20523
|
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
20444
20524
|
--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20445
|
-
--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf:
|
|
20525
|
+
--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
20526
|
+
}
|
|
20527
|
+
|
|
20528
|
+
.pf-v5-c-menu-toggle {
|
|
20446
20529
|
position: relative;
|
|
20447
20530
|
display: inline-flex;
|
|
20448
20531
|
align-items: center;
|
|
20532
|
+
justify-content: center;
|
|
20533
|
+
min-width: var(--pf-v5-c-menu-toggle--MinWidth);
|
|
20449
20534
|
max-width: 100%;
|
|
20450
20535
|
padding-block-start: var(--pf-v5-c-menu-toggle--PaddingTop);
|
|
20451
20536
|
padding-block-end: var(--pf-v5-c-menu-toggle--PaddingBottom);
|
|
@@ -20467,111 +20552,118 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20467
20552
|
inset-block-end: 0;
|
|
20468
20553
|
inset-inline-start: 0;
|
|
20469
20554
|
inset-inline-end: 0;
|
|
20555
|
+
z-index: var(--pf-v5-c-menu-toggle--border--ZIndex);
|
|
20470
20556
|
pointer-events: none;
|
|
20471
20557
|
content: "";
|
|
20472
20558
|
border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
|
|
20473
20559
|
}
|
|
20474
|
-
.pf-v5-c-menu-toggle::after {
|
|
20475
|
-
border-block-end: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
|
|
20476
|
-
}
|
|
20477
20560
|
.pf-v5-c-menu-toggle.pf-m-primary {
|
|
20478
|
-
--pf-v5-c-menu-toggle--
|
|
20561
|
+
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-primary--PaddingLeft);
|
|
20562
|
+
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-primary--PaddingRight);
|
|
20479
20563
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-primary--Color);
|
|
20480
20564
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--BackgroundColor);
|
|
20565
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
|
|
20566
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--BorderColor);
|
|
20567
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-primary--hover--Color);
|
|
20481
20568
|
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor);
|
|
20482
|
-
--pf-v5-c-menu-toggle--
|
|
20569
|
+
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BorderColor);
|
|
20570
|
+
--pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-primary--active--Color);
|
|
20483
20571
|
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor);
|
|
20484
|
-
--pf-v5-c-menu-toggle--
|
|
20485
|
-
--pf-v5-c-menu-toggle--
|
|
20486
|
-
|
|
20487
|
-
|
|
20488
|
-
|
|
20572
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--active--BorderColor);
|
|
20573
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded--Color);
|
|
20574
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor);
|
|
20575
|
+
--pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BorderColor);
|
|
20576
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color);
|
|
20577
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
|
|
20489
20578
|
}
|
|
20490
20579
|
.pf-v5-c-menu-toggle.pf-m-secondary {
|
|
20580
|
+
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-secondary--PaddingLeft);
|
|
20581
|
+
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-secondary--PaddingRight);
|
|
20491
20582
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
|
|
20492
|
-
--pf-v5-c-menu-toggle--
|
|
20493
|
-
|
|
20494
|
-
|
|
20495
|
-
|
|
20496
|
-
|
|
20497
|
-
|
|
20498
|
-
|
|
20499
|
-
|
|
20500
|
-
|
|
20501
|
-
|
|
20502
|
-
|
|
20503
|
-
|
|
20504
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:hover {
|
|
20505
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor);
|
|
20506
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth);
|
|
20507
|
-
}
|
|
20508
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:focus {
|
|
20509
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor);
|
|
20510
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth);
|
|
20511
|
-
}
|
|
20512
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:active {
|
|
20513
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor);
|
|
20514
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth);
|
|
20515
|
-
}
|
|
20516
|
-
.pf-v5-c-menu-toggle.pf-m-secondary.pf-m-expanded {
|
|
20517
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
|
|
20518
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
|
|
20519
|
-
}
|
|
20520
|
-
.pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
|
|
20521
|
-
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
|
|
20522
|
-
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
|
|
20523
|
-
--pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
|
|
20524
|
-
display: inline-block;
|
|
20583
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--BorderColor);
|
|
20584
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-secondary--BorderRadius);
|
|
20585
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover--Color);
|
|
20586
|
+
--pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth);
|
|
20587
|
+
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderColor);
|
|
20588
|
+
--pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-secondary--active--Color);
|
|
20589
|
+
--pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderWidth);
|
|
20590
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderColor);
|
|
20591
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded--Color);
|
|
20592
|
+
--pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth);
|
|
20593
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
|
20594
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
|
|
20525
20595
|
}
|
|
20526
20596
|
.pf-v5-c-menu-toggle.pf-m-full-height {
|
|
20527
20597
|
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
|
|
20528
20598
|
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-full-height--PaddingLeft);
|
|
20529
|
-
--pf-v5-c-menu-toggle--
|
|
20530
|
-
--pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth);
|
|
20531
|
-
--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth);
|
|
20532
|
-
--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
|
|
20533
|
-
--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
|
|
20534
|
-
--pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
|
|
20599
|
+
--pf-v5-c-menu-toggle--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--BorderTopWidth);
|
|
20535
20600
|
align-items: center;
|
|
20536
20601
|
height: 100%;
|
|
20537
20602
|
}
|
|
20538
|
-
.pf-v5-c-menu-toggle
|
|
20539
|
-
|
|
20540
|
-
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
|
|
20603
|
+
.pf-v5-c-menu-toggle.pf-m-full-width {
|
|
20604
|
+
width: 100%;
|
|
20541
20605
|
}
|
|
20542
|
-
.pf-v5-c-menu-toggle
|
|
20543
|
-
--pf-v5-c-menu-toggle--
|
|
20544
|
-
--pf-v5-c-menu-toggle--
|
|
20606
|
+
.pf-v5-c-menu-toggle.pf-m-plain {
|
|
20607
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-plain--Color);
|
|
20608
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
|
|
20609
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-plain--BorderColor);
|
|
20610
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
|
|
20611
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
20612
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
|
|
20613
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
|
20614
|
+
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
|
|
20615
|
+
mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
|
|
20616
|
+
}
|
|
20617
|
+
.pf-v5-c-menu-toggle.pf-m-plain::before {
|
|
20618
|
+
border: none;
|
|
20619
|
+
}
|
|
20620
|
+
.pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
|
|
20621
|
+
padding: revert;
|
|
20545
20622
|
}
|
|
20546
|
-
.pf-v5-c-menu-toggle
|
|
20547
|
-
|
|
20548
|
-
|
|
20549
|
-
|
|
20550
|
-
|
|
20551
|
-
|
|
20552
|
-
|
|
20623
|
+
.pf-v5-c-menu-toggle:is(button),
|
|
20624
|
+
.pf-v5-c-menu-toggle .pf-v5-c-button {
|
|
20625
|
+
background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
|
|
20626
|
+
}
|
|
20627
|
+
.pf-v5-c-menu-toggle:is(button):has(> i:only-child),
|
|
20628
|
+
.pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
|
|
20629
|
+
aspect-ratio: 1/1;
|
|
20553
20630
|
}
|
|
20554
|
-
.pf-v5-c-menu-toggle:
|
|
20631
|
+
.pf-v5-c-menu-toggle:is(:hover, :focus) {
|
|
20632
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
|
|
20633
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
|
|
20634
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
|
|
20635
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
|
|
20636
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--hover__toggle-icon--Color);
|
|
20637
|
+
}
|
|
20638
|
+
.pf-v5-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
|
|
20639
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--expanded--Color);
|
|
20640
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--expanded--BackgroundColor);
|
|
20641
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--expanded--BorderWidth);
|
|
20642
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--expanded--BorderColor);
|
|
20643
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--expanded__toggle-icon--Color);
|
|
20644
|
+
}
|
|
20645
|
+
.pf-v5-c-menu-toggle:is(:active, .pf-m-active) {
|
|
20646
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--active--Color);
|
|
20647
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
|
|
20648
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
|
|
20649
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
|
|
20650
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--active__toggle-icon--Color);
|
|
20651
|
+
}
|
|
20652
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) {
|
|
20555
20653
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--disabled--Color);
|
|
20556
20654
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--disabled--BackgroundColor);
|
|
20557
|
-
|
|
20655
|
+
}
|
|
20656
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled),
|
|
20657
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v5-c-button {
|
|
20558
20658
|
pointer-events: none;
|
|
20559
20659
|
}
|
|
20560
|
-
.pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle
|
|
20660
|
+
.pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
|
|
20561
20661
|
border: 0;
|
|
20562
20662
|
}
|
|
20563
|
-
.pf-v5-c-menu-toggle.pf-
|
|
20564
|
-
|
|
20565
|
-
--pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft);
|
|
20566
|
-
--pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
20567
|
-
align-items: stretch;
|
|
20568
|
-
padding: 0;
|
|
20569
|
-
}
|
|
20570
|
-
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
|
|
20571
|
-
--pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
|
|
20572
|
-
--pf-v5-c-text-input-group__utilities--MarginRight: 0;
|
|
20573
|
-
flex: 1;
|
|
20663
|
+
.pf-v5-c-menu-toggle:has(.pf-v5-c-button) {
|
|
20664
|
+
background-color: transparent;
|
|
20574
20665
|
}
|
|
20666
|
+
|
|
20575
20667
|
.pf-v5-c-menu-toggle.pf-m-split-button {
|
|
20576
20668
|
padding: 0;
|
|
20577
20669
|
}
|
|
@@ -20582,11 +20674,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20582
20674
|
padding-inline-start: var(--pf-v5-c-menu-toggle--PaddingLeft);
|
|
20583
20675
|
padding-inline-end: var(--pf-v5-c-menu-toggle--PaddingRight);
|
|
20584
20676
|
}
|
|
20585
|
-
.pf-v5-c-menu-toggle.pf-m-split-button >
|
|
20586
|
-
|
|
20677
|
+
.pf-v5-c-menu-toggle.pf-m-split-button > :first-child {
|
|
20678
|
+
border-start-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20679
|
+
border-end-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20587
20680
|
}
|
|
20588
|
-
.pf-v5-c-menu-toggle.pf-m-split-button
|
|
20589
|
-
|
|
20681
|
+
.pf-v5-c-menu-toggle.pf-m-split-button > :last-child {
|
|
20682
|
+
border-start-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20683
|
+
border-end-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20590
20684
|
}
|
|
20591
20685
|
.pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check {
|
|
20592
20686
|
--pf-v5-c-menu-toggle--PaddingRight: 0;
|
|
@@ -20599,98 +20693,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20599
20693
|
--pf-v5-c-check__input--TranslateY: 0;
|
|
20600
20694
|
align-self: center;
|
|
20601
20695
|
}
|
|
20602
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-
|
|
20603
|
-
|
|
20604
|
-
inset-block-start: 0;
|
|
20605
|
-
inset-block-end: 0;
|
|
20606
|
-
inset-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left);
|
|
20607
|
-
inset-inline-end: 0;
|
|
20608
|
-
pointer-events: none;
|
|
20609
|
-
content: "";
|
|
20610
|
-
border-block-end: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor);
|
|
20696
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-plain {
|
|
20697
|
+
--pf-v5-c-menu-toggle--BorderColor: transparent;
|
|
20611
20698
|
}
|
|
20612
|
-
|
|
20613
|
-
|
|
20614
|
-
--pf-v5-c-menu-toggle--
|
|
20699
|
+
|
|
20700
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
|
|
20701
|
+
--pf-v5-c-menu-toggle--ColumnGap: 0;
|
|
20702
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
|
|
20615
20703
|
}
|
|
20616
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:
|
|
20617
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--
|
|
20618
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor);
|
|
20704
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
|
|
20705
|
+
border-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
|
|
20619
20706
|
}
|
|
20620
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action
|
|
20621
|
-
|
|
20622
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor);
|
|
20707
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v5-c-menu-toggle__controls) {
|
|
20708
|
+
padding-inline-end: 0;
|
|
20623
20709
|
}
|
|
20624
20710
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
|
|
20625
20711
|
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
|
|
20626
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
|
|
20627
20712
|
}
|
|
20628
20713
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
|
|
20629
20714
|
background-color: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
|
|
20630
20715
|
}
|
|
20631
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
|
|
20716
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
|
|
20632
20717
|
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
|
|
20633
20718
|
}
|
|
20634
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):
|
|
20635
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor);
|
|
20636
|
-
}
|
|
20637
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):active, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])).pf-m-active {
|
|
20719
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
|
|
20638
20720
|
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
|
|
20639
20721
|
}
|
|
20640
20722
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
|
|
20641
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--
|
|
20723
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
|
|
20642
20724
|
}
|
|
20643
20725
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
|
|
20644
20726
|
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor);
|
|
20645
20727
|
}
|
|
20646
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-
|
|
20647
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--
|
|
20648
|
-
}
|
|
20649
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :first-child, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :first-child {
|
|
20650
|
-
border-start-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20651
|
-
border-end-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20652
|
-
}
|
|
20653
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :last-child, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :last-child {
|
|
20654
|
-
border-start-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20655
|
-
border-end-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20656
|
-
}
|
|
20657
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
|
|
20658
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left: calc(var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) * -1);
|
|
20659
|
-
border-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
|
|
20660
|
-
}
|
|
20661
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
|
|
20662
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
|
|
20728
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
|
|
20729
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor);
|
|
20663
20730
|
}
|
|
20664
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-
|
|
20665
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
|
|
20666
|
-
}
|
|
20667
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::after {
|
|
20731
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
|
|
20668
20732
|
content: none;
|
|
20669
20733
|
}
|
|
20670
|
-
.pf-v5-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
|
|
20671
|
-
|
|
20672
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
|
|
20734
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
|
|
20735
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor);
|
|
20673
20736
|
color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
20674
20737
|
background-color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
20675
20738
|
}
|
|
20676
|
-
|
|
20677
|
-
|
|
20739
|
+
|
|
20740
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead {
|
|
20741
|
+
--pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
20742
|
+
align-items: stretch;
|
|
20743
|
+
padding: 0;
|
|
20678
20744
|
}
|
|
20679
|
-
.pf-v5-c-menu-toggle.pf-m-
|
|
20680
|
-
|
|
20745
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__button {
|
|
20746
|
+
--pf-v5-c-menu-toggle__button--PaddingRight: 0;
|
|
20747
|
+
}
|
|
20748
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
|
|
20749
|
+
--pf-v5-c-menu-toggle--ColumnGap: 0;
|
|
20750
|
+
--pf-v5-c-menu-toggle__button--PaddingRight: 0;
|
|
20751
|
+
display: flex;
|
|
20752
|
+
align-items: stretch;
|
|
20753
|
+
}
|
|
20754
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
|
|
20755
|
+
--pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
|
|
20756
|
+
--pf-v5-c-text-input-group__utilities--MarginRight: 0;
|
|
20757
|
+
flex: 1;
|
|
20681
20758
|
}
|
|
20682
20759
|
|
|
20683
20760
|
.pf-v5-c-menu-toggle__button {
|
|
20684
|
-
--pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
|
|
20685
|
-
--pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
|
|
20686
|
-
--pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
|
|
20687
20761
|
align-self: var(--pf-v5-c-menu-toggle__button--AlignSelf);
|
|
20762
|
+
min-width: var(--pf-v5-c-menu-toggle__button--MinWidth);
|
|
20688
20763
|
padding-inline-start: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
|
|
20689
20764
|
padding-inline-end: var(--pf-v5-c-menu-toggle__button--PaddingRight);
|
|
20690
20765
|
color: inherit;
|
|
20691
20766
|
background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
|
|
20692
20767
|
border: 0;
|
|
20693
20768
|
}
|
|
20769
|
+
.pf-v5-c-menu-toggle__button:has(.pf-v5-c-menu-toggle__controls) {
|
|
20770
|
+
padding-inline-start: 0;
|
|
20771
|
+
}
|
|
20694
20772
|
|
|
20695
20773
|
.pf-v5-c-menu-toggle__icon {
|
|
20696
20774
|
flex-shrink: 0;
|
|
@@ -20713,42 +20791,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20713
20791
|
}
|
|
20714
20792
|
|
|
20715
20793
|
.pf-v5-c-menu-toggle__controls {
|
|
20716
|
-
|
|
20717
|
-
|
|
20718
|
-
|
|
20794
|
+
display: flex;
|
|
20795
|
+
align-items: center;
|
|
20796
|
+
justify-content: center;
|
|
20797
|
+
min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
|
|
20798
|
+
margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
|
|
20719
20799
|
}
|
|
20720
20800
|
|
|
20721
20801
|
.pf-v5-c-menu-toggle__toggle-icon {
|
|
20722
|
-
margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
|
|
20723
20802
|
color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
|
|
20724
20803
|
}
|
|
20725
20804
|
|
|
20726
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20727
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20728
|
-
}
|
|
20729
|
-
|
|
20730
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
|
|
20731
|
-
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20732
|
-
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20733
|
-
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20734
|
-
--pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20735
|
-
--pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20736
|
-
--pf-v5-c-menu-toggle--before--BorderTopColor: transparent;
|
|
20737
|
-
--pf-v5-c-menu-toggle--before--BorderRightColor: transparent;
|
|
20738
|
-
--pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
|
|
20739
|
-
--pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
|
|
20740
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
20741
|
-
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20742
|
-
--pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
20743
|
-
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
20744
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20745
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
20746
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
20747
|
-
}
|
|
20748
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain, :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-full-height {
|
|
20749
|
-
background: transparent;
|
|
20750
|
-
}
|
|
20751
|
-
|
|
20752
20805
|
:root {
|
|
20753
20806
|
--pf-v5-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20754
20807
|
--pf-v5-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
@@ -30637,8 +30690,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
30637
30690
|
--pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
|
|
30638
30691
|
--pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
30639
30692
|
--pf-v5-c-text-input-group__icon--TranslateY: -50%;
|
|
30640
|
-
--pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
30641
|
-
--pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
30642
30693
|
--pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
30643
30694
|
--pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
30644
30695
|
--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
@@ -30751,27 +30802,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
30751
30802
|
.pf-v5-c-text-input-group__utilities > * + * {
|
|
30752
30803
|
margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
|
|
30753
30804
|
}
|
|
30754
|
-
.pf-v5-c-text-input-group__utilities .pf-v5-c-button {
|
|
30755
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
|
|
30756
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
|
|
30757
|
-
}
|
|
30758
30805
|
|
|
30759
30806
|
.pf-v5-c-text-input-group__group {
|
|
30760
30807
|
display: flex;
|
|
30761
30808
|
}
|
|
30762
30809
|
|
|
30763
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
30764
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
30765
|
-
}
|
|
30766
|
-
|
|
30767
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
|
|
30768
|
-
--pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
30769
|
-
--pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
30770
|
-
--pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
30771
|
-
--pf-v5-c-text-input-group__text--before--BorderWidth: 0;
|
|
30772
|
-
--pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
30773
|
-
}
|
|
30774
|
-
|
|
30775
30810
|
:where(:root),
|
|
30776
30811
|
:where(.pf-v5-c-tile) {
|
|
30777
30812
|
--pf-v5-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
|