@patternfly/patternfly 4.175.0 → 4.176.3

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.
Files changed (33) hide show
  1. package/components/AlertGroup/alert-group.css +36 -0
  2. package/components/AlertGroup/alert-group.scss +41 -0
  3. package/components/Dropdown/dropdown.css +10 -9
  4. package/components/Dropdown/dropdown.scss +17 -16
  5. package/components/Label/label.css +43 -12
  6. package/components/Label/label.scss +45 -13
  7. package/components/Nav/nav.css +11 -0
  8. package/components/Nav/nav.scss +14 -0
  9. package/docs/components/AlertGroup/examples/AlertGroup.md +8 -3
  10. package/docs/components/Label/examples/Label.md +33 -67
  11. package/docs/components/LabelGroup/examples/LabelGroup.md +64 -107
  12. package/docs/components/LogViewer/examples/LogViewer.md +9 -9
  13. package/docs/components/Menu/examples/Menu.md +43 -42
  14. package/docs/components/Nav/examples/Navigation.md +23 -44
  15. package/docs/demos/Alert/examples/Alert.md +52 -359
  16. package/docs/demos/BackToTop/examples/BackToTop.md +5 -505
  17. package/docs/demos/Card/examples/Card.md +42 -36
  18. package/docs/demos/ContextSelector/examples/ContextSelector.md +46 -1051
  19. package/docs/demos/Drawer/examples/Drawer.md +3 -3
  20. package/docs/demos/JumpLinks/examples/JumpLinks.md +80 -1225
  21. package/docs/demos/Masthead/examples/Masthead.md +14 -6
  22. package/docs/demos/Nav/examples/Nav.md +9 -301
  23. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  24. package/docs/demos/Page/examples/Page.md +162 -3084
  25. package/docs/demos/Table/examples/Table.md +183 -18031
  26. package/docs/demos/Tabs/examples/Tabs.md +686 -7389
  27. package/docs/demos/Toolbar/examples/Toolbar.md +44 -1027
  28. package/docs/demos/Wizard/examples/Wizard.md +2 -2
  29. package/package.json +1 -1
  30. package/patternfly-no-reset.css +100 -21
  31. package/patternfly.css +100 -21
  32. package/patternfly.min.css +1 -1
  33. package/patternfly.min.css.map +1 -1
package/docs/components/LabelGroup/examples/LabelGroup.md CHANGED
@@ -17,7 +17,6 @@ cssPrefix: pf-c-label-group
17
17
  <span class="pf-c-label__icon">
18
18
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
19
19
  </span>
20
-
21
20
  Label
22
21
  </span>
23
22
  </span>
@@ -28,7 +27,6 @@ cssPrefix: pf-c-label-group
28
27
  <span class="pf-c-label__icon">
29
28
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
30
29
  </span>
31
-
32
30
  Label 2
33
31
  </span>
34
32
  </span>
@@ -39,7 +37,6 @@ cssPrefix: pf-c-label-group
39
37
  <span class="pf-c-label__icon">
40
38
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
41
39
  </span>
42
-
43
40
  Label 3
44
41
  </span>
45
42
  </span>
@@ -62,7 +59,6 @@ cssPrefix: pf-c-label-group
62
59
  <span class="pf-c-label__icon">
63
60
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
64
61
  </span>
65
-
66
62
  Label
67
63
  </span>
68
64
  </span>
@@ -73,7 +69,6 @@ cssPrefix: pf-c-label-group
73
69
  <span class="pf-c-label__icon">
74
70
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
75
71
  </span>
76
-
77
72
  Label 2
78
73
  </span>
79
74
  </span>
@@ -84,7 +79,6 @@ cssPrefix: pf-c-label-group
84
79
  <span class="pf-c-label__icon">
85
80
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
86
81
  </span>
87
-
88
82
  Label 3
89
83
  </span>
90
84
  </span>
@@ -112,7 +106,6 @@ cssPrefix: pf-c-label-group
112
106
  <span class="pf-c-label__icon">
113
107
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
114
108
  </span>
