@patternfly/patternfly 6.0.0-alpha.92 → 6.0.0-alpha.94
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/ActionList/action-list.css +1 -0
- package/components/ActionList/action-list.scss +2 -0
- package/components/Menu/menu.css +31 -126
- package/components/Menu/menu.scss +17 -17
- package/docs/components/ActionList/examples/ActionList.md +1 -1
- package/docs/components/Menu/examples/Menu.css +2 -2
- package/docs/components/Menu/examples/Menu.md +26 -17
- package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
- package/package.json +1 -1
- package/patternfly-no-globals.css +44 -234
- package/patternfly-theme-dark-unversioned.css +44 -234
- package/patternfly.css +44 -234
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/Menu/themes/dark/menu.scss +0 -9
- package/components/Nav/themes/dark/nav.scss +0 -44
|
@@ -23,6 +23,8 @@
|
|
|
23
23
|
|
|
24
24
|
// - Action list icons
|
|
25
25
|
&.pf-m-icons {
|
|
26
|
+
--#{$action-list}__group--ColumnGap: var(--#{$action-list}--m-icons--ColumnGap);
|
|
27
|
+
|
|
26
28
|
column-gap: var(--#{$action-list}--m-icons--ColumnGap); // update prop: val to prevent potential inheritance conflicts
|
|
27
29
|
}
|
|
28
30
|
}
|
package/components/Menu/menu.css
CHANGED
|
@@ -1,155 +1,59 @@
|
|
|
1
|
-
.pf-v6-c-
|
|
2
|
-
.pf-v6-c-menu__list-item,
|
|
3
|
-
.pf-v6-c-menu__item,
|
|
4
|
-
.pf-v6-c-menu__item-main,
|
|
5
|
-
.pf-v6-c-menu__breadcrumb,
|
|
6
|
-
.pf-v6-c-menu__item-check,
|
|
7
|
-
.pf-v6-c-menu__item-action,
|
|
8
|
-
.pf-v6-c-menu__item-action-icon, .pf-v6-c-menu,
|
|
9
|
-
.pf-v6-c-menu__list,
|
|
1
|
+
.pf-v6-c-menu__item, .pf-v6-c-menu__list,
|
|
10
2
|
.pf-v6-c-menu__group {
|
|
11
3
|
--pf-v5-hidden-visible--hidden--Display: none;
|
|
12
4
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
13
5
|
display: var(--pf-v5-hidden-visible--Display);
|
|
14
6
|
}
|
|
15
|
-
.pf-m-hidden.pf-v6-c-
|
|
16
|
-
.pf-m-hidden.pf-v6-c-menu__list-item,
|
|
17
|
-
.pf-m-hidden.pf-v6-c-menu__item,
|
|
18
|
-
.pf-m-hidden.pf-v6-c-menu__item-main,
|
|
19
|
-
.pf-m-hidden.pf-v6-c-menu__breadcrumb,
|
|
20
|
-
.pf-m-hidden.pf-v6-c-menu__item-check,
|
|
21
|
-
.pf-m-hidden.pf-v6-c-menu__item-action,
|
|
22
|
-
.pf-m-hidden.pf-v6-c-menu__item-action-icon, .pf-m-hidden.pf-v6-c-menu,
|
|
23
|
-
.pf-m-hidden.pf-v6-c-menu__list,
|
|
7
|
+
.pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
|
|
24
8
|
.pf-m-hidden.pf-v6-c-menu__group {
|
|
25
9
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
26
10
|
}
|
|
27
11
|
@media screen and (min-width: 576px) {
|
|
28
|
-
.pf-m-hidden-on-sm.pf-v6-c-
|
|
29
|
-
.pf-m-hidden-on-sm.pf-v6-c-menu__list-item,
|
|
30
|
-
.pf-m-hidden-on-sm.pf-v6-c-menu__item,
|
|
31
|
-
.pf-m-hidden-on-sm.pf-v6-c-menu__item-main,
|
|
32
|
-
.pf-m-hidden-on-sm.pf-v6-c-menu__breadcrumb,
|
|
33
|
-
.pf-m-hidden-on-sm.pf-v6-c-menu__item-check,
|
|
34
|
-
.pf-m-hidden-on-sm.pf-v6-c-menu__item-action,
|
|
35
|
-
.pf-m-hidden-on-sm.pf-v6-c-menu__item-action-icon, .pf-m-hidden-on-sm.pf-v6-c-menu,
|
|
36
|
-
.pf-m-hidden-on-sm.pf-v6-c-menu__list,
|
|
12
|
+
.pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
|
|
37
13
|
.pf-m-hidden-on-sm.pf-v6-c-menu__group {
|
|
38
14
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
39
15
|
}
|
|
40
|
-
.pf-m-visible-on-sm.pf-v6-c-
|
|
41
|
-
.pf-m-visible-on-sm.pf-v6-c-menu__list-item,
|
|
42
|
-
.pf-m-visible-on-sm.pf-v6-c-menu__item,
|
|
43
|
-
.pf-m-visible-on-sm.pf-v6-c-menu__item-main,
|
|
44
|
-
.pf-m-visible-on-sm.pf-v6-c-menu__breadcrumb,
|
|
45
|
-
.pf-m-visible-on-sm.pf-v6-c-menu__item-check,
|
|
46
|
-
.pf-m-visible-on-sm.pf-v6-c-menu__item-action,
|
|
47
|
-
.pf-m-visible-on-sm.pf-v6-c-menu__item-action-icon, .pf-m-visible-on-sm.pf-v6-c-menu,
|
|
48
|
-
.pf-m-visible-on-sm.pf-v6-c-menu__list,
|
|
16
|
+
.pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
|
|
49
17
|
.pf-m-visible-on-sm.pf-v6-c-menu__group {
|
|
50
18
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
51
19
|
}
|
|
52
20
|
}
|
|
53
21
|
@media screen and (min-width: 768px) {
|
|
54
|
-
.pf-m-hidden-on-md.pf-v6-c-
|
|
55
|
-
.pf-m-hidden-on-md.pf-v6-c-menu__list-item,
|
|
56
|
-
.pf-m-hidden-on-md.pf-v6-c-menu__item,
|
|
57
|
-
.pf-m-hidden-on-md.pf-v6-c-menu__item-main,
|
|
58
|
-
.pf-m-hidden-on-md.pf-v6-c-menu__breadcrumb,
|
|
59
|
-
.pf-m-hidden-on-md.pf-v6-c-menu__item-check,
|
|
60
|
-
.pf-m-hidden-on-md.pf-v6-c-menu__item-action,
|
|
61
|
-
.pf-m-hidden-on-md.pf-v6-c-menu__item-action-icon, .pf-m-hidden-on-md.pf-v6-c-menu,
|
|
62
|
-
.pf-m-hidden-on-md.pf-v6-c-menu__list,
|
|
22
|
+
.pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
|
|
63
23
|
.pf-m-hidden-on-md.pf-v6-c-menu__group {
|
|
64
24
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
65
25
|
}
|
|
66
|
-
.pf-m-visible-on-md.pf-v6-c-
|
|
67
|
-
.pf-m-visible-on-md.pf-v6-c-menu__list-item,
|
|
68
|
-
.pf-m-visible-on-md.pf-v6-c-menu__item,
|
|
69
|
-
.pf-m-visible-on-md.pf-v6-c-menu__item-main,
|
|
70
|
-
.pf-m-visible-on-md.pf-v6-c-menu__breadcrumb,
|
|
71
|
-
.pf-m-visible-on-md.pf-v6-c-menu__item-check,
|
|
72
|
-
.pf-m-visible-on-md.pf-v6-c-menu__item-action,
|
|
73
|
-
.pf-m-visible-on-md.pf-v6-c-menu__item-action-icon, .pf-m-visible-on-md.pf-v6-c-menu,
|
|
74
|
-
.pf-m-visible-on-md.pf-v6-c-menu__list,
|
|
26
|
+
.pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
|
|
75
27
|
.pf-m-visible-on-md.pf-v6-c-menu__group {
|
|
76
28
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
77
29
|
}
|
|
78
30
|
}
|
|
79
31
|
@media screen and (min-width: 992px) {
|
|
80
|
-
.pf-m-hidden-on-lg.pf-v6-c-
|
|
81
|
-
.pf-m-hidden-on-lg.pf-v6-c-menu__list-item,
|
|
82
|
-
.pf-m-hidden-on-lg.pf-v6-c-menu__item,
|
|
83
|
-
.pf-m-hidden-on-lg.pf-v6-c-menu__item-main,
|
|
84
|
-
.pf-m-hidden-on-lg.pf-v6-c-menu__breadcrumb,
|
|
85
|
-
.pf-m-hidden-on-lg.pf-v6-c-menu__item-check,
|
|
86
|
-
.pf-m-hidden-on-lg.pf-v6-c-menu__item-action,
|
|
87
|
-
.pf-m-hidden-on-lg.pf-v6-c-menu__item-action-icon, .pf-m-hidden-on-lg.pf-v6-c-menu,
|
|
88
|
-
.pf-m-hidden-on-lg.pf-v6-c-menu__list,
|
|
32
|
+
.pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
|
|
89
33
|
.pf-m-hidden-on-lg.pf-v6-c-menu__group {
|
|
90
34
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
91
35
|
}
|
|
92
|
-
.pf-m-visible-on-lg.pf-v6-c-
|
|
93
|
-
.pf-m-visible-on-lg.pf-v6-c-menu__list-item,
|
|
94
|
-
.pf-m-visible-on-lg.pf-v6-c-menu__item,
|
|
95
|
-
.pf-m-visible-on-lg.pf-v6-c-menu__item-main,
|
|
96
|
-
.pf-m-visible-on-lg.pf-v6-c-menu__breadcrumb,
|
|
97
|
-
.pf-m-visible-on-lg.pf-v6-c-menu__item-check,
|
|
98
|
-
.pf-m-visible-on-lg.pf-v6-c-menu__item-action,
|
|
99
|
-
.pf-m-visible-on-lg.pf-v6-c-menu__item-action-icon, .pf-m-visible-on-lg.pf-v6-c-menu,
|
|
100
|
-
.pf-m-visible-on-lg.pf-v6-c-menu__list,
|
|
36
|
+
.pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
|
|
101
37
|
.pf-m-visible-on-lg.pf-v6-c-menu__group {
|
|
102
38
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
103
39
|
}
|
|
104
40
|
}
|
|
105
41
|
@media screen and (min-width: 1200px) {
|
|
106
|
-
.pf-m-hidden-on-xl.pf-v6-c-
|
|
107
|
-
.pf-m-hidden-on-xl.pf-v6-c-menu__list-item,
|
|
108
|
-
.pf-m-hidden-on-xl.pf-v6-c-menu__item,
|
|
109
|
-
.pf-m-hidden-on-xl.pf-v6-c-menu__item-main,
|
|
110
|
-
.pf-m-hidden-on-xl.pf-v6-c-menu__breadcrumb,
|
|
111
|
-
.pf-m-hidden-on-xl.pf-v6-c-menu__item-check,
|
|
112
|
-
.pf-m-hidden-on-xl.pf-v6-c-menu__item-action,
|
|
113
|
-
.pf-m-hidden-on-xl.pf-v6-c-menu__item-action-icon, .pf-m-hidden-on-xl.pf-v6-c-menu,
|
|
114
|
-
.pf-m-hidden-on-xl.pf-v6-c-menu__list,
|
|
42
|
+
.pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
|
|
115
43
|
.pf-m-hidden-on-xl.pf-v6-c-menu__group {
|
|
116
44
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
117
45
|
}
|
|
118
|
-
.pf-m-visible-on-xl.pf-v6-c-
|
|
119
|
-
.pf-m-visible-on-xl.pf-v6-c-menu__list-item,
|
|
120
|
-
.pf-m-visible-on-xl.pf-v6-c-menu__item,
|
|
121
|
-
.pf-m-visible-on-xl.pf-v6-c-menu__item-main,
|
|
122
|
-
.pf-m-visible-on-xl.pf-v6-c-menu__breadcrumb,
|
|
123
|
-
.pf-m-visible-on-xl.pf-v6-c-menu__item-check,
|
|
124
|
-
.pf-m-visible-on-xl.pf-v6-c-menu__item-action,
|
|
125
|
-
.pf-m-visible-on-xl.pf-v6-c-menu__item-action-icon, .pf-m-visible-on-xl.pf-v6-c-menu,
|
|
126
|
-
.pf-m-visible-on-xl.pf-v6-c-menu__list,
|
|
46
|
+
.pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
|
|
127
47
|
.pf-m-visible-on-xl.pf-v6-c-menu__group {
|
|
128
48
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
129
49
|
}
|
|
130
50
|
}
|
|
131
51
|
@media screen and (min-width: 1450px) {
|
|
132
|
-
.pf-m-hidden-on-2xl.pf-v6-c-
|
|
133
|
-
.pf-m-hidden-on-2xl.pf-v6-c-menu__list-item,
|
|
134
|
-
.pf-m-hidden-on-2xl.pf-v6-c-menu__item,
|
|
135
|
-
.pf-m-hidden-on-2xl.pf-v6-c-menu__item-main,
|
|
136
|
-
.pf-m-hidden-on-2xl.pf-v6-c-menu__breadcrumb,
|
|
137
|
-
.pf-m-hidden-on-2xl.pf-v6-c-menu__item-check,
|
|
138
|
-
.pf-m-hidden-on-2xl.pf-v6-c-menu__item-action,
|
|
139
|
-
.pf-m-hidden-on-2xl.pf-v6-c-menu__item-action-icon, .pf-m-hidden-on-2xl.pf-v6-c-menu,
|
|
140
|
-
.pf-m-hidden-on-2xl.pf-v6-c-menu__list,
|
|
52
|
+
.pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
|
|
141
53
|
.pf-m-hidden-on-2xl.pf-v6-c-menu__group {
|
|
142
54
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
143
55
|
}
|
|
144
|
-
.pf-m-visible-on-2xl.pf-v6-c-
|
|
145
|
-
.pf-m-visible-on-2xl.pf-v6-c-menu__list-item,
|
|
146
|
-
.pf-m-visible-on-2xl.pf-v6-c-menu__item,
|
|
147
|
-
.pf-m-visible-on-2xl.pf-v6-c-menu__item-main,
|
|
148
|
-
.pf-m-visible-on-2xl.pf-v6-c-menu__breadcrumb,
|
|
149
|
-
.pf-m-visible-on-2xl.pf-v6-c-menu__item-check,
|
|
150
|
-
.pf-m-visible-on-2xl.pf-v6-c-menu__item-action,
|
|
151
|
-
.pf-m-visible-on-2xl.pf-v6-c-menu__item-action-icon, .pf-m-visible-on-2xl.pf-v6-c-menu,
|
|
152
|
-
.pf-m-visible-on-2xl.pf-v6-c-menu__list,
|
|
56
|
+
.pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
|
|
153
57
|
.pf-m-visible-on-2xl.pf-v6-c-menu__group {
|
|
154
58
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
155
59
|
}
|
|
@@ -248,21 +152,19 @@
|
|
|
248
152
|
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
249
153
|
}
|
|
250
154
|
|
|
251
|
-
.pf-v6-c-menu,
|
|
252
|
-
.pf-v6-c-menu__list,
|
|
253
|
-
.pf-v6-c-menu__group {
|
|
254
|
-
--pf-v5-hidden-visible--visible--Display: grid;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
155
|
.pf-v6-c-menu__content,
|
|
258
156
|
.pf-v6-c-menu__list-item,
|
|
259
|
-
.pf-v6-c-menu__item,
|
|
260
157
|
.pf-v6-c-menu__item-main,
|
|
261
158
|
.pf-v6-c-menu__breadcrumb,
|
|
262
159
|
.pf-v6-c-menu__item-check,
|
|
263
160
|
.pf-v6-c-menu__item-action,
|
|
264
161
|
.pf-v6-c-menu__item-action-icon {
|
|
265
|
-
|
|
162
|
+
display: flex;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.pf-v6-c-menu__list,
|
|
166
|
+
.pf-v6-c-menu__group {
|
|
167
|
+
--pf-v5-hidden-visible--visible--Display: grid;
|
|
266
168
|
}
|
|
267
169
|
|
|
268
170
|
.pf-v6-c-menu__list,
|
|
@@ -287,6 +189,7 @@
|
|
|
287
189
|
}
|
|
288
190
|
|
|
289
191
|
.pf-v6-c-menu {
|
|
192
|
+
display: grid;
|
|
290
193
|
row-gap: var(--pf-v6-c-menu--RowGap);
|
|
291
194
|
width: var(--pf-v6-c-menu--Width);
|
|
292
195
|
min-width: var(--pf-v6-c-menu--MinWidth);
|
|
@@ -495,10 +398,12 @@
|
|
|
495
398
|
.pf-v6-c-menu__list-item:has(.pf-v6-c-menu__item-action) {
|
|
496
399
|
padding-inline-end: var(--pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd);
|
|
497
400
|
}
|
|
498
|
-
.pf-v6-c-menu__list-item:has(> :hover) {
|
|
401
|
+
.pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
|
|
499
402
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
|
|
500
403
|
}
|
|
501
|
-
.pf-v6-c-menu__list-item
|
|
404
|
+
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
|
|
405
|
+
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
|
|
406
|
+
.pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:has(> :hover) .pf-v6-c-menu__item-select-icon,
|
|
502
407
|
.pf-v6-c-menu__list-item:has(> :hover) .pf-v6-c-menu__item-external-icon {
|
|
503
408
|
opacity: 1;
|
|
504
409
|
}
|
|
@@ -520,15 +425,20 @@
|
|
|
520
425
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
521
426
|
border: 0;
|
|
522
427
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
428
|
+
--pf-v5-hidden-visible--visible--Display: flex;
|
|
523
429
|
}
|
|
430
|
+
:where(label).pf-v6-c-menu__item {
|
|
431
|
+
cursor: pointer;
|
|
432
|
+
}
|
|
433
|
+
|
|
524
434
|
.pf-v6-c-menu__item.pf-m-selected {
|
|
525
435
|
--pf-v6-c-menu__item-select-icon--Color: var(--pf-v6-c-menu__item--m-selected__item-select-icon--Color);
|
|
526
436
|
}
|
|
527
|
-
.pf-v6-c-menu__item:is(:hover, :focus,
|
|
528
|
-
.pf-v6-c-menu__item:is(:hover, :focus,
|
|
437
|
+
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-select-icon,
|
|
438
|
+
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
|
|
529
439
|
opacity: 1;
|
|
530
440
|
}
|
|
531
|
-
.pf-v6-c-menu__item:is(:hover, :focus,
|
|
441
|
+
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
|
|
532
442
|
color: var(--pf-v6-c-menu__item-external--Color);
|
|
533
443
|
}
|
|
534
444
|
|
|
@@ -568,11 +478,6 @@
|
|
|
568
478
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
569
479
|
--pf-v5-c-check__input--TranslateY: none;
|
|
570
480
|
}
|
|
571
|
-
.pf-v6-c-menu__item-check .pf-v6-c-check input::before {
|
|
572
|
-
position: absolute;
|
|
573
|
-
inset: 0;
|
|
574
|
-
content: "";
|
|
575
|
-
}
|
|
576
481
|
|
|
577
482
|
.pf-v6-c-menu__item-toggle-icon {
|
|
578
483
|
color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
|
|
@@ -138,23 +138,21 @@
|
|
|
138
138
|
--#{$menu}--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
// - Menu shared display grid
|
|
142
|
-
.#{$menu},
|
|
143
|
-
.#{$menu}__list,
|
|
144
|
-
.#{$menu}__group {
|
|
145
|
-
@include pf-v5-hidden-visible(grid);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
141
|
// - Menu shared display flex
|
|
149
142
|
.#{$menu}__content,
|
|
150
143
|
.#{$menu}__list-item,
|
|
151
|
-
.#{$menu}__item,
|
|
152
144
|
.#{$menu}__item-main,
|
|
153
145
|
.#{$menu}__breadcrumb,
|
|
154
146
|
.#{$menu}__item-check,
|
|
155
147
|
.#{$menu}__item-action,
|
|
156
148
|
.#{$menu}__item-action-icon {
|
|
157
|
-
|
|
149
|
+
display: flex;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
// - Menu shared hidden visible
|
|
153
|
+
.#{$menu}__list,
|
|
154
|
+
.#{$menu}__group {
|
|
155
|
+
@include pf-v5-hidden-visible(grid);
|
|
158
156
|
}
|
|
159
157
|
|
|
160
158
|
// - Menu shared position relative
|
|
@@ -190,6 +188,7 @@
|
|
|
190
188
|
// TODO: Explore this fallback method
|
|
191
189
|
// padding-block-start: var(--#{$menu}--PaddingBlockStart, var(--#{$menu}--PaddingBlock));
|
|
192
190
|
// padding-block-end: var(--#{$menu}--PaddingBlockEnd, var(--#{$menu}--PaddingBlock));
|
|
191
|
+
display: grid;
|
|
193
192
|
row-gap: var(--#{$menu}--RowGap);
|
|
194
193
|
width: var(--#{$menu}--Width);
|
|
195
194
|
min-width: var(--#{$menu}--MinWidth);
|
|
@@ -474,6 +473,8 @@
|
|
|
474
473
|
padding-inline-end: var(--#{$menu}__list-item--has--menu-action--PaddingInlineEnd);
|
|
475
474
|
}
|
|
476
475
|
|
|
476
|
+
&.pf-m-focus,
|
|
477
|
+
&:focus-within,
|
|
477
478
|
&:has(> :hover) {
|
|
478
479
|
--#{$menu}__list-item--BackgroundColor: var(--#{$menu}__list-item--hover--BackgroundColor);
|
|
479
480
|
|
|
@@ -504,11 +505,17 @@
|
|
|
504
505
|
border: 0;
|
|
505
506
|
outline-offset: var(--#{$menu}--OutlineOffset);
|
|
506
507
|
|
|
508
|
+
@include pf-v5-hidden-visible(flex);
|
|
509
|
+
|
|
510
|
+
@at-root :where(label)#{&} {
|
|
511
|
+
cursor: pointer;
|
|
512
|
+
}
|
|
513
|
+
|
|
507
514
|
&.pf-m-selected {
|
|
508
515
|
--#{$menu}__item-select-icon--Color: var(--#{$menu}__item--m-selected__item-select-icon--Color);
|
|
509
516
|
}
|
|
510
517
|
|
|
511
|
-
&:is(:hover, :focus,
|
|
518
|
+
&:is(:hover, :focus, .pf-m-selected) {
|
|
512
519
|
.#{$menu}__item-select-icon,
|
|
513
520
|
.#{$menu}__item-external-icon {
|
|
514
521
|
opacity: 1;
|
|
@@ -560,13 +567,6 @@
|
|
|
560
567
|
// - Menu check
|
|
561
568
|
.#{$menu}__item-check .#{$check} {
|
|
562
569
|
--pf-v5-c-check__input--TranslateY: none;
|
|
563
|
-
|
|
564
|
-
// expand clickable area to full width/height of list__item
|
|
565
|
-
input::before {
|
|
566
|
-
position: absolute;
|
|
567
|
-
inset: 0;
|
|
568
|
-
content: "";
|
|
569
|
-
}
|
|
570
570
|
}
|
|
571
571
|
|
|
572
572
|
// - Menu toggle icon
|
|
@@ -165,4 +165,4 @@ In modals, forms, data lists
|
|
|
165
165
|
| `.pf-v5-c-action-list` | `<div>` | Initiates the action list container. |
|
|
166
166
|
| `.pf-v5-c-action-list__item` | `<div>` | Initiates the action list item container. |
|
|
167
167
|
| `.pf-v5-c-action-list__group` | `<div>` | Initiates the action list group container. |
|
|
168
|
-
| `.pf-m-icons` | `.pf-v5-c-action-list`, `.pf-v5-c-action-list__group` | Modifies the action list to support
|
|
168
|
+
| `.pf-m-icons` | `.pf-v5-c-action-list`, `.pf-v5-c-action-list__group` | Modifies the action list and/or group to support icon buttons. If applied to `.pf-v5-c-action-list`, all nested groups will inherit this modification. |
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
position: relative;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
:is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-
|
|
16
|
+
:is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu {
|
|
17
17
|
position: absolute;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.pf-
|
|
20
|
+
.pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
|
|
21
21
|
z-index: 1;
|
|
22
22
|
}
|
|
@@ -167,7 +167,10 @@ cssPrefix: pf-v5-c-menu
|
|
|
167
167
|
<div class="pf-v6-c-menu__content">
|
|
168
168
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
169
169
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
170
|
-
<label
|
|
170
|
+
<label
|
|
171
|
+
class="pf-v6-c-menu__item"
|
|
172
|
+
for="with-checkbox-example-check-1-input"
|
|
173
|
+
>
|
|
171
174
|
<span class="pf-v6-c-menu__item-main">
|
|
172
175
|
<span class="pf-v6-c-menu__item-check">
|
|
173
176
|
<div
|
|
@@ -188,7 +191,10 @@ cssPrefix: pf-v5-c-menu
|
|
|
188
191
|
</label>
|
|
189
192
|
</li>
|
|
190
193
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
191
|
-
<label
|
|
194
|
+
<label
|
|
195
|
+
class="pf-v6-c-menu__item"
|
|
196
|
+
for="with-checkbox-example-check-2-input"
|
|
197
|
+
>
|
|
192
198
|
<span class="pf-v6-c-menu__item-main">
|
|
193
199
|
<span class="pf-v6-c-menu__item-check">
|
|
194
200
|
<div
|
|
@@ -209,7 +215,10 @@ cssPrefix: pf-v5-c-menu
|
|
|
209
215
|
</label>
|
|
210
216
|
</li>
|
|
211
217
|
<li class="pf-v6-c-menu__list-item pf-m-disabled" role="menuitem">
|
|
212
|
-
<label
|
|
218
|
+
<label
|
|
219
|
+
class="pf-v6-c-menu__item"
|
|
220
|
+
for="with-checkbox-example-check-3-input"
|
|
221
|
+
>
|
|
213
222
|
<span class="pf-v6-c-menu__item-main">
|
|
214
223
|
<span class="pf-v6-c-menu__item-check">
|
|
215
224
|
<div
|
|
@@ -313,7 +322,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
313
322
|
```html
|
|
314
323
|
<div
|
|
315
324
|
class="pf-v6-c-menu pf-m-scrollable"
|
|
316
|
-
style="--pf-
|
|
325
|
+
style="--pf-v6-c-menu__content--MaxHeight: 200px;"
|
|
317
326
|
>
|
|
318
327
|
<div class="pf-v6-c-menu__content">
|
|
319
328
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
@@ -1564,7 +1573,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
1564
1573
|
<div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
|
|
1565
1574
|
<div
|
|
1566
1575
|
class="pf-v6-c-menu__content"
|
|
1567
|
-
style="--pf-
|
|
1576
|
+
style="--pf-v6-c-menu__content--Height: 165px;"
|
|
1568
1577
|
>
|
|
1569
1578
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
1570
1579
|
<li class="pf-v6-c-menu__list-item" role="none">
|
|
@@ -2086,7 +2095,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
2086
2095
|
<div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
|
|
2087
2096
|
<div
|
|
2088
2097
|
class="pf-v6-c-menu__content"
|
|
2089
|
-
style="--pf-
|
|
2098
|
+
style="--pf-v6-c-menu__content--Height: 202px;"
|
|
2090
2099
|
>
|
|
2091
2100
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
2092
2101
|
<li class="pf-v6-c-menu__list-item" role="none">
|
|
@@ -2608,7 +2617,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
2608
2617
|
<div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
|
|
2609
2618
|
<div
|
|
2610
2619
|
class="pf-v6-c-menu__content"
|
|
2611
|
-
style="--pf-
|
|
2620
|
+
style="--pf-v6-c-menu__content--Height: 165px;"
|
|
2612
2621
|
>
|
|
2613
2622
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
2614
2623
|
<li class="pf-v6-c-menu__list-item" role="none">
|
|
@@ -3132,7 +3141,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
3132
3141
|
```html isBeta
|
|
3133
3142
|
<div
|
|
3134
3143
|
class="pf-v6-c-menu pf-m-drilldown pf-m-scrollable"
|
|
3135
|
-
style="--pf-
|
|
3144
|
+
style="--pf-v6-c-menu__content--MaxHeight: 180px;"
|
|
3136
3145
|
>
|
|
3137
3146
|
<div class="pf-v6-c-menu__content">
|
|
3138
3147
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
@@ -3652,7 +3661,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
3652
3661
|
### Width modified drilldown
|
|
3653
3662
|
|
|
3654
3663
|
```html isBeta
|
|
3655
|
-
<div class="pf-v6-c-menu pf-m-drilldown" style="--pf-
|
|
3664
|
+
<div class="pf-v6-c-menu pf-m-drilldown" style="--pf-v6-c-menu--Width: 350px;">
|
|
3656
3665
|
<div class="pf-v6-c-menu__content">
|
|
3657
3666
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
3658
3667
|
<li class="pf-v6-c-menu__list-item" role="none">
|
|
@@ -4353,7 +4362,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
4353
4362
|
```html isBeta
|
|
4354
4363
|
<div
|
|
4355
4364
|
class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
|
|
4356
|
-
style="--pf-
|
|
4365
|
+
style="--pf-v6-c-menu__content--Height: 74px;"
|
|
4357
4366
|
>
|
|
4358
4367
|
<div class="pf-v6-c-menu__breadcrumb">
|
|
4359
4368
|
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
@@ -4561,7 +4570,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
4561
4570
|
```html isBeta
|
|
4562
4571
|
<div
|
|
4563
4572
|
class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
|
|
4564
|
-
style="--pf-
|
|
4573
|
+
style="--pf-v6-c-menu__content--Height: 111px;"
|
|
4565
4574
|
>
|
|
4566
4575
|
<div class="pf-v6-c-menu__breadcrumb">
|
|
4567
4576
|
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
@@ -4814,7 +4823,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
4814
4823
|
```html isBeta
|
|
4815
4824
|
<div
|
|
4816
4825
|
class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
|
|
4817
|
-
style="--pf-
|
|
4826
|
+
style="--pf-v6-c-menu__content--Height: 185px;"
|
|
4818
4827
|
>
|
|
4819
4828
|
<div class="pf-v6-c-menu__breadcrumb">
|
|
4820
4829
|
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
@@ -5088,27 +5097,27 @@ cssPrefix: pf-v5-c-menu
|
|
|
5088
5097
|
<!--
|
|
5089
5098
|
### Drilldown managed height
|
|
5090
5099
|
```hbs isBeta
|
|
5091
|
-
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height" menu--Drilldown--menu--attribute='style="--pf-
|
|
5100
|
+
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
|
|
5092
5101
|
```
|
|
5093
5102
|
|
|
5094
5103
|
### Drilldown managed height level two
|
|
5095
5104
|
```hbs isBeta
|
|
5096
|
-
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-2" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--menu--attribute='style="--pf-
|
|
5105
|
+
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-2" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 193px;"'}}
|
|
5097
5106
|
```
|
|
5098
5107
|
|
|
5099
5108
|
### Drilldown managed height level three
|
|
5100
5109
|
```hbs isBeta
|
|
5101
|
-
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-3" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--menu--attribute='style="--pf-
|
|
5110
|
+
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-3" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 233px;"'}}
|
|
5102
5111
|
```
|
|
5103
5112
|
|
|
5104
5113
|
### Drilldown managed height level four
|
|
5105
5114
|
```hbs isBeta
|
|
5106
|
-
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-4" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--IsDrilledIn--list-3="true" menu--Drilldown--menu--attribute='style="--pf-
|
|
5115
|
+
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-4" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--IsDrilledIn--list-3="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
|
|
5107
5116
|
```
|
|
5108
5117
|
|
|
5109
5118
|
### Drilldown with breadcrumbs and managed height - level 4
|
|
5110
5119
|
```hbs isBeta
|
|
5111
|
-
{{#> menu menu--id="drilldown-with-breadcrumbs-and-managed-height-level-4" menu--modifier="pf-m-drilldown pf-m-drilled-in" menu--attribute='style="--pf-
|
|
5120
|
+
{{#> menu menu--id="drilldown-with-breadcrumbs-and-managed-height-level-4" menu--modifier="pf-m-drilldown pf-m-drilled-in" menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
|
|
5112
5121
|
{{> menu-breadcrumbs--Drilldown breadcrumb--id="drilldown-with-breadcrumbs-level-4" menu-breadcrumbs--Drilldown--IsLevel4="true"}}
|
|
5113
5122
|
{{> menu-content--Breadcrumbs menu-content--Breadcrumbs--level2="true" menu-content--Breadcrumbs--level3="true" menu-content--Breadcrumbs--level4="true"}}
|
|
5114
5123
|
{{/menu}}
|
|
@@ -2067,7 +2067,7 @@ section: components
|
|
|
2067
2067
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2068
2068
|
<label
|
|
2069
2069
|
class="pf-v6-c-menu__item"
|
|
2070
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1"
|
|
2070
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1-input"
|
|
2071
2071
|
>
|
|
2072
2072
|
<span class="pf-v6-c-menu__item-main">
|
|
2073
2073
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2091,7 +2091,7 @@ section: components
|
|
|
2091
2091
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2092
2092
|
<label
|
|
2093
2093
|
class="pf-v6-c-menu__item"
|
|
2094
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2"
|
|
2094
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2-input"
|
|
2095
2095
|
>
|
|
2096
2096
|
<span class="pf-v6-c-menu__item-main">
|
|
2097
2097
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2116,7 +2116,7 @@ section: components
|
|
|
2116
2116
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2117
2117
|
<label
|
|
2118
2118
|
class="pf-v6-c-menu__item"
|
|
2119
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3"
|
|
2119
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3-input"
|
|
2120
2120
|
>
|
|
2121
2121
|
<span class="pf-v6-c-menu__item-main">
|
|
2122
2122
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2141,7 +2141,7 @@ section: components
|
|
|
2141
2141
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2142
2142
|
<label
|
|
2143
2143
|
class="pf-v6-c-menu__item"
|
|
2144
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4"
|
|
2144
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4-input"
|
|
2145
2145
|
>
|
|
2146
2146
|
<span class="pf-v6-c-menu__item-main">
|
|
2147
2147
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2165,7 +2165,7 @@ section: components
|
|
|
2165
2165
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2166
2166
|
<label
|
|
2167
2167
|
class="pf-v6-c-menu__item"
|
|
2168
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5"
|
|
2168
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5-input"
|
|
2169
2169
|
>
|
|
2170
2170
|
<span class="pf-v6-c-menu__item-main">
|
|
2171
2171
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2621,7 +2621,7 @@ section: components
|
|
|
2621
2621
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2622
2622
|
<label
|
|
2623
2623
|
class="pf-v6-c-menu__item"
|
|
2624
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1"
|
|
2624
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1-input"
|
|
2625
2625
|
>
|
|
2626
2626
|
<span class="pf-v6-c-menu__item-main">
|
|
2627
2627
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2645,7 +2645,7 @@ section: components
|
|
|
2645
2645
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2646
2646
|
<label
|
|
2647
2647
|
class="pf-v6-c-menu__item"
|
|
2648
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2"
|
|
2648
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2-input"
|
|
2649
2649
|
>
|
|
2650
2650
|
<span class="pf-v6-c-menu__item-main">
|
|
2651
2651
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2670,7 +2670,7 @@ section: components
|
|
|
2670
2670
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2671
2671
|
<label
|
|
2672
2672
|
class="pf-v6-c-menu__item"
|
|
2673
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3"
|
|
2673
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3-input"
|
|
2674
2674
|
>
|
|
2675
2675
|
<span class="pf-v6-c-menu__item-main">
|
|
2676
2676
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2695,7 +2695,7 @@ section: components
|
|
|
2695
2695
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2696
2696
|
<label
|
|
2697
2697
|
class="pf-v6-c-menu__item"
|
|
2698
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4"
|
|
2698
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4-input"
|
|
2699
2699
|
>
|
|
2700
2700
|
<span class="pf-v6-c-menu__item-main">
|
|
2701
2701
|
<span class="pf-v6-c-menu__item-check">
|
|
@@ -2719,7 +2719,7 @@ section: components
|
|
|
2719
2719
|
<li class="pf-v6-c-menu__list-item" role="menuitem">
|
|
2720
2720
|
<label
|
|
2721
2721
|
class="pf-v6-c-menu__item"
|
|
2722
|
-
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5"
|
|
2722
|
+
for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5-input"
|
|
2723
2723
|
>
|
|
2724
2724
|
<span class="pf-v6-c-menu__item-main">
|
|
2725
2725
|
<span class="pf-v6-c-menu__item-check">
|