@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-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);
|
|
@@ -7829,13 +7937,16 @@ button) {
|
|
|
7829
7937
|
max-width: 100%;
|
|
7830
7938
|
}
|
|
7831
7939
|
|
|
7832
|
-
:root,
|
|
7940
|
+
:where(:root),
|
|
7941
|
+
:where(.pf-v5-c-breadcrumb) {
|
|
7833
7942
|
--pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7834
7943
|
--pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
7835
7944
|
--pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
|
|
7836
7945
|
--pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
|
|
7837
7946
|
--pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
|
|
7838
7947
|
--pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
7948
|
+
--pf-v5-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7949
|
+
--pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7839
7950
|
--pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
7840
7951
|
--pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
7841
7952
|
--pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
@@ -7869,6 +7980,9 @@ button) {
|
|
|
7869
7980
|
white-space: nowrap;
|
|
7870
7981
|
list-style: none;
|
|
7871
7982
|
}
|
|
7983
|
+
.pf-v5-c-breadcrumb__item:first-child:has(.pf-v5-c-breadcrumb__link) {
|
|
7984
|
+
--pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
|
|
7985
|
+
}
|
|
7872
7986
|
.pf-v5-c-breadcrumb__item:not(:last-child) {
|
|
7873
7987
|
margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
|
|
7874
7988
|
}
|
|
@@ -7884,6 +7998,8 @@ button) {
|
|
|
7884
7998
|
}
|
|
7885
7999
|
|
|
7886
8000
|
.pf-v5-c-breadcrumb__link {
|
|
8001
|
+
padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
|
|
8002
|
+
padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
|
|
7887
8003
|
font-size: inherit;
|
|
7888
8004
|
font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
|
|
7889
8005
|
line-height: inherit;
|
|
@@ -8023,7 +8139,7 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8023
8139
|
--pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
|
|
8024
8140
|
--pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
|
|
8025
8141
|
--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
|
|
8026
|
-
--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal
|
|
8142
|
+
--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
|
|
8027
8143
|
--pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
|
|
8028
8144
|
--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));
|
|
8029
8145
|
--pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -18152,7 +18268,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18152
18268
|
color: var(--pf-v5-c-jump-links__toggle-text--Color);
|
|
18153
18269
|
}
|
|
18154
18270
|
|
|
18155
|
-
.pf-v5-c-table, .pf-v5-c-select, .pf-
|
|
18271
|
+
.pf-v5-c-table, .pf-v5-c-select, .pf-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
|
|
18156
18272
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
18157
18273
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
18158
18274
|
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
@@ -18179,7 +18295,16 @@ label.pf-v5-c-input-group__text {
|
|
|
18179
18295
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
|
|
18180
18296
|
}
|
|
18181
18297
|
|
|
18182
|
-
.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-
|
|
18298
|
+
.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,
|
|
18299
|
+
.pf-v5-c-menu__list-item,
|
|
18300
|
+
.pf-v5-c-menu__item,
|
|
18301
|
+
.pf-v5-c-menu__item-main,
|
|
18302
|
+
.pf-v5-c-menu__breadcrumb,
|
|
18303
|
+
.pf-v5-c-menu__item-check,
|
|
18304
|
+
.pf-v5-c-menu__item-action,
|
|
18305
|
+
.pf-v5-c-menu__item-action-icon, .pf-v5-c-menu,
|
|
18306
|
+
.pf-v5-c-menu__list,
|
|
18307
|
+
.pf-v5-c-menu__group, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__content-section,
|
|
18183
18308
|
.pf-v5-c-toolbar__group,
|
|
18184
18309
|
.pf-v5-c-toolbar__item,
|
|
18185
18310
|
.pf-v5-c-toolbar__group.pf-m-chip-group-container,
|
|
@@ -18188,66 +18313,165 @@ label.pf-v5-c-input-group__text {
|
|
|
18188
18313
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18189
18314
|
display: var(--pf-v5-hidden-visible--Display);
|
|
18190
18315
|
}
|
|
18191
|
-
.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-
|
|
18316
|
+
.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,
|
|
18317
|
+
.pf-m-hidden.pf-v5-c-menu__list-item,
|
|
18318
|
+
.pf-m-hidden.pf-v5-c-menu__item,
|
|
18319
|
+
.pf-m-hidden.pf-v5-c-menu__item-main,
|
|
18320
|
+
.pf-m-hidden.pf-v5-c-menu__breadcrumb,
|
|
18321
|
+
.pf-m-hidden.pf-v5-c-menu__item-check,
|
|
18322
|
+
.pf-m-hidden.pf-v5-c-menu__item-action,
|
|
18323
|
+
.pf-m-hidden.pf-v5-c-menu__item-action-icon, .pf-m-hidden.pf-v5-c-menu,
|
|
18324
|
+
.pf-m-hidden.pf-v5-c-menu__list,
|
|
18325
|
+
.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,
|
|
18192
18326
|
.pf-m-hidden.pf-v5-c-toolbar__group,
|
|
18193
18327
|
.pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-divider {
|
|
18194
18328
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18195
18329
|
}
|
|
18196
18330
|
@media screen and (min-width: 576px) {
|
|
18197
|
-
.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-
|
|
18331
|
+
.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,
|
|
18332
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__list-item,
|
|
18333
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item,
|
|
18334
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-main,
|
|
18335
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__breadcrumb,
|
|
18336
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-check,
|
|
18337
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-action,
|
|
18338
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v5-c-menu,
|
|
18339
|
+
.pf-m-hidden-on-sm.pf-v5-c-menu__list,
|
|
18340
|
+
.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,
|
|
18198
18341
|
.pf-m-hidden-on-sm.pf-v5-c-toolbar__group,
|
|
18199
18342
|
.pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-divider {
|
|
18200
18343
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18201
18344
|
}
|
|
18202
|
-
.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-
|
|
18345
|
+
.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,
|
|
18346
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__list-item,
|
|
18347
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item,
|
|
18348
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-main,
|
|
18349
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__breadcrumb,
|
|
18350
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-check,
|
|
18351
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-action,
|
|
18352
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v5-c-menu,
|
|
18353
|
+
.pf-m-visible-on-sm.pf-v5-c-menu__list,
|
|
18354
|
+
.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,
|
|
18203
18355
|
.pf-m-visible-on-sm.pf-v5-c-toolbar__group,
|
|
18204
18356
|
.pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-divider {
|
|
18205
18357
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18206
18358
|
}
|
|
18207
18359
|
}
|
|
18208
18360
|
@media screen and (min-width: 768px) {
|
|
18209
|
-
.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-
|
|
18361
|
+
.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,
|
|
18362
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__list-item,
|
|
18363
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item,
|
|
18364
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-main,
|
|
18365
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__breadcrumb,
|
|
18366
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-check,
|
|
18367
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-action,
|
|
18368
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v5-c-menu,
|
|
18369
|
+
.pf-m-hidden-on-md.pf-v5-c-menu__list,
|
|
18370
|
+
.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,
|
|
18210
18371
|
.pf-m-hidden-on-md.pf-v5-c-toolbar__group,
|
|
18211
18372
|
.pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-divider {
|
|
18212
18373
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18213
18374
|
}
|
|
18214
|
-
.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-
|
|
18375
|
+
.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,
|
|
18376
|
+
.pf-m-visible-on-md.pf-v5-c-menu__list-item,
|
|
18377
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item,
|
|
18378
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-main,
|
|
18379
|
+
.pf-m-visible-on-md.pf-v5-c-menu__breadcrumb,
|
|
18380
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-check,
|
|
18381
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-action,
|
|
18382
|
+
.pf-m-visible-on-md.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v5-c-menu,
|
|
18383
|
+
.pf-m-visible-on-md.pf-v5-c-menu__list,
|
|
18384
|
+
.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,
|
|
18215
18385
|
.pf-m-visible-on-md.pf-v5-c-toolbar__group,
|
|
18216
18386
|
.pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-divider {
|
|
18217
18387
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18218
18388
|
}
|
|
18219
18389
|
}
|
|
18220
18390
|
@media screen and (min-width: 992px) {
|
|
18221
|
-
.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-
|
|
18391
|
+
.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,
|
|
18392
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__list-item,
|
|
18393
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item,
|
|
18394
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-main,
|
|
18395
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__breadcrumb,
|
|
18396
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-check,
|
|
18397
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-action,
|
|
18398
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v5-c-menu,
|
|
18399
|
+
.pf-m-hidden-on-lg.pf-v5-c-menu__list,
|
|
18400
|
+
.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,
|
|
18222
18401
|
.pf-m-hidden-on-lg.pf-v5-c-toolbar__group,
|
|
18223
18402
|
.pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-divider {
|
|
18224
18403
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18225
18404
|
}
|
|
18226
|
-
.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-
|
|
18405
|
+
.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,
|
|
18406
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__list-item,
|
|
18407
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item,
|
|
18408
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-main,
|
|
18409
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__breadcrumb,
|
|
18410
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-check,
|
|
18411
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-action,
|
|
18412
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v5-c-menu,
|
|
18413
|
+
.pf-m-visible-on-lg.pf-v5-c-menu__list,
|
|
18414
|
+
.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,
|
|
18227
18415
|
.pf-m-visible-on-lg.pf-v5-c-toolbar__group,
|
|
18228
18416
|
.pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-divider {
|
|
18229
18417
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18230
18418
|
}
|
|
18231
18419
|
}
|
|
18232
18420
|
@media screen and (min-width: 1200px) {
|
|
18233
|
-
.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-
|
|
18421
|
+
.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,
|
|
18422
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__list-item,
|
|
18423
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item,
|
|
18424
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-main,
|
|
18425
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__breadcrumb,
|
|
18426
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-check,
|
|
18427
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-action,
|
|
18428
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v5-c-menu,
|
|
18429
|
+
.pf-m-hidden-on-xl.pf-v5-c-menu__list,
|
|
18430
|
+
.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,
|
|
18234
18431
|
.pf-m-hidden-on-xl.pf-v5-c-toolbar__group,
|
|
18235
18432
|
.pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-divider {
|
|
18236
18433
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18237
18434
|
}
|
|
18238
|
-
.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-
|
|
18435
|
+
.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,
|
|
18436
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__list-item,
|
|
18437
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item,
|
|
18438
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-main,
|
|
18439
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__breadcrumb,
|
|
18440
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-check,
|
|
18441
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-action,
|
|
18442
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v5-c-menu,
|
|
18443
|
+
.pf-m-visible-on-xl.pf-v5-c-menu__list,
|
|
18444
|
+
.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,
|
|
18239
18445
|
.pf-m-visible-on-xl.pf-v5-c-toolbar__group,
|
|
18240
18446
|
.pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-divider {
|
|
18241
18447
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
18242
18448
|
}
|
|
18243
18449
|
}
|
|
18244
18450
|
@media screen and (min-width: 1450px) {
|
|
18245
|
-
.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-
|
|
18451
|
+
.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,
|
|
18452
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__list-item,
|
|
18453
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item,
|
|
18454
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-main,
|
|
18455
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__breadcrumb,
|
|
18456
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-check,
|
|
18457
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-action,
|
|
18458
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v5-c-menu,
|
|
18459
|
+
.pf-m-hidden-on-2xl.pf-v5-c-menu__list,
|
|
18460
|
+
.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,
|
|
18246
18461
|
.pf-m-hidden-on-2xl.pf-v5-c-toolbar__group,
|
|
18247
18462
|
.pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-divider {
|
|
18248
18463
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
18249
18464
|
}
|
|
18250
|
-
.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-
|
|
18465
|
+
.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,
|
|
18466
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__list-item,
|
|
18467
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item,
|
|
18468
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-main,
|
|
18469
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__breadcrumb,
|
|
18470
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-check,
|
|
18471
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-action,
|
|
18472
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v5-c-menu,
|
|
18473
|
+
.pf-m-visible-on-2xl.pf-v5-c-menu__list,
|
|
18474
|
+
.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,
|
|
18251
18475
|
.pf-m-visible-on-2xl.pf-v5-c-toolbar__group,
|
|
18252
18476
|
.pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-divider {
|
|
18253
18477
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
@@ -19842,171 +20066,157 @@ ul.pf-v5-c-list {
|
|
|
19842
20066
|
padding-inline-end: var(--pf-v5-global--spacer--2xl);
|
|
19843
20067
|
}
|
|
19844
20068
|
|
|
19845
|
-
|
|
19846
|
-
|
|
19847
|
-
--pf-v5-c-menu--
|
|
19848
|
-
--pf-v5-c-menu--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
19849
|
-
--pf-v5-c-menu--MinWidth: auto;
|
|
20069
|
+
:where(:root),
|
|
20070
|
+
:where(.pf-v5-c-menu) {
|
|
20071
|
+
--pf-v5-c-menu--RowGap: var(--pf-t--global--spacer--sm);
|
|
19850
20072
|
--pf-v5-c-menu--Width: auto;
|
|
19851
|
-
--pf-v5-c-menu--
|
|
19852
|
-
--pf-v5-c-menu--
|
|
19853
|
-
--pf-v5-c-menu--
|
|
19854
|
-
--pf-v5-c-menu--
|
|
19855
|
-
--pf-v5-c-menu--
|
|
19856
|
-
--pf-v5-c-menu--
|
|
19857
|
-
--pf-v5-c-menu--
|
|
19858
|
-
--pf-v5-c-menu--
|
|
20073
|
+
--pf-v5-c-menu--MinWidth: auto;
|
|
20074
|
+
--pf-v5-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20075
|
+
--pf-v5-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20076
|
+
--pf-v5-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20077
|
+
--pf-v5-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
20078
|
+
--pf-v5-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
20079
|
+
--pf-v5-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
20080
|
+
--pf-v5-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
20081
|
+
--pf-v5-c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
|
|
20082
|
+
--pf-v5-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20083
|
+
--pf-v5-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19859
20084
|
--pf-v5-c-menu--m-plain--BoxShadow: none;
|
|
19860
|
-
--pf-v5-c-
|
|
19861
|
-
--pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
|
|
19862
|
-
--pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
|
|
20085
|
+
--pf-v5-c-menu__content--RowGap: var(--pf-v5-c-menu--RowGap);
|
|
19863
20086
|
--pf-v5-c-menu__content--Height: auto;
|
|
19864
20087
|
--pf-v5-c-menu__content--MaxHeight: none;
|
|
19865
20088
|
--pf-v5-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
|
|
19866
|
-
--pf-v5-c-
|
|
19867
|
-
--pf-v5-c-
|
|
19868
|
-
--pf-v5-c-
|
|
19869
|
-
--pf-v5-c-
|
|
19870
|
-
--pf-v5-c-
|
|
19871
|
-
--pf-v5-c-
|
|
19872
|
-
--pf-v5-c-
|
|
19873
|
-
--pf-v5-c-
|
|
19874
|
-
--pf-v5-c-
|
|
19875
|
-
--pf-v5-c-
|
|
19876
|
-
--pf-v5-c-
|
|
19877
|
-
--pf-v5-c-
|
|
19878
|
-
--pf-v5-c-
|
|
19879
|
-
--pf-v5-c-
|
|
19880
|
-
--pf-v5-c-
|
|
19881
|
-
--pf-v5-c-
|
|
19882
|
-
--pf-v5-c-
|
|
19883
|
-
--pf-v5-c-
|
|
19884
|
-
--pf-v5-c-
|
|
19885
|
-
--pf-v5-c-
|
|
19886
|
-
--pf-v5-c-
|
|
19887
|
-
--pf-v5-c-
|
|
19888
|
-
--pf-v5-c-
|
|
19889
|
-
--pf-v5-c-
|
|
19890
|
-
--pf-v5-c-
|
|
19891
|
-
--pf-v5-c-
|
|
19892
|
-
--pf-v5-c-
|
|
19893
|
-
--pf-v5-c-
|
|
19894
|
-
--pf-v5-c-
|
|
19895
|
-
--pf-v5-c-
|
|
19896
|
-
--pf-v5-c-
|
|
19897
|
-
--pf-v5-c-
|
|
19898
|
-
--pf-v5-c-
|
|
19899
|
-
--pf-v5-c-
|
|
19900
|
-
--pf-v5-c-
|
|
19901
|
-
--pf-v5-c-
|
|
19902
|
-
--pf-v5-c-
|
|
19903
|
-
--pf-v5-c-
|
|
19904
|
-
--pf-v5-c-
|
|
19905
|
-
--pf-v5-c-
|
|
19906
|
-
--pf-v5-c-
|
|
19907
|
-
--pf-v5-c-
|
|
19908
|
-
--pf-v5-c-
|
|
19909
|
-
--pf-v5-c-
|
|
19910
|
-
--pf-v5-c-
|
|
19911
|
-
--pf-v5-c-
|
|
19912
|
-
--pf-v5-c-
|
|
19913
|
-
--pf-v5-c-
|
|
19914
|
-
--pf-v5-c-
|
|
19915
|
-
--pf-v5-c-
|
|
19916
|
-
--pf-v5-c-
|
|
19917
|
-
--pf-v5-c-menu__item-
|
|
19918
|
-
--pf-v5-c-menu__item-
|
|
19919
|
-
--pf-v5-c-menu__item-
|
|
19920
|
-
--pf-v5-c-
|
|
19921
|
-
--pf-v5-c-
|
|
19922
|
-
--pf-v5-c-
|
|
19923
|
-
--pf-v5-c-
|
|
19924
|
-
--pf-v5-c-
|
|
19925
|
-
--pf-v5-c-
|
|
19926
|
-
--pf-v5-c-
|
|
19927
|
-
--pf-v5-c-
|
|
19928
|
-
--pf-v5-c-
|
|
19929
|
-
--pf-v5-c-
|
|
19930
|
-
--pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-global--link--Color);
|
|
19931
|
-
--pf-v5-c-menu__item-external-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
19932
|
-
--pf-v5-c-menu__item-external-icon--Opacity: 0;
|
|
19933
|
-
--pf-v5-c-menu__item-action--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
19934
|
-
--pf-v5-c-menu__item-action--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
19935
|
-
--pf-v5-c-menu__item-action--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
19936
|
-
--pf-v5-c-menu__item-action--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
19937
|
-
--pf-v5-c-menu__item-action--Color: var(--pf-v5-global--Color--200);
|
|
19938
|
-
--pf-v5-c-menu__item-action--BackgroundColor: transparent;
|
|
19939
|
-
--pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-global--Color--100);
|
|
19940
|
-
--pf-v5-c-menu__item-action--disabled--Color: var(--pf-v5-global--disabled-color--200);
|
|
19941
|
-
--pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-v5-global--palette--gold-400);
|
|
19942
|
-
--pf-v5-c-menu__item-action--m-favorited--hover--Color: var(--pf-v5-global--palette--gold-500);
|
|
19943
|
-
--pf-v5-c-menu__item-action-icon--Height: calc(var(--pf-v5-c-menu__item--FontSize) * var(--pf-v5-c-menu__item--LineHeight));
|
|
19944
|
-
--pf-v5-c-menu__item-action--m-favorite__icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
19945
|
-
--pf-v5-c-menu__breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
19946
|
-
--pf-v5-c-menu__breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
19947
|
-
--pf-v5-c-menu__breadcrumb--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
19948
|
-
--pf-v5-c-menu__breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
19949
|
-
--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize: var(--pf-v5-global--FontSize--md);
|
|
19950
|
-
--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize: var(--pf-v5-global--FontSize--md);
|
|
19951
|
-
--pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
|
|
19952
|
-
--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
19953
|
-
--pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20089
|
+
--pf-v5-c-menu__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20090
|
+
--pf-v5-c-menu__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20091
|
+
--pf-v5-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20092
|
+
--pf-v5-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20093
|
+
--pf-v5-c-menu__footer--BoxShadow: none;
|
|
20094
|
+
--pf-v5-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
20095
|
+
--pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
20096
|
+
--pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20097
|
+
--pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20098
|
+
--pf-v5-c-menu__list-item--MixBlendMode: normal;
|
|
20099
|
+
--pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
20100
|
+
--pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
20101
|
+
--pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
|
|
20102
|
+
--pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20103
|
+
--pf-v5-c-menu__list--divider--MarginTop: var(--pf-t--global--spacer--sm);
|
|
20104
|
+
--pf-v5-c-menu__list--divider--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
20105
|
+
--pf-v5-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20106
|
+
--pf-v5-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20107
|
+
--pf-v5-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20108
|
+
--pf-v5-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20109
|
+
--pf-v5-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20110
|
+
--pf-v5-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
20111
|
+
--pf-v5-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body);
|
|
20112
|
+
--pf-v5-c-menu__item--Color: var(--pf-t--global--text--color--regular);
|
|
20113
|
+
--pf-v5-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20114
|
+
--pf-v5-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20115
|
+
--pf-v5-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20116
|
+
--pf-v5-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20117
|
+
--pf-v5-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20118
|
+
--pf-v5-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20119
|
+
--pf-v5-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20120
|
+
--pf-v5-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20121
|
+
--pf-v5-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20122
|
+
--pf-v5-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20123
|
+
--pf-v5-c-menu__breadcrumb--PaddingBlockStart: 0;
|
|
20124
|
+
--pf-v5-c-menu__breadcrumb--PaddingBlockEnd: 0;
|
|
20125
|
+
--pf-v5-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20126
|
+
--pf-v5-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20127
|
+
--pf-v5-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20128
|
+
--pf-v5-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20129
|
+
--pf-v5-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20130
|
+
--pf-v5-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20131
|
+
--pf-v5-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20132
|
+
--pf-v5-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
|
|
20133
|
+
--pf-v5-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
20134
|
+
--pf-v5-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
|
|
20135
|
+
--pf-v5-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20136
|
+
--pf-v5-c-menu__item-action--icon--size: var(--pf-v5-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
|
|
20137
|
+
--pf-v5-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
|
|
20138
|
+
--pf-v5-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
|
|
20139
|
+
--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);
|
|
20140
|
+
--pf-v5-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
20141
|
+
--pf-v5-c-menu__item--m-selected__item-select-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
20142
|
+
--pf-v5-c-menu__item-external--Color: var(--pf-t--global--icon--color--brand--default);
|
|
20143
|
+
--pf-v5-c-menu--m-flyout__menu--top-offset: 0px;
|
|
20144
|
+
--pf-v5-c-menu--m-flyout__menu--left-offset: 0px;
|
|
20145
|
+
--pf-v5-c-menu--m-flyout__menu--m-left--right-offset: 0px;
|
|
20146
|
+
--pf-v5-c-menu--m-flyout__Zindex: var(--pf-t--global--Zindex--sm);
|
|
20147
|
+
--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));
|
|
20148
|
+
--pf-v5-c-menu--m-flyout__menu--Right: auto;
|
|
20149
|
+
--pf-v5-c-menu--m-flyout__menu--Bottom: auto;
|
|
20150
|
+
--pf-v5-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset));
|
|
20151
|
+
--pf-v5-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v5-c-menu__list--PaddingBlockStart) * -1);
|
|
20152
|
+
--pf-v5-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset));
|
|
19954
20153
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
|
|
19955
20154
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
19956
20155
|
--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);
|
|
19957
20156
|
--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
19958
20157
|
--pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
19959
|
-
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-
|
|
19960
|
-
|
|
19961
|
-
|
|
19962
|
-
|
|
19963
|
-
|
|
19964
|
-
|
|
19965
|
-
--pf-v5-
|
|
19966
|
-
|
|
19967
|
-
|
|
19968
|
-
|
|
19969
|
-
|
|
19970
|
-
|
|
19971
|
-
|
|
19972
|
-
|
|
19973
|
-
|
|
19974
|
-
|
|
19975
|
-
|
|
19976
|
-
--pf-v5-
|
|
19977
|
-
|
|
19978
|
-
|
|
19979
|
-
|
|
19980
|
-
|
|
19981
|
-
|
|
19982
|
-
|
|
19983
|
-
|
|
19984
|
-
|
|
19985
|
-
|
|
19986
|
-
|
|
19987
|
-
|
|
19988
|
-
--pf-v5-c-
|
|
19989
|
-
--pf-v5-c-
|
|
19990
|
-
--pf-v5-c-
|
|
19991
|
-
--pf-v5-c-
|
|
19992
|
-
--pf-v5-c-
|
|
19993
|
-
|
|
19994
|
-
|
|
19995
|
-
|
|
19996
|
-
|
|
19997
|
-
|
|
19998
|
-
|
|
20158
|
+
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--ZIndex--xs);
|
|
20159
|
+
}
|
|
20160
|
+
|
|
20161
|
+
.pf-v5-c-menu,
|
|
20162
|
+
.pf-v5-c-menu__list,
|
|
20163
|
+
.pf-v5-c-menu__group {
|
|
20164
|
+
--pf-v5-hidden-visible--visible--Display: grid;
|
|
20165
|
+
}
|
|
20166
|
+
|
|
20167
|
+
.pf-v5-c-menu__content,
|
|
20168
|
+
.pf-v5-c-menu__list-item,
|
|
20169
|
+
.pf-v5-c-menu__item,
|
|
20170
|
+
.pf-v5-c-menu__item-main,
|
|
20171
|
+
.pf-v5-c-menu__breadcrumb,
|
|
20172
|
+
.pf-v5-c-menu__item-check,
|
|
20173
|
+
.pf-v5-c-menu__item-action,
|
|
20174
|
+
.pf-v5-c-menu__item-action-icon {
|
|
20175
|
+
--pf-v5-hidden-visible--visible--Display: flex;
|
|
20176
|
+
}
|
|
20177
|
+
|
|
20178
|
+
.pf-v5-c-menu__list,
|
|
20179
|
+
.pf-v5-c-menu__list-item,
|
|
20180
|
+
.pf-v5-c-menu__breadcrumb,
|
|
20181
|
+
.pf-v5-c-menu__footer {
|
|
20182
|
+
position: relative;
|
|
20183
|
+
}
|
|
20184
|
+
|
|
20185
|
+
.pf-v5-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]),
|
|
20186
|
+
.pf-v5-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
|
|
20187
|
+
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__item--m-disabled--Color);
|
|
20188
|
+
--pf-v5-c-menu__item-toggle-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
|
|
20189
|
+
--pf-v5-c-menu__item-external-icon--Color: var(--pf-v5-c-menu--icon--disabled--Color);
|
|
20190
|
+
--pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--icon--disabled--Color);
|
|
20191
|
+
--pf-v5-c-menu__list-item--BackgroundColor: transparent;
|
|
20192
|
+
pointer-events: none;
|
|
20193
|
+
}
|
|
20194
|
+
|
|
20195
|
+
[class*=pf-v5-c-menu]:is([hidden]) {
|
|
20196
|
+
display: none;
|
|
20197
|
+
}
|
|
20198
|
+
|
|
20199
|
+
.pf-v5-c-menu {
|
|
20200
|
+
row-gap: var(--pf-v5-c-menu--RowGap);
|
|
19999
20201
|
width: var(--pf-v5-c-menu--Width);
|
|
20000
20202
|
min-width: var(--pf-v5-c-menu--MinWidth);
|
|
20203
|
+
padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
|
|
20204
|
+
padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
|
|
20205
|
+
overflow: hidden;
|
|
20206
|
+
color: var(--pf-v5-c-menu--Color);
|
|
20001
20207
|
background-color: var(--pf-v5-c-menu--BackgroundColor);
|
|
20208
|
+
border-radius: var(--pf-v5-c-menu--BorderRadius);
|
|
20002
20209
|
box-shadow: var(--pf-v5-c-menu--BoxShadow);
|
|
20003
20210
|
}
|
|
20211
|
+
.pf-v5-c-menu .pf-v5-c-menu {
|
|
20212
|
+
min-width: 100%;
|
|
20213
|
+
border-radius: 0;
|
|
20214
|
+
}
|
|
20004
20215
|
.pf-v5-c-menu .pf-v5-c-menu__content .pf-v5-c-menu .pf-v5-c-menu__content {
|
|
20005
20216
|
overflow: visible;
|
|
20006
20217
|
}
|
|
20007
|
-
.pf-v5-c-menu .pf-v5-c-
|
|
20008
|
-
|
|
20009
|
-
margin-block-end: var(--pf-v5-c-menu--c-divider--MarginBottom);
|
|
20218
|
+
.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 {
|
|
20219
|
+
overflow: visible;
|
|
20010
20220
|
}
|
|
20011
20221
|
.pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu {
|
|
20012
20222
|
position: absolute;
|
|
@@ -20014,6 +20224,8 @@ ul.pf-v5-c-list {
|
|
|
20014
20224
|
inset-block-end: var(--pf-v5-c-menu--m-flyout__menu--Bottom);
|
|
20015
20225
|
inset-inline-start: var(--pf-v5-c-menu--m-flyout__menu--Left);
|
|
20016
20226
|
inset-inline-end: var(--pf-v5-c-menu--m-flyout__menu--Right);
|
|
20227
|
+
z-index: var(--pf-v5-c-menu--m-flyout__Zindex);
|
|
20228
|
+
border-radius: var(--pf-v5-c-menu--BorderRadius);
|
|
20017
20229
|
}
|
|
20018
20230
|
.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 {
|
|
20019
20231
|
overflow-y: visible;
|
|
@@ -20026,18 +20238,13 @@ ul.pf-v5-c-list {
|
|
|
20026
20238
|
--pf-v5-c-menu--m-flyout__menu--Right: var(--pf-v5-c-menu--m-flyout__menu--m-left--Right);
|
|
20027
20239
|
--pf-v5-c-menu--m-flyout__menu--Left: auto;
|
|
20028
20240
|
}
|
|
20029
|
-
.pf-v5-c-menu.pf-m-drilldown {
|
|
20030
|
-
display: flex;
|
|
20031
|
-
flex-direction: column;
|
|
20032
|
-
}
|
|
20033
|
-
.pf-v5-c-menu.pf-m-drilldown[hidden] {
|
|
20034
|
-
display: none;
|
|
20035
|
-
}
|
|
20036
20241
|
.pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content {
|
|
20037
|
-
flex-grow: 1;
|
|
20038
20242
|
overflow: hidden;
|
|
20039
20243
|
transition: var(--pf-v5-c-menu--m-drilldown__content--Transition);
|
|
20040
20244
|
}
|
|
20245
|
+
.pf-v5-c-menu.pf-m-drilldown :where(.pf-v5-c-menu) {
|
|
20246
|
+
padding: 0;
|
|
20247
|
+
}
|
|
20041
20248
|
.pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list,
|
|
20042
20249
|
.pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
|
|
20043
20250
|
transform: translateX(-100%);
|
|
@@ -20047,11 +20254,11 @@ ul.pf-v5-c-list {
|
|
|
20047
20254
|
}
|
|
20048
20255
|
|
|
20049
20256
|
.pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu {
|
|
20050
|
-
--pf-v5-c-menu--BoxShadow: none;
|
|
20051
20257
|
position: absolute;
|
|
20052
20258
|
inset-block-start: var(--pf-v5-c-menu--m-drilldown--c-menu--Top);
|
|
20053
20259
|
inset-inline-start: 100%;
|
|
20054
20260
|
width: 100%;
|
|
20261
|
+
box-shadow: none;
|
|
20055
20262
|
transition: var(--pf-v5-c-menu--m-drilldown--c-menu--Transition);
|
|
20056
20263
|
}
|
|
20057
20264
|
.pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
|
|
@@ -20062,14 +20269,13 @@ ul.pf-v5-c-list {
|
|
|
20062
20269
|
}
|
|
20063
20270
|
|
|
20064
20271
|
.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list {
|
|
20065
|
-
position: relative;
|
|
20066
20272
|
overflow: hidden;
|
|
20067
20273
|
visibility: visible;
|
|
20068
20274
|
transition: var(--pf-v5-c-menu--m-drilldown__list--Transition);
|
|
20069
20275
|
}
|
|
20070
20276
|
.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list .pf-v5-c-menu__list {
|
|
20071
|
-
--pf-v5-c-menu__list--
|
|
20072
|
-
--pf-v5-c-menu__list--
|
|
20277
|
+
--pf-v5-c-menu__list--PaddingBlockStart: 0;
|
|
20278
|
+
--pf-v5-c-menu__list--PaddingBlockEnd: 0;
|
|
20073
20279
|
}
|
|
20074
20280
|
.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-current-path .pf-v5-c-menu {
|
|
20075
20281
|
z-index: var(--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
|
|
@@ -20087,7 +20293,7 @@ ul.pf-v5-c-list {
|
|
|
20087
20293
|
display: none;
|
|
20088
20294
|
}
|
|
20089
20295
|
.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__item {
|
|
20090
|
-
outline-offset: var(--pf-v5-c-
|
|
20296
|
+
outline-offset: var(--pf-v5-c-menu--OutlineOffset);
|
|
20091
20297
|
}
|
|
20092
20298
|
.pf-v5-c-menu.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list {
|
|
20093
20299
|
overflow: visible;
|
|
@@ -20106,83 +20312,54 @@ ul.pf-v5-c-list {
|
|
|
20106
20312
|
.pf-v5-c-menu.pf-m-scrollable {
|
|
20107
20313
|
--pf-v5-c-menu__content--MaxHeight: var(--pf-v5-c-menu--m-scrollable__content--MaxHeight);
|
|
20108
20314
|
--pf-v5-c-menu__footer--BoxShadow: var(--pf-v5-c-menu--m-scrollable__footer--BoxShadow);
|
|
20109
|
-
--pf-v5-c-menu__footer--
|
|
20315
|
+
--pf-v5-c-menu__footer--PaddingBlockStart: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
|
|
20316
|
+
--pf-v5-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v5-c-menu__item--PaddingBlockStart) + var(--pf-v5-c-menu--RowGap));
|
|
20317
|
+
overflow: hidden;
|
|
20110
20318
|
}
|
|
20111
|
-
.pf-v5-c-menu.pf-m-scrollable
|
|
20319
|
+
.pf-v5-c-menu.pf-m-scrollable:has(.pf-v5-c-menu__footer) {
|
|
20320
|
+
--pf-v5-c-menu--PaddingBlockEnd: 0;
|
|
20321
|
+
}
|
|
20322
|
+
.pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content,
|
|
20323
|
+
.pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
|
|
20112
20324
|
overflow-y: auto;
|
|
20113
20325
|
}
|
|
20114
|
-
.pf-v5-c-menu.pf-m-
|
|
20115
|
-
--pf-v5-c-menu--BackgroundColor: var(--pf-v5-c-menu--m-nav--BackgroundColor);
|
|
20116
|
-
--pf-v5-c-menu__list--PaddingTop: var(--pf-v5-c-menu--m-nav__list--PaddingTop);
|
|
20117
|
-
--pf-v5-c-menu__list--PaddingBottom: var(--pf-v5-c-menu--m-nav__list--PaddingBottom);
|
|
20118
|
-
--pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor);
|
|
20119
|
-
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor);
|
|
20120
|
-
--pf-v5-c-menu__list-item--active--BackgroundColor: var(--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor);
|
|
20121
|
-
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu--m-nav__item--Color);
|
|
20122
|
-
--pf-v5-c-menu__item--FontSize: var(--pf-v5-c-menu--m-nav__item--FontSize);
|
|
20123
|
-
--pf-v5-c-menu__item--OutlineOffset: var(--pf-v5-c-menu--m-nav__item--OutlineOffset);
|
|
20124
|
-
--pf-v5-c-menu__item--PaddingRight: var(--pf-v5-c-menu--m-nav__item--PaddingRight);
|
|
20125
|
-
--pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu--m-nav__item--PaddingLeft);
|
|
20126
|
-
--pf-v5-c-menu__item-description--Color: var(--pf-v5-c-menu--m-nav__item-description--Color);
|
|
20127
|
-
box-shadow: var(--pf-v5-c-menu--m-nav--BoxShadow);
|
|
20128
|
-
}
|
|
20129
|
-
.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 {
|
|
20326
|
+
.pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content {
|
|
20130
20327
|
position: relative;
|
|
20131
|
-
|
|
20132
|
-
|
|
20133
|
-
|
|
20134
|
-
|
|
20135
|
-
inset-block-end: 0;
|
|
20136
|
-
inset-inline-start: 0;
|
|
20137
|
-
inset-inline-end: 0;
|
|
20138
|
-
content: "";
|
|
20139
|
-
border-block-end: var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-v5-c-menu--m-nav__item--before--BorderBottomColor);
|
|
20140
|
-
}
|
|
20141
|
-
.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 {
|
|
20142
|
-
position: absolute;
|
|
20143
|
-
inset-block-start: var(--pf-v5-c-menu--m-nav__item--hover--after--Top);
|
|
20144
|
-
inset-block-end: 0;
|
|
20145
|
-
inset-inline-start: 0;
|
|
20146
|
-
content: "";
|
|
20147
|
-
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);
|
|
20148
|
-
}
|
|
20149
|
-
.pf-v5-c-menu.pf-m-nav .pf-v5-c-menu {
|
|
20150
|
-
width: 100%;
|
|
20151
|
-
}
|
|
20152
|
-
.pf-v5-c-menu.pf-m-flyout.pf-m-nav, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu {
|
|
20153
|
-
inset-block-start: var(--pf-v5-c-menu--m-nav--c-menu--Top);
|
|
20154
|
-
inset-inline-start: var(--pf-v5-c-menu--m-nav--c-menu--Left);
|
|
20155
|
-
}
|
|
20156
|
-
.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 {
|
|
20157
|
-
--pf-v5-c-menu--m-nav--c-menu--Top: auto;
|
|
20158
|
-
inset-block-end: var(--pf-v5-c-menu--m-nav--c-menu--m-top--Bottom);
|
|
20159
|
-
}
|
|
20160
|
-
.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 {
|
|
20161
|
-
--pf-v5-c-menu--m-nav--c-menu--Left: auto;
|
|
20162
|
-
inset-inline-end: var(--pf-v5-c-menu--m-nav--c-menu--m-left--Right);
|
|
20328
|
+
z-index: var(--pf-v5-c-menu--ZIndex);
|
|
20329
|
+
margin-block-start: calc(var(--pf-v5-c-menu--RowGap) * -1);
|
|
20330
|
+
margin-block-end: calc(var(--pf-v5-c-menu--RowGap) * -1);
|
|
20331
|
+
overflow: hidden;
|
|
20163
20332
|
}
|
|
20164
|
-
.pf-v5-c-menu.pf-m-
|
|
20165
|
-
|
|
20333
|
+
.pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__list {
|
|
20334
|
+
padding-block-start: var(--pf-v5-c-menu--RowGap);
|
|
20335
|
+
padding-block-end: var(--pf-v5-c-menu--RowGap);
|
|
20166
20336
|
}
|
|
20167
|
-
|
|
20168
|
-
|
|
20337
|
+
|
|
20338
|
+
.pf-v5-c-menu__header {
|
|
20339
|
+
padding-block-start: var(--pf-v5-c-menu__header--PaddingBlockStart);
|
|
20340
|
+
padding-block-end: var(--pf-v5-c-menu__header--PaddingBlockEnd);
|
|
20341
|
+
padding-inline-start: var(--pf-v5-c-menu__header--PaddingInlineStart);
|
|
20342
|
+
padding-inline-end: var(--pf-v5-c-menu__header--PaddingInlineEnd);
|
|
20169
20343
|
}
|
|
20170
20344
|
|
|
20171
|
-
.pf-v5-c-
|
|
20172
|
-
|
|
20173
|
-
|
|
20174
|
-
|
|
20175
|
-
padding-
|
|
20176
|
-
padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBottom);
|
|
20177
|
-
padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingLeft);
|
|
20178
|
-
padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingRight);
|
|
20345
|
+
.pf-v5-c-menu__search {
|
|
20346
|
+
padding-block-start: var(--pf-v5-c-menu__search--PaddingBlockStart);
|
|
20347
|
+
padding-block-end: var(--pf-v5-c-menu__search--PaddingBlockEnd);
|
|
20348
|
+
padding-inline-start: var(--pf-v5-c-menu__search--PaddingInlineStart);
|
|
20349
|
+
padding-inline-end: var(--pf-v5-c-menu__search--PaddingInlineEnd);
|
|
20179
20350
|
}
|
|
20180
|
-
|
|
20181
|
-
|
|
20182
|
-
|
|
20351
|
+
|
|
20352
|
+
.pf-v5-c-menu__footer {
|
|
20353
|
+
padding-block-start: var(--pf-v5-c-menu__footer--PaddingBlockStart);
|
|
20354
|
+
padding-block-end: var(--pf-v5-c-menu__footer--PaddingBlockEnd);
|
|
20355
|
+
padding-inline-start: var(--pf-v5-c-menu__footer--PaddingInlineStart);
|
|
20356
|
+
padding-inline-end: var(--pf-v5-c-menu__footer--PaddingInlineEnd);
|
|
20357
|
+
box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
|
|
20183
20358
|
}
|
|
20184
20359
|
|
|
20185
20360
|
.pf-v5-c-menu__content {
|
|
20361
|
+
flex-direction: column;
|
|
20362
|
+
row-gap: var(--pf-v5-c-menu__content--RowGap);
|
|
20186
20363
|
height: var(--pf-v5-c-menu__content--Height);
|
|
20187
20364
|
max-height: var(--pf-v5-c-menu__content--MaxHeight);
|
|
20188
20365
|
}
|
|
@@ -20190,135 +20367,93 @@ ul.pf-v5-c-list {
|
|
|
20190
20367
|
--pf-v5-c-menu__content--Height: auto;
|
|
20191
20368
|
}
|
|
20192
20369
|
|
|
20193
|
-
.pf-v5-c-
|
|
20194
|
-
|
|
20195
|
-
|
|
20196
|
-
--pf-v5-c-menu__item--PaddingBottom: var(--pf-v5-c-menu__header--c-menu__item--PaddingBottom);
|
|
20197
|
-
--pf-v5-c-menu__item--PaddingLeft: var(--pf-v5-c-menu__header--c-menu__item--PaddingLeft);
|
|
20198
|
-
padding-block-start: var(--pf-v5-c-menu__header--PaddingTop);
|
|
20199
|
-
padding-block-end: var(--pf-v5-c-menu__header--PaddingBottom);
|
|
20200
|
-
padding-inline-start: var(--pf-v5-c-menu__header--PaddingLeft);
|
|
20201
|
-
padding-inline-end: var(--pf-v5-c-menu__header--PaddingRight);
|
|
20202
|
-
}
|
|
20203
|
-
.pf-v5-c-menu__header > .pf-v5-c-menu__item {
|
|
20204
|
-
--pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--BackgroundColor);
|
|
20205
|
-
margin-block-start: var(--pf-v5-c-menu__header--c-menu__item--MarginTop);
|
|
20206
|
-
margin-block-end: var(--pf-v5-c-menu__header--c-menu__item--MarginBottom);
|
|
20207
|
-
margin-inline-start: var(--pf-v5-c-menu__header--c-menu__item--MarginLeft);
|
|
20208
|
-
margin-inline-end: var(--pf-v5-c-menu__header--c-menu__item--MarginRight);
|
|
20209
|
-
}
|
|
20210
|
-
.pf-v5-c-menu__header > .pf-v5-c-menu__item:hover {
|
|
20211
|
-
--pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor);
|
|
20212
|
-
}
|
|
20213
|
-
.pf-v5-c-menu__header > .pf-v5-c-menu__item:focus {
|
|
20214
|
-
--pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor);
|
|
20215
|
-
}
|
|
20216
|
-
.pf-v5-c-menu__header + .pf-v5-c-menu__search {
|
|
20217
|
-
--pf-v5-c-menu__search--PaddingTop: var(--pf-v5-c-menu__header__search--PaddingTop);
|
|
20218
|
-
}
|
|
20219
|
-
|
|
20220
|
-
.pf-v5-c-menu__search {
|
|
20221
|
-
padding-block-start: var(--pf-v5-c-menu__search--PaddingTop);
|
|
20222
|
-
padding-block-end: var(--pf-v5-c-menu__search--PaddingBottom);
|
|
20223
|
-
padding-inline-start: var(--pf-v5-c-menu__search--PaddingLeft);
|
|
20224
|
-
padding-inline-end: var(--pf-v5-c-menu__search--PaddingRight);
|
|
20225
|
-
}
|
|
20226
|
-
|
|
20227
|
-
.pf-v5-c-menu__list {
|
|
20228
|
-
--pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__list--Display);
|
|
20229
|
-
padding-block-start: var(--pf-v5-c-menu__list--PaddingTop);
|
|
20230
|
-
padding-block-end: var(--pf-v5-c-menu__list--PaddingBottom);
|
|
20231
|
-
}
|
|
20232
|
-
.pf-v5-c-menu__list > .pf-v5-c-divider {
|
|
20233
|
-
margin-block-start: var(--pf-v5-c-menu__list--c-divider--MarginTop);
|
|
20234
|
-
margin-block-end: var(--pf-v5-c-menu__list--c-divider--MarginBottom);
|
|
20370
|
+
.pf-v5-c-menu__list :where(.pf-v5-c-divider:is(li)) {
|
|
20371
|
+
margin-block-start: var(--pf-v5-c-menu__list--divider--MarginTop);
|
|
20372
|
+
margin-block-end: var(--pf-v5-c-menu__list--divider--MarginBottom);
|
|
20235
20373
|
}
|
|
20236
20374
|
|
|
20237
20375
|
.pf-v5-c-menu__list-item {
|
|
20238
|
-
|
|
20239
|
-
|
|
20240
|
-
color: var(--pf-v5-c-menu__list-item--Color);
|
|
20241
|
-
background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
|
|
20242
|
-
}
|
|
20243
|
-
.pf-v5-c-menu__list-item:hover {
|
|
20244
|
-
--pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
|
|
20245
|
-
--pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--hover--Color, inherit);
|
|
20246
|
-
}
|
|
20247
|
-
.pf-v5-c-menu__list-item:focus-within, .pf-v5-c-menu__list-item.pf-m-focus {
|
|
20248
|
-
--pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor);
|
|
20249
|
-
--pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--focus-within--Color, inherit);
|
|
20250
|
-
}
|
|
20251
|
-
.pf-v5-c-menu__list-item.pf-m-disabled, .pf-v5-c-menu__list-item.pf-m-aria-disabled {
|
|
20252
|
-
--pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20253
|
-
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-disabled__item--Color);
|
|
20254
|
-
--pf-v5-c-menu__item-toggle-icon: var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color);
|
|
20376
|
+
align-items: baseline;
|
|
20377
|
+
min-width: 0;
|
|
20255
20378
|
}
|
|
20256
|
-
.pf-v5-c-menu__list-item
|
|
20257
|
-
|
|
20258
|
-
pointer-events: none;
|
|
20379
|
+
.pf-v5-c-menu__list-item > * {
|
|
20380
|
+
position: relative;
|
|
20259
20381
|
}
|
|
20260
|
-
.pf-v5-c-menu__list-item
|
|
20261
|
-
|
|
20382
|
+
.pf-v5-c-menu__list-item::before {
|
|
20383
|
+
position: absolute;
|
|
20384
|
+
inset: 0;
|
|
20385
|
+
content: "";
|
|
20386
|
+
background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
|
|
20387
|
+
mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
|
|
20262
20388
|
}
|
|
20263
20389
|
.pf-v5-c-menu__list-item.pf-m-load {
|
|
20264
|
-
--pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20265
|
-
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
|
|
20266
20390
|
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
|
|
20267
20391
|
}
|
|
20268
20392
|
.pf-v5-c-menu__list-item.pf-m-loading {
|
|
20269
|
-
--pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20270
|
-
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
|
|
20271
20393
|
justify-content: center;
|
|
20272
|
-
padding-block-start: var(--pf-v5-c-menu__list-item--m-loading--PaddingTop);
|
|
20273
20394
|
overflow: hidden;
|
|
20395
|
+
pointer-events: none;
|
|
20396
|
+
}
|
|
20397
|
+
.pf-v5-c-menu__list-item.pf-m-loading .pf-v5-c-menu__item-text {
|
|
20398
|
+
text-align: center;
|
|
20274
20399
|
}
|
|
20275
20400
|
.pf-v5-c-menu__list-item.pf-m-danger {
|
|
20276
|
-
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-
|
|
20401
|
+
--pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-danger--Color);
|
|
20402
|
+
}
|
|
20403
|
+
.pf-v5-c-menu__list-item.pf-m-danger:is(:hover, :focus) {
|
|
20404
|
+
--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));
|
|
20405
|
+
}
|
|
20406
|
+
.pf-v5-c-menu__list-item:has(.pf-v5-c-menu__item-action) {
|
|
20407
|
+
padding-inline-end: var(--pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd);
|
|
20408
|
+
}
|
|
20409
|
+
.pf-v5-c-menu__list-item:has(> :hover) {
|
|
20410
|
+
--pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
|
|
20411
|
+
--pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
|
|
20412
|
+
}
|
|
20413
|
+
.pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
|
|
20414
|
+
.pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {
|
|
20415
|
+
opacity: 1;
|
|
20277
20416
|
}
|
|
20278
20417
|
|
|
20279
20418
|
.pf-v5-c-menu__item {
|
|
20280
|
-
display: flex;
|
|
20281
20419
|
flex-basis: 100%;
|
|
20282
20420
|
flex-direction: column;
|
|
20283
20421
|
min-width: 0;
|
|
20284
|
-
padding-block-start: var(--pf-v5-c-menu__item--
|
|
20285
|
-
padding-block-end: var(--pf-v5-c-menu__item--
|
|
20286
|
-
padding-inline-start: var(--pf-v5-c-menu__item--
|
|
20287
|
-
padding-inline-end: var(--pf-v5-c-menu__item--
|
|
20422
|
+
padding-block-start: var(--pf-v5-c-menu__item--PaddingBlockStart);
|
|
20423
|
+
padding-block-end: var(--pf-v5-c-menu__item--PaddingBlockEnd);
|
|
20424
|
+
padding-inline-start: var(--pf-v5-c-menu__item--PaddingInlineStart);
|
|
20425
|
+
padding-inline-end: var(--pf-v5-c-menu__item--PaddingInlineEnd);
|
|
20288
20426
|
font-size: var(--pf-v5-c-menu__item--FontSize);
|
|
20289
20427
|
font-weight: var(--pf-v5-c-menu__item--FontWeight);
|
|
20290
20428
|
line-height: var(--pf-v5-c-menu__item--LineHeight);
|
|
20291
20429
|
color: var(--pf-v5-c-menu__item--Color);
|
|
20292
20430
|
text-align: start;
|
|
20293
|
-
background-color: var(--pf-v5-c-menu__item--BackgroundColor);
|
|
20294
|
-
border: none;
|
|
20295
|
-
}
|
|
20296
|
-
.pf-v5-c-menu__item:hover {
|
|
20297
20431
|
text-decoration: none;
|
|
20432
|
+
background-color: var(--pf-v5-c-menu__item--BackgroundColor);
|
|
20433
|
+
border: 0;
|
|
20434
|
+
outline-offset: var(--pf-v5-c-menu--OutlineOffset);
|
|
20298
20435
|
}
|
|
20299
|
-
.pf-v5-c-menu__item
|
|
20300
|
-
--pf-v5-c-menu__item-
|
|
20436
|
+
.pf-v5-c-menu__item.pf-m-selected {
|
|
20437
|
+
--pf-v5-c-menu__item-select-icon--Color: var(--pf-v5-c-menu__item--m-selected__item-select-icon--Color);
|
|
20301
20438
|
}
|
|
20302
|
-
.pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon
|
|
20439
|
+
.pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-select-icon,
|
|
20440
|
+
.pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
|
|
20303
20441
|
opacity: 1;
|
|
20304
20442
|
}
|
|
20305
|
-
|
|
20306
|
-
|
|
20443
|
+
.pf-v5-c-menu__item:is(:hover, :focus, :active, .pf-m-selected) .pf-v5-c-menu__item-external-icon {
|
|
20444
|
+
color: var(--pf-v5-c-menu__item-external--Color);
|
|
20445
|
+
}
|
|
20446
|
+
|
|
20447
|
+
.pf-v5-c-menu__item-select-icon {
|
|
20448
|
+
color: var(--pf-v5-c-menu__item-select-icon--Color);
|
|
20307
20449
|
}
|
|
20308
20450
|
|
|
20309
20451
|
.pf-v5-c-menu__item-main {
|
|
20310
|
-
|
|
20452
|
+
column-gap: var(--pf-v5-c-menu__item-main--ColumnGap);
|
|
20311
20453
|
align-items: center;
|
|
20312
20454
|
width: 100%;
|
|
20313
20455
|
}
|
|
20314
20456
|
|
|
20315
|
-
.pf-v5-c-menu__item-external-icon {
|
|
20316
|
-
margin-inline-start: var(--pf-v5-c-menu__item-external-icon--MarginLeft);
|
|
20317
|
-
font-size: var(--pf-v5-c-menu__item-external-icon--FontSize);
|
|
20318
|
-
color: var(--pf-v5-c-menu__item-external-icon--Color);
|
|
20319
|
-
opacity: var(--pf-v5-c-menu__item-external-icon--Opacity);
|
|
20320
|
-
}
|
|
20321
|
-
|
|
20322
20457
|
.pf-v5-c-menu__item-text {
|
|
20323
20458
|
overflow: hidden;
|
|
20324
20459
|
text-overflow: ellipsis;
|
|
@@ -20326,16 +20461,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20326
20461
|
flex-grow: 1;
|
|
20327
20462
|
}
|
|
20328
20463
|
|
|
20329
|
-
.pf-v5-c-menu__group {
|
|
20330
|
-
--pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-menu__group--Display);
|
|
20331
|
-
}
|
|
20332
|
-
|
|
20333
20464
|
.pf-v5-c-menu__group-title {
|
|
20334
|
-
padding-block-start: var(--pf-v5-c-menu__group-title--
|
|
20335
|
-
padding-
|
|
20336
|
-
padding-inline-
|
|
20337
|
-
|
|
20338
|
-
font-
|
|
20465
|
+
padding-block-start: var(--pf-v5-c-menu__group-title--PaddingBlockStart);
|
|
20466
|
+
padding-block-end: var(--pf-v5-c-menu__group-title--PaddingBlockEnd);
|
|
20467
|
+
padding-inline-start: var(--pf-v5-c-menu__group-title--PaddingInlineStart);
|
|
20468
|
+
padding-inline-end: var(--pf-v5-c-menu__group-title--PaddingInlineEnd);
|
|
20469
|
+
font-size: var(--pf-v5-c-menu__group-title--FontSize, inherit);
|
|
20470
|
+
font-weight: var(--pf-v5-c-menu__group-title--FontWeight, inherit);
|
|
20339
20471
|
color: var(--pf-v5-c-menu__group-title--Color);
|
|
20340
20472
|
}
|
|
20341
20473
|
|
|
@@ -20345,224 +20477,177 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20345
20477
|
word-break: break-word;
|
|
20346
20478
|
}
|
|
20347
20479
|
|
|
20348
|
-
.pf-v5-c-menu__item-icon {
|
|
20349
|
-
margin-inline-end: var(--pf-v5-c-menu__item-icon--MarginRight);
|
|
20350
|
-
}
|
|
20351
|
-
|
|
20352
|
-
.pf-v5-c-menu__item-check {
|
|
20353
|
-
display: flex;
|
|
20354
|
-
align-items: center;
|
|
20355
|
-
margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
|
|
20356
|
-
}
|
|
20357
20480
|
.pf-v5-c-menu__item-check .pf-v5-c-check {
|
|
20358
20481
|
--pf-v5-c-check__input--TranslateY: none;
|
|
20359
20482
|
}
|
|
20483
|
+
.pf-v5-c-menu__item-check .pf-v5-c-check input::before {
|
|
20484
|
+
position: absolute;
|
|
20485
|
+
inset: 0;
|
|
20486
|
+
content: "";
|
|
20487
|
+
}
|
|
20360
20488
|
|
|
20361
20489
|
.pf-v5-c-menu__item-toggle-icon {
|
|
20362
|
-
|
|
20363
|
-
padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
|
|
20364
|
-
color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
|
|
20490
|
+
color: var(--pf-v5-c-menu__item-toggle-icon--Color, inherit);
|
|
20365
20491
|
}
|
|
20366
20492
|
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
|
|
20367
20493
|
scale: -1 1;
|
|
20368
20494
|
}
|
|
20369
20495
|
|
|
20370
|
-
.pf-v5-c-menu__item-
|
|
20371
|
-
|
|
20372
|
-
}
|
|
20373
|
-
|
|
20374
|
-
.pf-v5-c-menu__item-toggle-icon + .pf-v5-c-menu__item-text {
|
|
20375
|
-
margin-inline-start: var(--pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft);
|
|
20496
|
+
.pf-v5-c-menu__item-icon {
|
|
20497
|
+
color: var(--pf-v5-c-menu__item--icon--Color, inherit);
|
|
20376
20498
|
}
|
|
20377
20499
|
|
|
20378
|
-
.pf-v5-c-menu__item-select-icon
|
|
20379
|
-
|
|
20380
|
-
font-size: var(--pf-v5-c-menu__item-select-icon--FontSize);
|
|
20381
|
-
color: var(--pf-v5-c-menu__item-select-icon--Color);
|
|
20500
|
+
.pf-v5-c-menu__item-select-icon,
|
|
20501
|
+
.pf-v5-c-menu__item-external-icon {
|
|
20382
20502
|
opacity: 0;
|
|
20383
20503
|
}
|
|
20384
20504
|
|
|
20385
|
-
.pf-v5-c-menu__item-
|
|
20386
|
-
|
|
20387
|
-
|
|
20388
|
-
|
|
20389
|
-
|
|
20390
|
-
padding-inline-end: var(--pf-v5-c-menu__item-action--PaddingRight);
|
|
20391
|
-
color: var(--pf-v5-c-menu__item-action--Color);
|
|
20392
|
-
background-color: var(--pf-v5-c-menu__item-action--BackgroundColor);
|
|
20393
|
-
border: none;
|
|
20394
|
-
}
|
|
20395
|
-
.pf-v5-c-menu__item-action.pf-m-favorite .pf-v5-c-menu__item-action-icon {
|
|
20396
|
-
font-size: var(--pf-v5-c-menu__item-action--m-favorite__icon--FontSize);
|
|
20397
|
-
}
|
|
20398
|
-
.pf-v5-c-menu__item-action.pf-m-favorited {
|
|
20505
|
+
.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,
|
|
20506
|
+
.pf-v5-c-menu__item-action.pf-m-favorited,
|
|
20507
|
+
.pf-v5-c-menu__item-action.pf-m-favorited:hover,
|
|
20508
|
+
.pf-v5-c-menu__item-action.pf-m-favorited .pf-v5-c-button {
|
|
20509
|
+
--pf-v5-c-button--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
|
|
20399
20510
|
--pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--m-favorited--Color);
|
|
20400
|
-
--pf-v5-c-menu__item-action--hover--Color: var(--pf-v5-c-menu__item-action--m-favorited--hover--Color);
|
|
20401
|
-
}
|
|
20402
|
-
.pf-v5-c-menu__item-action:hover, .pf-v5-c-menu__item-action:focus {
|
|
20403
|
-
--pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--hover--Color);
|
|
20404
|
-
}
|
|
20405
|
-
.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 {
|
|
20406
|
-
--pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--disabled--Color);
|
|
20407
|
-
}
|
|
20408
|
-
|
|
20409
|
-
.pf-v5-c-menu__item-action-icon {
|
|
20410
|
-
display: flex;
|
|
20411
|
-
align-items: center;
|
|
20412
|
-
height: var(--pf-v5-c-menu__item-action-icon--Height);
|
|
20413
20511
|
}
|
|
20414
20512
|
|
|
20415
|
-
.pf-v5-c-
|
|
20416
|
-
|
|
20417
|
-
padding-block-start: var(--pf-v5-c-
|
|
20418
|
-
padding-block-end: var(--pf-v5-c-
|
|
20419
|
-
padding-inline-start: var(--pf-v5-c-
|
|
20420
|
-
padding-inline-end: var(--pf-v5-c-
|
|
20421
|
-
box-shadow: var(--pf-v5-c-menu__footer--BoxShadow);
|
|
20513
|
+
.pf-v5-c-menu__breadcrumb {
|
|
20514
|
+
--pf-v5-c-breadcrumb__item--FontSize: var(--pf-v5-c-menu__breadcrumb--FontSize);
|
|
20515
|
+
padding-block-start: var(--pf-v5-c-menu__breadcrumb--PaddingBlockStart);
|
|
20516
|
+
padding-block-end: var(--pf-v5-c-menu__breadcrumb--PaddingBlockEnd);
|
|
20517
|
+
padding-inline-start: var(--pf-v5-c-menu__breadcrumb--PaddingInlineStart);
|
|
20518
|
+
padding-inline-end: var(--pf-v5-c-menu__breadcrumb--PaddingInlineEnd);
|
|
20422
20519
|
}
|
|
20423
|
-
.pf-v5-c-
|
|
20424
|
-
|
|
20425
|
-
|
|
20426
|
-
|
|
20427
|
-
content: "";
|
|
20428
|
-
border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
|
|
20520
|
+
.pf-v5-c-menu__breadcrumb .pf-v5-c-menu {
|
|
20521
|
+
min-width: auto;
|
|
20522
|
+
padding-block-start: var(--pf-v5-c-menu--PaddingBlockStart);
|
|
20523
|
+
padding-block-end: var(--pf-v5-c-menu--PaddingBlockEnd);
|
|
20429
20524
|
}
|
|
20430
|
-
|
|
20431
|
-
:
|
|
20432
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20525
|
+
.pf-v5-c-menu__breadcrumb .pf-v5-c-menu__content {
|
|
20526
|
+
height: auto;
|
|
20433
20527
|
}
|
|
20434
|
-
|
|
20435
|
-
|
|
20436
|
-
--pf-v5-c-menu--
|
|
20437
|
-
|
|
20438
|
-
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20528
|
+
.pf-v5-c-menu__breadcrumb .pf-v5-c-menu-toggle {
|
|
20529
|
+
--pf-v5-c-menu-toggle--BorderWidth: 0;
|
|
20530
|
+
--pf-v5-c-menu-toggle--BorderColor: transparent;
|
|
20531
|
+
outline-offset: var(--pf-v5-c-menu--OutlineOffset);
|
|
20439
20532
|
}
|
|
20440
20533
|
|
|
20441
|
-
|
|
20442
|
-
|
|
20534
|
+
:where(:root),
|
|
20535
|
+
:where(.pf-v5-c-menu-toggle) {
|
|
20536
|
+
--pf-v5-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20443
20537
|
--pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
20444
20538
|
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20445
20539
|
--pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
20446
20540
|
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20541
|
+
--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));
|
|
20447
20542
|
--pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20448
20543
|
--pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
20449
20544
|
--pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
20450
20545
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20451
|
-
--pf-v5-c-menu-toggle--
|
|
20546
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
20452
20547
|
--pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
20453
|
-
--pf-v5-c-menu-toggle--
|
|
20548
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
20549
|
+
--pf-v5-c-menu-toggle--border--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20550
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
20551
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20552
|
+
--pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
20454
20553
|
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
20455
|
-
--pf-v5-c-menu-toggle--
|
|
20456
|
-
--pf-v5-c-menu-toggle--active--
|
|
20457
|
-
--pf-v5-c-menu-toggle--
|
|
20458
|
-
--pf-v5-c-menu-toggle--
|
|
20459
|
-
--pf-v5-c-menu-toggle--
|
|
20460
|
-
--pf-v5-c-menu-toggle--
|
|
20461
|
-
--pf-v5-c-menu-toggle--
|
|
20462
|
-
--pf-v5-c-menu-toggle--
|
|
20463
|
-
--pf-v5-c-menu-toggle--
|
|
20464
|
-
--pf-v5-c-menu-toggle--
|
|
20465
|
-
--pf-v5-c-menu-toggle--
|
|
20466
|
-
--pf-v5-c-menu-toggle--
|
|
20467
|
-
--pf-v5-c-menu-toggle--
|
|
20468
|
-
--pf-v5-c-menu-toggle--
|
|
20469
|
-
--pf-v5-c-menu-toggle--
|
|
20470
|
-
--pf-v5-c-menu-toggle--
|
|
20471
|
-
--pf-v5-c-menu-toggle--
|
|
20472
|
-
--pf-v5-c-menu-toggle--
|
|
20473
|
-
--pf-v5-c-menu-toggle--
|
|
20474
|
-
--pf-v5-c-menu-toggle--m-
|
|
20475
|
-
--pf-v5-c-menu-toggle--m-
|
|
20476
|
-
--pf-v5-c-menu-toggle--m-
|
|
20477
|
-
--pf-v5-c-menu-toggle--m-
|
|
20478
|
-
--pf-v5-c-menu-toggle--
|
|
20479
|
-
--pf-v5-c-menu-toggle--
|
|
20480
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20481
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20482
|
-
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-
|
|
20483
|
-
--pf-v5-c-menu-toggle--m-primary--hover--
|
|
20484
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20485
|
-
--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-
|
|
20486
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20487
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20488
|
-
--pf-v5-c-menu-toggle--m-
|
|
20489
|
-
--pf-v5-c-menu-toggle--m-
|
|
20490
|
-
--pf-v5-c-menu-toggle--m-
|
|
20491
|
-
--pf-v5-c-menu-toggle--m-
|
|
20492
|
-
--pf-v5-c-menu-toggle--m-
|
|
20493
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20494
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20495
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20496
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20497
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20498
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20499
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20500
|
-
--pf-v5-c-menu-toggle--m-
|
|
20501
|
-
--pf-v5-c-menu-toggle--m-
|
|
20502
|
-
--pf-v5-c-menu-toggle--m-
|
|
20503
|
-
--pf-v5-c-menu-toggle--m-
|
|
20504
|
-
--pf-v5-c-menu-toggle--m-
|
|
20505
|
-
--pf-v5-c-menu-toggle--m-
|
|
20506
|
-
--pf-v5-c-menu-toggle--m-
|
|
20507
|
-
--pf-v5-c-menu-toggle--m-
|
|
20508
|
-
--pf-v5-c-menu-toggle--m-
|
|
20509
|
-
--pf-v5-c-menu-toggle--m-
|
|
20554
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20555
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20556
|
+
--pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20557
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
20558
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
20559
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20560
|
+
--pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20561
|
+
--pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
20562
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20563
|
+
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
20564
|
+
--pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
20565
|
+
--pf-v5-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
20566
|
+
--pf-v5-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
|
|
20567
|
+
--pf-v5-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20568
|
+
--pf-v5-c-menu-toggle--m-control--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20569
|
+
--pf-v5-c-menu-toggle--m-control--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20570
|
+
--pf-v5-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20571
|
+
--pf-v5-c-menu-toggle--m-action--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20572
|
+
--pf-v5-c-menu-toggle--m-action--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20573
|
+
--pf-v5-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20574
|
+
--pf-v5-c-menu-toggle--m-primary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
|
|
20575
|
+
--pf-v5-c-menu-toggle--m-primary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
|
|
20576
|
+
--pf-v5-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
20577
|
+
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20578
|
+
--pf-v5-c-menu-toggle--m-primary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20579
|
+
--pf-v5-c-menu-toggle--m-primary--BorderColor: transparent;
|
|
20580
|
+
--pf-v5-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
|
|
20581
|
+
--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
20582
|
+
--pf-v5-c-menu-toggle--m-primary--hover--BorderColor: transparent;
|
|
20583
|
+
--pf-v5-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
|
20584
|
+
--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20585
|
+
--pf-v5-c-menu-toggle--m-primary--active--BorderColor: transparent;
|
|
20586
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
|
20587
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20588
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
|
|
20589
|
+
--pf-v5-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
20590
|
+
--pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
|
|
20591
|
+
--pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
20592
|
+
--pf-v5-c-menu-toggle--m-secondary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
|
|
20593
|
+
--pf-v5-c-menu-toggle--m-secondary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
|
|
20594
|
+
--pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
20595
|
+
--pf-v5-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
20596
|
+
--pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20597
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
20598
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
20599
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
20600
|
+
--pf-v5-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
20601
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20602
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
|
20603
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
20604
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20605
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
|
20606
|
+
--pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
20607
|
+
--pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
20608
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
20510
20609
|
--pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20511
20610
|
--pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
20512
|
-
--pf-v5-c-menu-toggle__controls--
|
|
20513
|
-
--pf-v5-c-menu-
|
|
20514
|
-
--pf-v5-c-menu-
|
|
20515
|
-
--pf-v5-c-menu-
|
|
20516
|
-
--pf-v5-c-menu-toggle--m-
|
|
20517
|
-
--pf-v5-c-menu-toggle--m-
|
|
20518
|
-
--pf-v5-c-menu-toggle--m-
|
|
20519
|
-
--pf-v5-c-menu-toggle--m-
|
|
20520
|
-
--pf-v5-c-menu-toggle--m-
|
|
20521
|
-
--pf-v5-c-menu-toggle--m-
|
|
20522
|
-
--pf-v5-c-menu-toggle--m-
|
|
20523
|
-
--pf-v5-c-menu-toggle--m-
|
|
20524
|
-
--pf-v5-c-menu-toggle--m-
|
|
20525
|
-
--pf-v5-c-menu-toggle--m-
|
|
20526
|
-
--pf-v5-c-menu-toggle--m-
|
|
20527
|
-
--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
|
|
20528
|
-
--pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
20529
|
-
--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
20530
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
20531
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
20532
|
-
--pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20533
|
-
--pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
|
|
20534
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20535
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
|
|
20536
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
|
|
20537
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20538
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
20539
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20540
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20541
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
20542
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20543
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
20544
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20545
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
20546
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
20547
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20548
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20549
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20550
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-v5-global--primary-color--200);
|
|
20551
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20552
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
|
|
20611
|
+
--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));
|
|
20612
|
+
--pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20613
|
+
--pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20614
|
+
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
20615
|
+
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
20616
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-t--global--border--width--button--default);
|
|
20617
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-t--global--border--color--default);
|
|
20618
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20619
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor: var(--pf-t--global--icon--color--on-disabled);
|
|
20620
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20621
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
20622
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20623
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-t--global--border--color--default);
|
|
20624
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20625
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-t--global--color--brand--default);
|
|
20553
20626
|
--pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
|
|
20554
20627
|
--pf-v5-c-menu-toggle__button--AlignSelf: baseline;
|
|
20555
20628
|
--pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20556
20629
|
--pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20557
|
-
--pf-v5-c-menu-
|
|
20558
|
-
--pf-v5-c-menu-
|
|
20630
|
+
--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));
|
|
20631
|
+
--pf-v5-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
20632
|
+
--pf-v5-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20633
|
+
--pf-v5-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
20634
|
+
--pf-v5-c-menu-toggle--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
20635
|
+
--pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20636
|
+
--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20637
|
+
--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20638
|
+
--pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
20559
20639
|
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20560
20640
|
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
20561
20641
|
--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20562
|
-
--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf:
|
|
20642
|
+
--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
20643
|
+
}
|
|
20644
|
+
|
|
20645
|
+
.pf-v5-c-menu-toggle {
|
|
20563
20646
|
position: relative;
|
|
20564
20647
|
display: inline-flex;
|
|
20565
20648
|
align-items: center;
|
|
20649
|
+
justify-content: center;
|
|
20650
|
+
min-width: var(--pf-v5-c-menu-toggle--MinWidth);
|
|
20566
20651
|
max-width: 100%;
|
|
20567
20652
|
padding-block-start: var(--pf-v5-c-menu-toggle--PaddingTop);
|
|
20568
20653
|
padding-block-end: var(--pf-v5-c-menu-toggle--PaddingBottom);
|
|
@@ -20584,111 +20669,118 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20584
20669
|
inset-block-end: 0;
|
|
20585
20670
|
inset-inline-start: 0;
|
|
20586
20671
|
inset-inline-end: 0;
|
|
20672
|
+
z-index: var(--pf-v5-c-menu-toggle--border--ZIndex);
|
|
20587
20673
|
pointer-events: none;
|
|
20588
20674
|
content: "";
|
|
20589
20675
|
border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
|
|
20590
20676
|
}
|
|
20591
|
-
.pf-v5-c-menu-toggle::after {
|
|
20592
|
-
border-block-end: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
|
|
20593
|
-
}
|
|
20594
20677
|
.pf-v5-c-menu-toggle.pf-m-primary {
|
|
20595
|
-
--pf-v5-c-menu-toggle--
|
|
20678
|
+
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-primary--PaddingLeft);
|
|
20679
|
+
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-primary--PaddingRight);
|
|
20596
20680
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-primary--Color);
|
|
20597
20681
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--BackgroundColor);
|
|
20682
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
|
|
20683
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--BorderColor);
|
|
20684
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-primary--hover--Color);
|
|
20598
20685
|
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor);
|
|
20599
|
-
--pf-v5-c-menu-toggle--
|
|
20686
|
+
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BorderColor);
|
|
20687
|
+
--pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-primary--active--Color);
|
|
20600
20688
|
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor);
|
|
20601
|
-
--pf-v5-c-menu-toggle--
|
|
20602
|
-
--pf-v5-c-menu-toggle--
|
|
20603
|
-
|
|
20604
|
-
|
|
20605
|
-
|
|
20689
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--active--BorderColor);
|
|
20690
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded--Color);
|
|
20691
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor);
|
|
20692
|
+
--pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BorderColor);
|
|
20693
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color);
|
|
20694
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
|
|
20606
20695
|
}
|
|
20607
20696
|
.pf-v5-c-menu-toggle.pf-m-secondary {
|
|
20697
|
+
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-secondary--PaddingLeft);
|
|
20698
|
+
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-secondary--PaddingRight);
|
|
20608
20699
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
|
|
20609
|
-
--pf-v5-c-menu-toggle--
|
|
20610
|
-
|
|
20611
|
-
|
|
20612
|
-
|
|
20613
|
-
|
|
20614
|
-
|
|
20615
|
-
|
|
20616
|
-
|
|
20617
|
-
|
|
20618
|
-
|
|
20619
|
-
|
|
20620
|
-
|
|
20621
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:hover {
|
|
20622
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor);
|
|
20623
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth);
|
|
20624
|
-
}
|
|
20625
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:focus {
|
|
20626
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor);
|
|
20627
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth);
|
|
20628
|
-
}
|
|
20629
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:active {
|
|
20630
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor);
|
|
20631
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth);
|
|
20632
|
-
}
|
|
20633
|
-
.pf-v5-c-menu-toggle.pf-m-secondary.pf-m-expanded {
|
|
20634
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
|
|
20635
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
|
|
20636
|
-
}
|
|
20637
|
-
.pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
|
|
20638
|
-
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
|
|
20639
|
-
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
|
|
20640
|
-
--pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
|
|
20641
|
-
display: inline-block;
|
|
20700
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--BorderColor);
|
|
20701
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-secondary--BorderRadius);
|
|
20702
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover--Color);
|
|
20703
|
+
--pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth);
|
|
20704
|
+
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderColor);
|
|
20705
|
+
--pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-secondary--active--Color);
|
|
20706
|
+
--pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderWidth);
|
|
20707
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderColor);
|
|
20708
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded--Color);
|
|
20709
|
+
--pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth);
|
|
20710
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
|
20711
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
|
|
20642
20712
|
}
|
|
20643
20713
|
.pf-v5-c-menu-toggle.pf-m-full-height {
|
|
20644
20714
|
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
|
|
20645
20715
|
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-full-height--PaddingLeft);
|
|
20646
|
-
--pf-v5-c-menu-toggle--
|
|
20647
|
-
--pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth);
|
|
20648
|
-
--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth);
|
|
20649
|
-
--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
|
|
20650
|
-
--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
|
|
20651
|
-
--pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
|
|
20716
|
+
--pf-v5-c-menu-toggle--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--BorderTopWidth);
|
|
20652
20717
|
align-items: center;
|
|
20653
20718
|
height: 100%;
|
|
20654
20719
|
}
|
|
20655
|
-
.pf-v5-c-menu-toggle
|
|
20656
|
-
|
|
20657
|
-
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
|
|
20720
|
+
.pf-v5-c-menu-toggle.pf-m-full-width {
|
|
20721
|
+
width: 100%;
|
|
20658
20722
|
}
|
|
20659
|
-
.pf-v5-c-menu-toggle
|
|
20660
|
-
--pf-v5-c-menu-toggle--
|
|
20661
|
-
--pf-v5-c-menu-toggle--
|
|
20723
|
+
.pf-v5-c-menu-toggle.pf-m-plain {
|
|
20724
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-plain--Color);
|
|
20725
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
|
|
20726
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-plain--BorderColor);
|
|
20727
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
|
|
20728
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
20729
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
|
|
20730
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
|
20731
|
+
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
|
|
20732
|
+
mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
|
|
20733
|
+
}
|
|
20734
|
+
.pf-v5-c-menu-toggle.pf-m-plain::before {
|
|
20735
|
+
border: none;
|
|
20736
|
+
}
|
|
20737
|
+
.pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
|
|
20738
|
+
padding: revert;
|
|
20662
20739
|
}
|
|
20663
|
-
.pf-v5-c-menu-toggle
|
|
20664
|
-
|
|
20665
|
-
|
|
20666
|
-
|
|
20667
|
-
|
|
20668
|
-
|
|
20669
|
-
|
|
20740
|
+
.pf-v5-c-menu-toggle:is(button),
|
|
20741
|
+
.pf-v5-c-menu-toggle .pf-v5-c-button {
|
|
20742
|
+
background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
|
|
20743
|
+
}
|
|
20744
|
+
.pf-v5-c-menu-toggle:is(button):has(> i:only-child),
|
|
20745
|
+
.pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
|
|
20746
|
+
aspect-ratio: 1/1;
|
|
20670
20747
|
}
|
|
20671
|
-
.pf-v5-c-menu-toggle:
|
|
20748
|
+
.pf-v5-c-menu-toggle:is(:hover, :focus) {
|
|
20749
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
|
|
20750
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
|
|
20751
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
|
|
20752
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
|
|
20753
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--hover__toggle-icon--Color);
|
|
20754
|
+
}
|
|
20755
|
+
.pf-v5-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
|
|
20756
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--expanded--Color);
|
|
20757
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--expanded--BackgroundColor);
|
|
20758
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--expanded--BorderWidth);
|
|
20759
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--expanded--BorderColor);
|
|
20760
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--expanded__toggle-icon--Color);
|
|
20761
|
+
}
|
|
20762
|
+
.pf-v5-c-menu-toggle:is(:active, .pf-m-active) {
|
|
20763
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--active--Color);
|
|
20764
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
|
|
20765
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
|
|
20766
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
|
|
20767
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--active__toggle-icon--Color);
|
|
20768
|
+
}
|
|
20769
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) {
|
|
20672
20770
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--disabled--Color);
|
|
20673
20771
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--disabled--BackgroundColor);
|
|
20674
|
-
|
|
20772
|
+
}
|
|
20773
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled),
|
|
20774
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v5-c-button {
|
|
20675
20775
|
pointer-events: none;
|
|
20676
20776
|
}
|
|
20677
|
-
.pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle
|
|
20777
|
+
.pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
|
|
20678
20778
|
border: 0;
|
|
20679
20779
|
}
|
|
20680
|
-
.pf-v5-c-menu-toggle.pf-
|
|
20681
|
-
|
|
20682
|
-
--pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft);
|
|
20683
|
-
--pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
20684
|
-
align-items: stretch;
|
|
20685
|
-
padding: 0;
|
|
20686
|
-
}
|
|
20687
|
-
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
|
|
20688
|
-
--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);
|
|
20689
|
-
--pf-v5-c-text-input-group__utilities--MarginRight: 0;
|
|
20690
|
-
flex: 1;
|
|
20780
|
+
.pf-v5-c-menu-toggle:has(.pf-v5-c-button) {
|
|
20781
|
+
background-color: transparent;
|
|
20691
20782
|
}
|
|
20783
|
+
|
|
20692
20784
|
.pf-v5-c-menu-toggle.pf-m-split-button {
|
|
20693
20785
|
padding: 0;
|
|
20694
20786
|
}
|
|
@@ -20699,11 +20791,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20699
20791
|
padding-inline-start: var(--pf-v5-c-menu-toggle--PaddingLeft);
|
|
20700
20792
|
padding-inline-end: var(--pf-v5-c-menu-toggle--PaddingRight);
|
|
20701
20793
|
}
|
|
20702
|
-
.pf-v5-c-menu-toggle.pf-m-split-button >
|
|
20703
|
-
|
|
20794
|
+
.pf-v5-c-menu-toggle.pf-m-split-button > :first-child {
|
|
20795
|
+
border-start-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20796
|
+
border-end-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20704
20797
|
}
|
|
20705
|
-
.pf-v5-c-menu-toggle.pf-m-split-button
|
|
20706
|
-
|
|
20798
|
+
.pf-v5-c-menu-toggle.pf-m-split-button > :last-child {
|
|
20799
|
+
border-start-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20800
|
+
border-end-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20707
20801
|
}
|
|
20708
20802
|
.pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check {
|
|
20709
20803
|
--pf-v5-c-menu-toggle--PaddingRight: 0;
|
|
@@ -20716,98 +20810,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20716
20810
|
--pf-v5-c-check__input--TranslateY: 0;
|
|
20717
20811
|
align-self: center;
|
|
20718
20812
|
}
|
|
20719
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-
|
|
20720
|
-
|
|
20721
|
-
inset-block-start: 0;
|
|
20722
|
-
inset-block-end: 0;
|
|
20723
|
-
inset-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left);
|
|
20724
|
-
inset-inline-end: 0;
|
|
20725
|
-
pointer-events: none;
|
|
20726
|
-
content: "";
|
|
20727
|
-
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);
|
|
20813
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-plain {
|
|
20814
|
+
--pf-v5-c-menu-toggle--BorderColor: transparent;
|
|
20728
20815
|
}
|
|
20729
|
-
|
|
20730
|
-
|
|
20731
|
-
--pf-v5-c-menu-toggle--
|
|
20816
|
+
|
|
20817
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
|
|
20818
|
+
--pf-v5-c-menu-toggle--ColumnGap: 0;
|
|
20819
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
|
|
20732
20820
|
}
|
|
20733
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:
|
|
20734
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--
|
|
20735
|
-
--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);
|
|
20821
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
|
|
20822
|
+
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);
|
|
20736
20823
|
}
|
|
20737
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action
|
|
20738
|
-
|
|
20739
|
-
--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);
|
|
20824
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v5-c-menu-toggle__controls) {
|
|
20825
|
+
padding-inline-end: 0;
|
|
20740
20826
|
}
|
|
20741
20827
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
|
|
20742
20828
|
--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);
|
|
20743
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
|
|
20744
20829
|
}
|
|
20745
20830
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
|
|
20746
20831
|
background-color: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
|
|
20747
20832
|
}
|
|
20748
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
|
|
20833
|
+
.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) {
|
|
20749
20834
|
--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);
|
|
20750
20835
|
}
|
|
20751
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):
|
|
20752
|
-
--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);
|
|
20753
|
-
}
|
|
20754
|
-
.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 {
|
|
20836
|
+
.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) {
|
|
20755
20837
|
--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);
|
|
20756
20838
|
}
|
|
20757
20839
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
|
|
20758
|
-
--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--
|
|
20840
|
+
--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);
|
|
20759
20841
|
}
|
|
20760
20842
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
|
|
20761
20843
|
--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);
|
|
20762
20844
|
}
|
|
20763
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-
|
|
20764
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--
|
|
20765
|
-
}
|
|
20766
|
-
.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 {
|
|
20767
|
-
border-start-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20768
|
-
border-end-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20769
|
-
}
|
|
20770
|
-
.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 {
|
|
20771
|
-
border-start-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20772
|
-
border-end-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20773
|
-
}
|
|
20774
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
|
|
20775
|
-
--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);
|
|
20776
|
-
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);
|
|
20777
|
-
}
|
|
20778
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
|
|
20779
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
|
|
20845
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
|
|
20846
|
+
--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);
|
|
20780
20847
|
}
|
|
20781
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-
|
|
20782
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
|
|
20783
|
-
}
|
|
20784
|
-
.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 {
|
|
20848
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
|
|
20785
20849
|
content: none;
|
|
20786
20850
|
}
|
|
20787
|
-
.pf-v5-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
|
|
20788
|
-
|
|
20789
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
|
|
20851
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
|
|
20852
|
+
--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);
|
|
20790
20853
|
color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
20791
20854
|
background-color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
20792
20855
|
}
|
|
20793
|
-
|
|
20794
|
-
|
|
20856
|
+
|
|
20857
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead {
|
|
20858
|
+
--pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
20859
|
+
align-items: stretch;
|
|
20860
|
+
padding: 0;
|
|
20795
20861
|
}
|
|
20796
|
-
.pf-v5-c-menu-toggle.pf-m-
|
|
20797
|
-
|
|
20862
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__button {
|
|
20863
|
+
--pf-v5-c-menu-toggle__button--PaddingRight: 0;
|
|
20864
|
+
}
|
|
20865
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
|
|
20866
|
+
--pf-v5-c-menu-toggle--ColumnGap: 0;
|
|
20867
|
+
--pf-v5-c-menu-toggle__button--PaddingRight: 0;
|
|
20868
|
+
display: flex;
|
|
20869
|
+
align-items: stretch;
|
|
20870
|
+
}
|
|
20871
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
|
|
20872
|
+
--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);
|
|
20873
|
+
--pf-v5-c-text-input-group__utilities--MarginRight: 0;
|
|
20874
|
+
flex: 1;
|
|
20798
20875
|
}
|
|
20799
20876
|
|
|
20800
20877
|
.pf-v5-c-menu-toggle__button {
|
|
20801
|
-
--pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
|
|
20802
|
-
--pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
|
|
20803
|
-
--pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
|
|
20804
20878
|
align-self: var(--pf-v5-c-menu-toggle__button--AlignSelf);
|
|
20879
|
+
min-width: var(--pf-v5-c-menu-toggle__button--MinWidth);
|
|
20805
20880
|
padding-inline-start: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
|
|
20806
20881
|
padding-inline-end: var(--pf-v5-c-menu-toggle__button--PaddingRight);
|
|
20807
20882
|
color: inherit;
|
|
20808
20883
|
background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
|
|
20809
20884
|
border: 0;
|
|
20810
20885
|
}
|
|
20886
|
+
.pf-v5-c-menu-toggle__button:has(.pf-v5-c-menu-toggle__controls) {
|
|
20887
|
+
padding-inline-start: 0;
|
|
20888
|
+
}
|
|
20811
20889
|
|
|
20812
20890
|
.pf-v5-c-menu-toggle__icon {
|
|
20813
20891
|
flex-shrink: 0;
|
|
@@ -20830,42 +20908,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20830
20908
|
}
|
|
20831
20909
|
|
|
20832
20910
|
.pf-v5-c-menu-toggle__controls {
|
|
20833
|
-
|
|
20834
|
-
|
|
20835
|
-
|
|
20911
|
+
display: flex;
|
|
20912
|
+
align-items: center;
|
|
20913
|
+
justify-content: center;
|
|
20914
|
+
min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
|
|
20915
|
+
margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
|
|
20836
20916
|
}
|
|
20837
20917
|
|
|
20838
20918
|
.pf-v5-c-menu-toggle__toggle-icon {
|
|
20839
|
-
margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
|
|
20840
20919
|
color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
|
|
20841
20920
|
}
|
|
20842
20921
|
|
|
20843
|
-
:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20844
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20845
|
-
}
|
|
20846
|
-
|
|
20847
|
-
:where(.pf-theme-dark) .pf-v5-c-menu-toggle {
|
|
20848
|
-
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20849
|
-
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20850
|
-
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20851
|
-
--pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20852
|
-
--pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20853
|
-
--pf-v5-c-menu-toggle--before--BorderTopColor: transparent;
|
|
20854
|
-
--pf-v5-c-menu-toggle--before--BorderRightColor: transparent;
|
|
20855
|
-
--pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
|
|
20856
|
-
--pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
|
|
20857
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
20858
|
-
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20859
|
-
--pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
20860
|
-
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
20861
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20862
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
20863
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
20864
|
-
}
|
|
20865
|
-
:where(.pf-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain, :where(.pf-theme-dark) .pf-v5-c-menu-toggle.pf-m-full-height {
|
|
20866
|
-
background: transparent;
|
|
20867
|
-
}
|
|
20868
|
-
|
|
20869
20922
|
:root {
|
|
20870
20923
|
--pf-v5-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20871
20924
|
--pf-v5-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
@@ -30754,8 +30807,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
30754
30807
|
--pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
|
|
30755
30808
|
--pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
30756
30809
|
--pf-v5-c-text-input-group__icon--TranslateY: -50%;
|
|
30757
|
-
--pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
30758
|
-
--pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
30759
30810
|
--pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
30760
30811
|
--pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
30761
30812
|
--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
@@ -30868,27 +30919,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
30868
30919
|
.pf-v5-c-text-input-group__utilities > * + * {
|
|
30869
30920
|
margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
|
|
30870
30921
|
}
|
|
30871
|
-
.pf-v5-c-text-input-group__utilities .pf-v5-c-button {
|
|
30872
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
|
|
30873
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
|
|
30874
|
-
}
|
|
30875
30922
|
|
|
30876
30923
|
.pf-v5-c-text-input-group__group {
|
|
30877
30924
|
display: flex;
|
|
30878
30925
|
}
|
|
30879
30926
|
|
|
30880
|
-
:where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
30881
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
30882
|
-
}
|
|
30883
|
-
|
|
30884
|
-
:where(.pf-theme-dark) .pf-v5-c-text-input-group {
|
|
30885
|
-
--pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
30886
|
-
--pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
30887
|
-
--pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
30888
|
-
--pf-v5-c-text-input-group__text--before--BorderWidth: 0;
|
|
30889
|
-
--pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
30890
|
-
}
|
|
30891
|
-
|
|
30892
30927
|
:where(:root),
|
|
30893
30928
|
:where(.pf-v5-c-tile) {
|
|
30894
30929
|
--pf-v5-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
|