115
-
116
109
  Label
117
110
  </span>
118
111
  </span>
@@ -123,7 +116,6 @@ cssPrefix: pf-c-label-group
123
116
  <span class="pf-c-label__icon">
124
117
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
125
118
  </span>
126
-
127
119
  Label 2
128
120
  </span>
129
121
  </span>
@@ -134,7 +126,6 @@ cssPrefix: pf-c-label-group
134
126
  <span class="pf-c-label__icon">
135
127
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
136
128
  </span>
137
-
138
129
  Label 3
139
130
  </span>
140
131
  </span>
@@ -145,7 +136,6 @@ cssPrefix: pf-c-label-group
145
136
  <span class="pf-c-label__icon">
146
137
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
147
138
  </span>
148
-
149
139
  Label 3
150
140
  </span>
151
141
  </span>
@@ -156,7 +146,6 @@ cssPrefix: pf-c-label-group
156
146
  <span class="pf-c-label__icon">
157
147
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
158
148
  </span>
159
-
160
149
  Label 3
161
150
  </span>
162
151
  </span>
@@ -193,7 +182,6 @@ cssPrefix: pf-c-label-group
193
182
  <span class="pf-c-label__icon">
194
183
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
195
184
  </span>
196
-
197
185
  Label
198
186
  </span>
199
187
  </span>
@@ -204,7 +192,6 @@ cssPrefix: pf-c-label-group
204
192
  <span class="pf-c-label__icon">
205
193
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
206
194
  </span>
207
-
208
195
  Label 2
209
196
  </span>
210
197
  </span>
@@ -215,7 +202,6 @@ cssPrefix: pf-c-label-group
215
202
  <span class="pf-c-label__icon">
216
203
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
217
204
  </span>
218
-
219
205
  Label 3
220
206
  </span>
221
207
  </span>
@@ -247,7 +233,6 @@ cssPrefix: pf-c-label-group
247
233
  <span class="pf-c-label__icon">
248
234
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
249
235
  </span>
250
-
251
236
  Label
252
237
  </span>
253
238
  </span>
@@ -258,7 +243,6 @@ cssPrefix: pf-c-label-group
258
243
  <span class="pf-c-label__icon">
259
244
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
260
245
  </span>
261
-
262
246
  Label 2
263
247
  </span>
264
248
  </span>
@@ -269,7 +253,6 @@ cssPrefix: pf-c-label-group
269
253
  <span class="pf-c-label__icon">
270
254
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
271
255
  </span>
272
-
273
256
  Label 3
274
257
  </span>
275
258
  </span>
@@ -280,7 +263,6 @@ cssPrefix: pf-c-label-group
280
263
  <span class="pf-c-label__icon">
281
264
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
282
265
  </span>
283
-
284
266
  Label 4
285
267
  </span>
286
268
  </span>
@@ -291,7 +273,6 @@ cssPrefix: pf-c-label-group
291
273
  <span class="pf-c-label__icon">
292
274
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
293
275
  </span>
294
-
295
276
  Label 5
296
277
  </span>
297
278
  </span>
@@ -302,7 +283,6 @@ cssPrefix: pf-c-label-group
302
283
  <span class="pf-c-label__icon">
303
284
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
304
285
  </span>
305
-
306
286
  Label 6
307
287
  </span>
308
288
  </span>
@@ -336,7 +316,6 @@ cssPrefix: pf-c-label-group
336
316
  <span class="pf-c-label__icon">
337
317
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
338
318
  </span>
339
-
340
319
  Label
341
320
  </span>
342
321
  </span>
@@ -347,7 +326,6 @@ cssPrefix: pf-c-label-group
347
326
  <span class="pf-c-label__icon">
348
327
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
349
328
  </span>
350
-
351
329
  Label 2
352
330
  </span>
353
331
  </span>
@@ -358,7 +336,6 @@ cssPrefix: pf-c-label-group
358
336
  <span class="pf-c-label__icon">
359
337
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
360
338
  </span>
361
-
362
339
  Label 3
363
340
  </span>
364
341
  </span>
@@ -381,7 +358,6 @@ cssPrefix: pf-c-label-group
381
358
  <span class="pf-c-label__icon">
382
359
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
383
360
  </span>
384
-
385
361
  Label
386
362
  </span>
387
363
  </span>
@@ -392,7 +368,6 @@ cssPrefix: pf-c-label-group
392
368
  <span class="pf-c-label__icon">
393
369
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
394
370
  </span>
395
-
396
371
  Label 2
397
372
  </span>
398
373
  </span>
@@ -403,7 +378,6 @@ cssPrefix: pf-c-label-group
403
378
  <span class="pf-c-label__icon">
404
379
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
405
380
  </span>
406
-
407
381
  Label 3
408
382
  </span>
409
383
  </span>
@@ -431,7 +405,6 @@ cssPrefix: pf-c-label-group
431
405
  <span class="pf-c-label__icon">
432
406
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
433
407
  </span>
434
-
435
408
  Label
436
409
  </span>
437
410
  </span>
@@ -442,7 +415,6 @@ cssPrefix: pf-c-label-group
442
415
  <span class="pf-c-label__icon">
443
416
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
444
417
  </span>
445
-
446
418
  Label 2
447
419
  </span>
448
420
  </span>
@@ -453,7 +425,6 @@ cssPrefix: pf-c-label-group
453
425
  <span class="pf-c-label__icon">
454
426
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
455
427
  </span>
456
-
457
428
  Label 3
458
429
  </span>
459
430
  </span>
@@ -464,7 +435,6 @@ cssPrefix: pf-c-label-group
464
435
  <span class="pf-c-label__icon">
465
436
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
466
437
  </span>
467
-
468
438
  Label 3
469
439
  </span>
470
440
  </span>
@@ -475,7 +445,6 @@ cssPrefix: pf-c-label-group
475
445
  <span class="pf-c-label__icon">
476
446
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
477
447
  </span>
478
-
479
448
  Label 3
480
449
  </span>
481
450
  </span>
@@ -512,7 +481,6 @@ cssPrefix: pf-c-label-group
512
481
  <span class="pf-c-label__icon">
513
482
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
514
483
  </span>
515
-
516
484
  Label
517
485
  </span>
518
486
  </span>
@@ -523,7 +491,6 @@ cssPrefix: pf-c-label-group
523
491
  <span class="pf-c-label__icon">
524
492
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
525
493
  </span>
526
-
527
494
  Label 2
528
495
  </span>
529
496
  </span>
@@ -534,7 +501,6 @@ cssPrefix: pf-c-label-group
534
501
  <span class="pf-c-label__icon">
535
502
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
536
503
  </span>
537
-
538
504
  Label 3
539
505
  </span>
540
506
  </span>
@@ -604,15 +570,14 @@ In addition to the JavaScript management of [editable labels](/components/label#
604
570
  <ul class="pf-c-label-group__list" role="list" aria-label="Group of labels">
605
571
  <li class="pf-c-label-group__list-item">
606
572
  <span class="pf-c-label pf-m-blue pf-m-editable">
607
- <span class="pf-c-label__content">
608
- <button
609
- class="pf-c-label__editable-text"
610
- id="editable-labels-editable-group-example-editable-label-editable-1-editable-text"
611
- currvalue=" Editable label 1
573
+ <button
574
+ class="pf-c-label__content"
575
+ id="editable-labels-editable-group-example-editable-label-editable-1-editable-content"
576
+ currvalue=" Editable label 1
612
577
  "
613
- aria-label="Editable text"
614
- >Editable label 1</button>
615
- </span>
578
+ aria-label="Editable text"
579
+ >Editable label 1</button>
580
+
616
581
  <button
617
582
  class="pf-c-button pf-m-plain"
618
583
  type="button"
@@ -626,15 +591,14 @@ In addition to the JavaScript management of [editable labels](/components/label#
626
591
  </li>
627
592
  <li class="pf-c-label-group__list-item">
628
593
  <span class="pf-c-label pf-m-blue pf-m-editable">
629
- <span class="pf-c-label__content">
630
- <button
631
- class="pf-c-label__editable-text"
632
- id="editable-labels-editable-group-example-editable-label-editable-2-editable-text"
633
- currvalue=" Editable label 2
594
+ <button
595
+ class="pf-c-label__content"
596
+ id="editable-labels-editable-group-example-editable-label-editable-2-editable-content"
597
+ currvalue=" Editable label 2
634
598
  "
635
- aria-label="Editable text"
636
- >Editable label 2</button>
637
- </span>
599
+ aria-label="Editable text"
600
+ >Editable label 2</button>
601
+
638
602
  <button
639
603
  class="pf-c-button pf-m-plain"
640
604
  type="button"
@@ -648,15 +612,14 @@ In addition to the JavaScript management of [editable labels](/components/label#
648
612
  </li>
649
613
  <li class="pf-c-label-group__list-item">
650
614
  <span class="pf-c-label pf-m-blue pf-m-editable">
651
- <span class="pf-c-label__content">
652
- <button
653
- class="pf-c-label__editable-text"
654
- id="editable-labels-editable-group-example-editable-label-editable-3-editable-text"
655
- currvalue=" Editable label 3
615
+ <button
616
+ class="pf-c-label__content"
617
+ id="editable-labels-editable-group-example-editable-label-editable-3-editable-content"
618
+ currvalue=" Editable label 3
656
619
  "
657
- aria-label="Editable text"
658
- >Editable label 3</button>
659
- </span>
620
+ aria-label="Editable text"
621
+ >Editable label 3</button>
622
+
660
623
  <button
661
624
  class="pf-c-button pf-m-plain"
662
625
  type="button"
@@ -690,15 +653,14 @@ In addition to the JavaScript management of [editable labels](/components/label#
690
653
  <ul class="pf-c-label-group__list" role="list" aria-label="Group of labels">
691
654
  <li class="pf-c-label-group__list-item">
692
655
  <span class="pf-c-label pf-m-blue pf-m-editable">
693
- <span class="pf-c-label__content">
694
- <button
695
- class="pf-c-label__editable-text"
696
- id="editable-labels-label-active-editable-group-example-editable-label-default-1-editable-text"
697
- currvalue=" Editable label 1
656
+ <button
657
+ class="pf-c-label__content"
658
+ id="editable-labels-label-active-editable-group-example-editable-label-default-1-editable-content"
659
+ currvalue=" Editable label 1
698
660
  "
699
- aria-label="Editable text"
700
- >Editable label 1</button>
701
- </span>
661
+ aria-label="Editable text"
662
+ >Editable label 1</button>
663
+
702
664
  <button
703
665
  class="pf-c-button pf-m-plain"
704
666
  type="button"
@@ -712,15 +674,14 @@ In addition to the JavaScript management of [editable labels](/components/label#
712
674
  </li>
713
675
  <li class="pf-c-label-group__list-item">
714
676
  <span class="pf-c-label pf-m-blue pf-m-editable">
715
- <span class="pf-c-label__content">
716
- <button
717
- class="pf-c-label__editable-text"
718
- id="editable-labels-label-active-editable-group-example-editable-label-default-2-editable-text"
719
- currvalue=" Editable label 2
677
+ <button
678
+ class="pf-c-label__content"
679
+ id="editable-labels-label-active-editable-group-example-editable-label-default-2-editable-content"
680
+ currvalue=" Editable label 2
720
681
  "
721
- aria-label="Editable text"
722
- >Editable label 2</button>
723
- </span>
682
+ aria-label="Editable text"
683
+ >Editable label 2</button>
684
+
724
685
  <button
725
686
  class="pf-c-button pf-m-plain"
726
687
  type="button"
@@ -736,16 +697,15 @@ In addition to the JavaScript management of [editable labels](/components/label#
736
697
  <span
737
698
  class="pf-c-label pf-m-blue pf-m-active pf-m-editable pf-m-editable-active"
738
699
  >
739
- <span class="pf-c-label__content">
740
- <input
741
- class="pf-c-label__editable-text"
742
- id="editable-labels-label-active-editable-group-example-editable-label-active-editable-text"
743
- type="text"
744
- value=" Editable label 3, active
700
+ <input
701
+ class="pf-c-label__content"
702
+ id="editable-labels-label-active-editable-group-example-editable-label-active-editable-content"
703
+ type="text"
704
+ value=" Editable label 3, active
745
705
  "
746
- aria-label="Editable text"
747
- />
748
- </span>
706
+ aria-label="Editable text"
707
+ />
708
+
749
709
  <button
750
710
  class="pf-c-button pf-m-plain"
751
711
  type="button"
@@ -869,15 +829,14 @@ In addition to the JavaScript management of [editable labels](/components/label#
869
829
  </li>
870
830
  <li class="pf-c-label-group__list-item">
871
831
  <span class="pf-c-label pf-m-blue pf-m-editable">
872
- <span class="pf-c-label__content">
873
- <button
874
- class="pf-c-label__editable-text"
875
- id="static-labels-editable-group-example-editable-label-dynamic-1-editable-text"
876
- currvalue=" Dynamic, editable label 1
832
+ <button
833
+ class="pf-c-label__content"
834
+ id="static-labels-editable-group-example-editable-label-dynamic-1-editable-content"
835
+ currvalue=" Dynamic, editable label 1
877
836
  "
878
- aria-label="Editable text"
879
- >Dynamic, editable label 1</button>
880
- </span>
837
+ aria-label="Editable text"
838
+ >Dynamic, editable label 1</button>
839
+
881
840
  <button
882
841
  class="pf-c-button pf-m-plain"
883
842
  type="button"
@@ -891,15 +850,14 @@ In addition to the JavaScript management of [editable labels](/components/label#
891
850
  </li>
892
851
  <li class="pf-c-label-group__list-item">
893
852
  <span class="pf-c-label pf-m-blue pf-m-editable">
894
- <span class="pf-c-label__content">
895
- <button
896
- class="pf-c-label__editable-text"
897
- id="static-labels-editable-group-example-editable-label-dynamic-2-editable-text"
898
- currvalue=" Dynamic, editable label 2
853
+ <button
854
+ class="pf-c-label__content"
855
+ id="static-labels-editable-group-example-editable-label-dynamic-2-editable-content"
856
+ currvalue=" Dynamic, editable label 2
899
857
  "
900
- aria-label="Editable text"
901
- >Dynamic, editable label 2</button>
902
- </span>
858
+ aria-label="Editable text"
859
+ >Dynamic, editable label 2</button>
860
+
903
861
  <button
904
862
  class="pf-c-button pf-m-plain"
905
863
  type="button"
@@ -913,15 +871,14 @@ In addition to the JavaScript management of [editable labels](/components/label#
913
871
  </li>
914
872
  <li class="pf-c-label-group__list-item">
915
873
  <span class="pf-c-label pf-m-blue pf-m-active pf-m-editable">
916
- <span class="pf-c-label__content">
917
- <button
918
- class="pf-c-label__editable-text"
919
- id="static-labels-editable-group-example-editable-label-dynamic-3-editable-text"
920
- currvalue=" Dynamic, editable label 3
874
+ <button
875
+ class="pf-c-label__content"
876
+ id="static-labels-editable-group-example-editable-label-dynamic-3-editable-content"
877
+ currvalue=" Dynamic, editable label 3
921
878
  "
922
- aria-label="Editable text"
923
- >Dynamic, editable label 3</button>
924
- </span>
879
+ aria-label="Editable text"
880
+ >Dynamic, editable label 3</button>
881
+
925
882
  <button
926
883
  class="pf-c-button pf-m-plain"
927
884
  type="button"
package/docs/components/LogViewer/examples/LogViewer.md CHANGED
@@ -216,7 +216,7 @@ cssPrefix: pf-c-log-viewer
216
216
  <div class="pf-c-menu" hidden>
217
217
  <div class="pf-c-menu__content">
218
218
  <ul class="pf-c-menu__list">
219
- <li class="pf-c-menu__list-item">
219
+ <li class="pf-c-menu__list-item pf-m-drill-up">
220
220
  <button
221
221
  class="pf-c-menu__item"
222
222
  type="button"
@@ -724,7 +724,7 @@ cssPrefix: pf-c-log-viewer
724
724
  <div class="pf-c-menu" hidden>
725
725
  <div class="pf-c-menu__content">
726
726
  <ul class="pf-c-menu__list">
727
- <li class="pf-c-menu__list-item">
727
+ <li class="pf-c-menu__list-item pf-m-drill-up">
728
728
  <button
729
729
  class="pf-c-menu__item"
730
730
  type="button"
@@ -1232,7 +1232,7 @@ cssPrefix: pf-c-log-viewer
1232
1232
  <div class="pf-c-menu" hidden>
1233
1233
  <div class="pf-c-menu__content">
1234
1234
  <ul class="pf-c-menu__list">
1235
- <li class="pf-c-menu__list-item">
1235
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1236
1236
  <button
1237
1237
  class="pf-c-menu__item"
1238
1238
  type="button"
@@ -1740,7 +1740,7 @@ cssPrefix: pf-c-log-viewer
1740
1740
  <div class="pf-c-menu" hidden>
1741
1741
  <div class="pf-c-menu__content">
1742
1742
  <ul class="pf-c-menu__list">
1743
- <li class="pf-c-menu__list-item">
1743
+ <li class="pf-c-menu__list-item pf-m-drill-up">
1744
1744
  <button
1745
1745
  class="pf-c-menu__item"
1746
1746
  type="button"
@@ -2280,7 +2280,7 @@ cssPrefix: pf-c-log-viewer
2280
2280
  <div class="pf-c-menu" hidden>
2281
2281
  <div class="pf-c-menu__content">
2282
2282
  <ul class="pf-c-menu__list">
2283
- <li class="pf-c-menu__list-item">
2283
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2284
2284
  <button
2285
2285
  class="pf-c-menu__item"
2286
2286
  type="button"
@@ -2836,7 +2836,7 @@ cssPrefix: pf-c-log-viewer
2836
2836
  <div class="pf-c-menu" hidden>
2837
2837
  <div class="pf-c-menu__content">
2838
2838
  <ul class="pf-c-menu__list">
2839
- <li class="pf-c-menu__list-item">
2839
+ <li class="pf-c-menu__list-item pf-m-drill-up">
2840
2840
  <button
2841
2841
  class="pf-c-menu__item"
2842
2842
  type="button"
@@ -3343,7 +3343,7 @@ cssPrefix: pf-c-log-viewer
3343
3343
  <div class="pf-c-menu">
3344
3344
  <div class="pf-c-menu__content">
3345
3345
  <ul class="pf-c-menu__list">
3346
- <li class="pf-c-menu__list-item">
3346
+ <li class="pf-c-menu__list-item pf-m-drill-up">
3347
3347
  <button
3348
3348
  class="pf-c-menu__item"
3349
3349
  type="button"
@@ -3850,7 +3850,7 @@ cssPrefix: pf-c-log-viewer
3850
3850
  <div class="pf-c-menu" hidden>
3851
3851
  <div class="pf-c-menu__content">
3852
3852
  <ul class="pf-c-menu__list">
3853
- <li class="pf-c-menu__list-item">
3853
+ <li class="pf-c-menu__list-item pf-m-drill-up">
3854
3854
  <button
3855
3855
  class="pf-c-menu__item"
3856
3856
  type="button"
@@ -4412,7 +4412,7 @@ cssPrefix: pf-c-log-viewer
4412
4412
  <div class="pf-c-menu" hidden>
4413
4413
  <div class="pf-c-menu__content">
4414
4414
  <ul class="pf-c-menu__list">
4415
- <li class="pf-c-menu__list-item">
4415
+ <li class="pf-c-menu__list-item pf-m-drill-up">
4416
4416
  <button
4417
4417
  class="pf-c-menu__item"
4418
4418
  type="button"