@patternfly/patternfly 4.181.0 → 4.182.2
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/RELEASE-NOTES.md +31 -0
- package/components/Masthead/masthead.css +21 -27
- package/components/Masthead/masthead.scss +21 -27
- package/components/MenuToggle/menu-toggle.css +135 -1
- package/components/MenuToggle/menu-toggle.scss +201 -2
- package/docs/components/MenuToggle/examples/MenuToggle.md +552 -20
- package/docs/components/Table/examples/Table.md +137 -48
- package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -3
- package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
- package/docs/demos/Masthead/examples/Masthead.md +2 -2
- package/docs/demos/Page/examples/Page.md +7 -7
- package/docs/demos/Table/examples/Table.md +13 -13
- package/package.json +1 -1
- package/patternfly-no-reset.css +156 -28
- package/patternfly.css +156 -28
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -236,26 +236,89 @@ These classes can be used to ensure that the table changes between the tabular a
|
|
|
236
236
|
| `.fa-long-arrow-alt-up` | `.pf-c-table__sort > .pf-c-table__button > .pf-c-table__sort-indicator > .fas` | Initiates icon within ascending sorted and selected, sortable table header. **Required for sortable table columns** |
|
|
237
237
|
| `.fa-long-arrow-alt-down` | `.pf-c-table__sort > .pf-c-table__button > .pf-c-table__sort-indicator > .fas` | Initiates icon within descending sorted and selected, sortable table header. **Required for sortable table columns** |
|
|
238
238
|
|
|
239
|
-
### Overflow menu usage,
|
|
239
|
+
### Overflow menu usage, desktop
|
|
240
240
|
|
|
241
241
|
```html
|
|
242
242
|
<table
|
|
243
|
-
class="pf-c-table
|
|
243
|
+
class="pf-c-table"
|
|
244
|
+
aria-label="This is a simple table example"
|
|
245
|
+
id="table-with-expanded-overflow-menu"
|
|
246
|
+
>
|
|
247
|
+
<thead>
|
|
248
|
+
<tr>
|
|
249
|
+
<th scope="col">Repositories</th>
|
|
250
|
+
<th scope="col">Branches</th>
|
|
251
|
+
<th scope="col">Pull requests</th>
|
|
252
|
+
<td></td>
|
|
253
|
+
</tr>
|
|
254
|
+
</thead>
|
|
255
|
+
|
|
256
|
+
<tbody>
|
|
257
|
+
<tr>
|
|
258
|
+
<td role="cell" data-label="Repository name">Repository 1</td>
|
|
259
|
+
<td role="cell" data-label="Branches">10</td>
|
|
260
|
+
<td role="cell" data-label="Pull requests">25</td>
|
|
261
|
+
<td class="pf-c-table__action" role="cell">
|
|
262
|
+
<div
|
|
263
|
+
class="pf-c-overflow-menu"
|
|
264
|
+
id="table-with-expanded-overflow-menu-overflow-menu-1"
|
|
265
|
+
>
|
|
266
|
+
<div class="pf-c-overflow-menu__content">
|
|
267
|
+
<div class="pf-c-overflow-menu__group pf-m-button-group">
|
|
268
|
+
<div class="pf-c-overflow-menu__item">
|
|
269
|
+
<button class="pf-c-button pf-m-primary" type="button">Start</button>
|
|
270
|
+
</div>
|
|
271
|
+
<div class="pf-c-overflow-menu__item">
|
|
272
|
+
<button class="pf-c-button pf-m-secondary" type="button">Stop</button>
|
|
273
|
+
</div>
|
|
274
|
+
</div>
|
|
275
|
+
</div>
|
|
276
|
+
</div>
|
|
277
|
+
</td>
|
|
278
|
+
</tr>
|
|
279
|
+
|
|
280
|
+
<tr>
|
|
281
|
+
<td role="cell" data-label="Repository name">Repository 2</td>
|
|
282
|
+
<td role="cell" data-label="Branches">10</td>
|
|
283
|
+
<td role="cell" data-label="Pull requests">25</td>
|
|
284
|
+
<td class="pf-c-table__action" role="cell">
|
|
285
|
+
<div
|
|
286
|
+
class="pf-c-overflow-menu"
|
|
287
|
+
id="table-with-expanded-overflow-menu-overflow-menu-2"
|
|
288
|
+
>
|
|
289
|
+
<div class="pf-c-overflow-menu__content">
|
|
290
|
+
<div class="pf-c-overflow-menu__group pf-m-button-group">
|
|
291
|
+
<div class="pf-c-overflow-menu__item">
|
|
292
|
+
<button class="pf-c-button pf-m-primary" type="button">Start</button>
|
|
293
|
+
</div>
|
|
294
|
+
<div class="pf-c-overflow-menu__item">
|
|
295
|
+
<button class="pf-c-button pf-m-secondary" type="button">Stop</button>
|
|
296
|
+
</div>
|
|
297
|
+
</div>
|
|
298
|
+
</div>
|
|
299
|
+
</div>
|
|
300
|
+
</td>
|
|
301
|
+
</tr>
|
|
302
|
+
</tbody>
|
|
303
|
+
</table>
|
|
304
|
+
|
|
305
|
+
```
|
|
306
|
+
|
|
307
|
+
### Overflow menu usage, overflow menu collapsed
|
|
308
|
+
|
|
309
|
+
```html
|
|
310
|
+
<table
|
|
311
|
+
class="pf-c-table"
|
|
244
312
|
role="grid"
|
|
245
313
|
aria-label="This is a simple table example"
|
|
246
|
-
id="table-with-
|
|
314
|
+
id="table-with-overflow-menu-collapsed"
|
|
247
315
|
>
|
|
248
|
-
<caption>This is the table caption</caption>
|
|
249
316
|
<thead>
|
|
250
317
|
<tr role="row">
|
|
251
318
|
<th role="columnheader" scope="col">Repositories</th>
|
|
252
319
|
<th role="columnheader" scope="col">Branches</th>
|
|
253
320
|
<th role="columnheader" scope="col">Pull requests</th>
|
|
254
|
-
<
|
|
255
|
-
class="pf-m-action pf-m-fit-content pf-c-table__action"
|
|
256
|
-
role="columnheader"
|
|
257
|
-
scope="col"
|
|
258
|
-
>Overflow actions</th>
|
|
321
|
+
<td></td>
|
|
259
322
|
</tr>
|
|
260
323
|
</thead>
|
|
261
324
|
|
|
@@ -267,14 +330,14 @@ These classes can be used to ensure that the table changes between the tabular a
|
|
|
267
330
|
<td class="pf-c-table__action" role="cell">
|
|
268
331
|
<div
|
|
269
332
|
class="pf-c-overflow-menu"
|
|
270
|
-
id="table-with-
|
|
333
|
+
id="table-with-overflow-menu-collapsed-overflow-menu-1"
|
|
271
334
|
>
|
|
272
335
|
<div class="pf-c-overflow-menu__control">
|
|
273
336
|
<div class="pf-c-dropdown pf-m-expanded">
|
|
274
337
|
<button
|
|
275
338
|
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
276
339
|
type="button"
|
|
277
|
-
id="table-with-
|
|
340
|
+
id="table-with-overflow-menu-collapsed-overflow-menu-1-dropdown-toggle"
|
|
278
341
|
aria-label="Generic options"
|
|
279
342
|
aria-expanded="true"
|
|
280
343
|
>
|
|
@@ -282,7 +345,7 @@ These classes can be used to ensure that the table changes between the tabular a
|
|
|
282
345
|
</button>
|
|
283
346
|
<ul
|
|
284
347
|
class="pf-c-dropdown__menu pf-m-align-right"
|
|
285
|
-
aria-labelledby="table-with-
|
|
348
|
+
aria-labelledby="table-with-overflow-menu-collapsed-overflow-menu-1-dropdown-toggle"
|
|
286
349
|
>
|
|
287
350
|
<li>
|
|
288
351
|
<button class="pf-c-dropdown__menu-item">Start</button>
|
|
@@ -304,14 +367,14 @@ These classes can be used to ensure that the table changes between the tabular a
|
|
|
304
367
|
<td class="pf-c-table__action" role="cell">
|
|
305
368
|
<div
|
|
306
369
|
class="pf-c-overflow-menu"
|
|
307
|
-
id="table-with-
|
|
370
|
+
id="table-with-overflow-menu-collapsed-overflow-menu-2"
|
|
308
371
|
>
|
|
309
372
|
<div class="pf-c-overflow-menu__control">
|
|
310
373
|
<div class="pf-c-dropdown">
|
|
311
374
|
<button
|
|
312
375
|
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
313
376
|
type="button"
|
|
314
|
-
id="table-with-
|
|
377
|
+
id="table-with-overflow-menu-collapsed-overflow-menu-2-dropdown-toggle"
|
|
315
378
|
aria-label="Generic options"
|
|
316
379
|
aria-expanded="true"
|
|
317
380
|
>
|
|
@@ -319,7 +382,7 @@ These classes can be used to ensure that the table changes between the tabular a
|
|
|
319
382
|
</button>
|
|
320
383
|
<ul
|
|
321
384
|
class="pf-c-dropdown__menu pf-m-align-right"
|
|
322
|
-
aria-labelledby="table-with-
|
|
385
|
+
aria-labelledby="table-with-overflow-menu-collapsed-overflow-menu-2-dropdown-toggle"
|
|
323
386
|
hidden
|
|
324
387
|
>
|
|
325
388
|
<li>
|
|
@@ -339,68 +402,94 @@ These classes can be used to ensure that the table changes between the tabular a
|
|
|
339
402
|
|
|
340
403
|
```
|
|
341
404
|
|
|
342
|
-
### Overflow menu usage,
|
|
405
|
+
### Overflow menu usage, mobile
|
|
343
406
|
|
|
344
407
|
```html
|
|
345
408
|
<table
|
|
346
|
-
class="pf-c-table"
|
|
409
|
+
class="pf-c-table pf-m-grid"
|
|
410
|
+
role="grid"
|
|
347
411
|
aria-label="This is a simple table example"
|
|
348
|
-
id="table-with-
|
|
412
|
+
id="table-with-overflow-menu-collapsed-mobile"
|
|
349
413
|
>
|
|
350
|
-
<caption>This is the table caption</caption>
|
|
351
414
|
<thead>
|
|
352
|
-
<tr>
|
|
353
|
-
<th scope="col">Repositories</th>
|
|
354
|
-
<th scope="col">Branches</th>
|
|
355
|
-
<th scope="col">Pull requests</th>
|
|
356
|
-
<
|
|
357
|
-
class="pf-m-action pf-m-fit-content pf-c-table__action"
|
|
358
|
-
scope="col"
|
|
359
|
-
>Overflow actions</th>
|
|
415
|
+
<tr role="row">
|
|
416
|
+
<th role="columnheader" scope="col">Repositories</th>
|
|
417
|
+
<th role="columnheader" scope="col">Branches</th>
|
|
418
|
+
<th role="columnheader" scope="col">Pull requests</th>
|
|
419
|
+
<td></td>
|
|
360
420
|
</tr>
|
|
361
421
|
</thead>
|
|
362
422
|
|
|
363
|
-
<tbody>
|
|
364
|
-
<tr>
|
|
423
|
+
<tbody role="rowgroup">
|
|
424
|
+
<tr role="row">
|
|
365
425
|
<td role="cell" data-label="Repository name">Repository 1</td>
|
|
366
426
|
<td role="cell" data-label="Branches">10</td>
|
|
367
427
|
<td role="cell" data-label="Pull requests">25</td>
|
|
368
428
|
<td class="pf-c-table__action" role="cell">
|
|
369
429
|
<div
|
|
370
430
|
class="pf-c-overflow-menu"
|
|
371
|
-
id="table-with-
|
|
431
|
+
id="table-with-overflow-menu-collapsed-mobile-overflow-menu-1"
|
|
372
432
|
>
|
|
373
|
-
<div class="pf-c-overflow-
|
|
374
|
-
<div class="pf-c-
|
|
375
|
-
<
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
433
|
+
<div class="pf-c-overflow-menu__control">
|
|
434
|
+
<div class="pf-c-dropdown pf-m-expanded">
|
|
435
|
+
<button
|
|
436
|
+
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
437
|
+
type="button"
|
|
438
|
+
id="table-with-overflow-menu-collapsed-mobile-overflow-menu-1-dropdown-toggle"
|
|
439
|
+
aria-label="Generic options"
|
|
440
|
+
aria-expanded="true"
|
|
441
|
+
>
|
|
442
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
443
|
+
</button>
|
|
444
|
+
<ul
|
|
445
|
+
class="pf-c-dropdown__menu pf-m-align-right"
|
|
446
|
+
aria-labelledby="table-with-overflow-menu-collapsed-mobile-overflow-menu-1-dropdown-toggle"
|
|
447
|
+
>
|
|
448
|
+
<li>
|
|
449
|
+
<button class="pf-c-dropdown__menu-item">Start</button>
|
|
450
|
+
</li>
|
|
451
|
+
<li>
|
|
452
|
+
<button class="pf-c-dropdown__menu-item">Stop</button>
|
|
453
|
+
</li>
|
|
454
|
+
</ul>
|
|
381
455
|
</div>
|
|
382
456
|
</div>
|
|
383
457
|
</div>
|
|
384
458
|
</td>
|
|
385
459
|
</tr>
|
|
386
460
|
|
|
387
|
-
<tr>
|
|
461
|
+
<tr role="row">
|
|
388
462
|
<td role="cell" data-label="Repository name">Repository 2</td>
|
|
389
463
|
<td role="cell" data-label="Branches">10</td>
|
|
390
464
|
<td role="cell" data-label="Pull requests">25</td>
|
|
391
465
|
<td class="pf-c-table__action" role="cell">
|
|
392
466
|
<div
|
|
393
467
|
class="pf-c-overflow-menu"
|
|
394
|
-
id="table-with-
|
|
468
|
+
id="table-with-overflow-menu-collapsed-mobile-overflow-menu-2"
|
|
395
469
|
>
|
|
396
|
-
<div class="pf-c-overflow-
|
|
397
|
-
<div class="pf-c-
|
|
398
|
-
<
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
470
|
+
<div class="pf-c-overflow-menu__control">
|
|
471
|
+
<div class="pf-c-dropdown">
|
|
472
|
+
<button
|
|
473
|
+
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
474
|
+
type="button"
|
|
475
|
+
id="table-with-overflow-menu-collapsed-mobile-overflow-menu-2-dropdown-toggle"
|
|
476
|
+
aria-label="Generic options"
|
|
477
|
+
aria-expanded="true"
|
|
478
|
+
>
|
|
479
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
480
|
+
</button>
|
|
481
|
+
<ul
|
|
482
|
+
class="pf-c-dropdown__menu pf-m-align-right"
|
|
483
|
+
aria-labelledby="table-with-overflow-menu-collapsed-mobile-overflow-menu-2-dropdown-toggle"
|
|
484
|
+
hidden
|
|
485
|
+
>
|
|
486
|
+
<li>
|
|
487
|
+
<button class="pf-c-dropdown__menu-item">Start</button>
|
|
488
|
+
</li>
|
|
489
|
+
<li>
|
|
490
|
+
<button class="pf-c-dropdown__menu-item">Stop</button>
|
|
491
|
+
</li>
|
|
492
|
+
</ul>
|
|
404
493
|
</div>
|
|
405
494
|
</div>
|
|
406
495
|
</div>
|
|
@@ -1100,7 +1100,7 @@ section: components
|
|
|
1100
1100
|
</div>
|
|
1101
1101
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
1102
1102
|
<div
|
|
1103
|
-
class="pf-c-dropdown"
|
|
1103
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
1104
1104
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
1105
1105
|
>
|
|
1106
1106
|
<button
|
|
@@ -2179,7 +2179,7 @@ section: components
|
|
|
2179
2179
|
</div>
|
|
2180
2180
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
2181
2181
|
<div
|
|
2182
|
-
class="pf-c-dropdown"
|
|
2182
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
2183
2183
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
2184
2184
|
>
|
|
2185
2185
|
<button
|
|
@@ -3212,7 +3212,7 @@ section: components
|
|
|
3212
3212
|
</div>
|
|
3213
3213
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
3214
3214
|
<div
|
|
3215
|
-
class="pf-c-dropdown"
|
|
3215
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
3216
3216
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
3217
3217
|
>
|
|
3218
3218
|
<button
|
|
@@ -752,7 +752,7 @@ cssPrefix: pf-d-description-list
|
|
|
752
752
|
</div>
|
|
753
753
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
754
754
|
<div
|
|
755
|
-
class="pf-c-dropdown"
|
|
755
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
756
756
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
757
757
|
>
|
|
758
758
|
<button
|
|
@@ -1735,7 +1735,7 @@ cssPrefix: pf-d-description-list
|
|
|
1735
1735
|
</div>
|
|
1736
1736
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
1737
1737
|
<div
|
|
1738
|
-
class="pf-c-dropdown"
|
|
1738
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
1739
1739
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
1740
1740
|
>
|
|
1741
1741
|
<button
|
|
@@ -3004,7 +3004,7 @@ cssPrefix: pf-d-description-list
|
|
|
3004
3004
|
</div>
|
|
3005
3005
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
3006
3006
|
<div
|
|
3007
|
-
class="pf-c-dropdown"
|
|
3007
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
3008
3008
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
3009
3009
|
>
|
|
3010
3010
|
<button
|
|
@@ -2043,7 +2043,7 @@ wrapperTag: div
|
|
|
2043
2043
|
</div>
|
|
2044
2044
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
2045
2045
|
<div
|
|
2046
|
-
class="pf-c-dropdown"
|
|
2046
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
2047
2047
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
2048
2048
|
>
|
|
2049
2049
|
<button
|
|
@@ -3004,7 +3004,7 @@ wrapperTag: div
|
|
|
3004
3004
|
</div>
|
|
3005
3005
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
3006
3006
|
<div
|
|
3007
|
-
class="pf-c-dropdown pf-m-expanded"
|
|
3007
|
+
class="pf-c-dropdown pf-m-expanded pf-m-full-height"
|
|
3008
3008
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
3009
3009
|
>
|
|
3010
3010
|
<button
|
|
@@ -751,7 +751,7 @@ wrapperTag: div
|
|
|
751
751
|
</div>
|
|
752
752
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
753
753
|
<div
|
|
754
|
-
class="pf-c-dropdown"
|
|
754
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
755
755
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
756
756
|
>
|
|
757
757
|
<button
|
|
@@ -1675,7 +1675,7 @@ wrapperTag: div
|
|
|
1675
1675
|
</div>
|
|
1676
1676
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
1677
1677
|
<div
|
|
1678
|
-
class="pf-c-dropdown"
|
|
1678
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
1679
1679
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
1680
1680
|
>
|
|
1681
1681
|
<button
|
|
@@ -2760,7 +2760,7 @@ wrapperTag: div
|
|
|
2760
2760
|
</div>
|
|
2761
2761
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
2762
2762
|
<div
|
|
2763
|
-
class="pf-c-dropdown"
|
|
2763
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
2764
2764
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
2765
2765
|
>
|
|
2766
2766
|
<button
|
|
@@ -3810,7 +3810,7 @@ wrapperTag: div
|
|
|
3810
3810
|
</div>
|
|
3811
3811
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
3812
3812
|
<div
|
|
3813
|
-
class="pf-c-dropdown"
|
|
3813
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
3814
3814
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
3815
3815
|
>
|
|
3816
3816
|
<button
|
|
@@ -4857,7 +4857,7 @@ wrapperTag: div
|
|
|
4857
4857
|
</div>
|
|
4858
4858
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
4859
4859
|
<div
|
|
4860
|
-
class="pf-c-dropdown"
|
|
4860
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
4861
4861
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
4862
4862
|
>
|
|
4863
4863
|
<button
|
|
@@ -5909,7 +5909,7 @@ wrapperTag: div
|
|
|
5909
5909
|
</div>
|
|
5910
5910
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
5911
5911
|
<div
|
|
5912
|
-
class="pf-c-dropdown"
|
|
5912
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
5913
5913
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
5914
5914
|
>
|
|
5915
5915
|
<button
|
|
@@ -6965,7 +6965,7 @@ wrapperTag: div
|
|
|
6965
6965
|
</div>
|
|
6966
6966
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
6967
6967
|
<div
|
|
6968
|
-
class="pf-c-dropdown"
|
|
6968
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
6969
6969
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
6970
6970
|
>
|
|
6971
6971
|
<button
|
|
@@ -751,7 +751,7 @@ wrapperTag: div
|
|
|
751
751
|
</div>
|
|
752
752
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
753
753
|
<div
|
|
754
|
-
class="pf-c-dropdown"
|
|
754
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
755
755
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
756
756
|
>
|
|
757
757
|
<button
|
|
@@ -2470,7 +2470,7 @@ wrapperTag: div
|
|
|
2470
2470
|
</div>
|
|
2471
2471
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
2472
2472
|
<div
|
|
2473
|
-
class="pf-c-dropdown"
|
|
2473
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
2474
2474
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
2475
2475
|
>
|
|
2476
2476
|
<button
|
|
@@ -4363,7 +4363,7 @@ wrapperTag: div
|
|
|
4363
4363
|
</div>
|
|
4364
4364
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
4365
4365
|
<div
|
|
4366
|
-
class="pf-c-dropdown"
|
|
4366
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
4367
4367
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
4368
4368
|
>
|
|
4369
4369
|
<button
|
|
@@ -6458,7 +6458,7 @@ wrapperTag: div
|
|
|
6458
6458
|
</div>
|
|
6459
6459
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
6460
6460
|
<div
|
|
6461
|
-
class="pf-c-dropdown"
|
|
6461
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
6462
6462
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
6463
6463
|
>
|
|
6464
6464
|
<button
|
|
@@ -8209,7 +8209,7 @@ wrapperTag: div
|
|
|
8209
8209
|
</div>
|
|
8210
8210
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
8211
8211
|
<div
|
|
8212
|
-
class="pf-c-dropdown"
|
|
8212
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
8213
8213
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
8214
8214
|
>
|
|
8215
8215
|
<button
|
|
@@ -13174,7 +13174,7 @@ wrapperTag: div
|
|
|
13174
13174
|
</div>
|
|
13175
13175
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
13176
13176
|
<div
|
|
13177
|
-
class="pf-c-dropdown"
|
|
13177
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
13178
13178
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
13179
13179
|
>
|
|
13180
13180
|
<button
|
|
@@ -14118,7 +14118,7 @@ wrapperTag: div
|
|
|
14118
14118
|
</div>
|
|
14119
14119
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
14120
14120
|
<div
|
|
14121
|
-
class="pf-c-dropdown"
|
|
14121
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
14122
14122
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
14123
14123
|
>
|
|
14124
14124
|
<button
|
|
@@ -15065,7 +15065,7 @@ wrapperTag: div
|
|
|
15065
15065
|
</div>
|
|
15066
15066
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
15067
15067
|
<div
|
|
15068
|
-
class="pf-c-dropdown"
|
|
15068
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
15069
15069
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
15070
15070
|
>
|
|
15071
15071
|
<button
|
|
@@ -16956,7 +16956,7 @@ wrapperTag: div
|
|
|
16956
16956
|
</div>
|
|
16957
16957
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
16958
16958
|
<div
|
|
16959
|
-
class="pf-c-dropdown"
|
|
16959
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
16960
16960
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
16961
16961
|
>
|
|
16962
16962
|
<button
|
|
@@ -18927,7 +18927,7 @@ wrapperTag: div
|
|
|
18927
18927
|
</div>
|
|
18928
18928
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
18929
18929
|
<div
|
|
18930
|
-
class="pf-c-dropdown"
|
|
18930
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
18931
18931
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
18932
18932
|
>
|
|
18933
18933
|
<button
|
|
@@ -20818,7 +20818,7 @@ wrapperTag: div
|
|
|
20818
20818
|
</div>
|
|
20819
20819
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
20820
20820
|
<div
|
|
20821
|
-
class="pf-c-dropdown"
|
|
20821
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
20822
20822
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
20823
20823
|
>
|
|
20824
20824
|
<button
|
|
@@ -22635,7 +22635,7 @@ wrapperTag: div
|
|
|
22635
22635
|
</div>
|
|
22636
22636
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
22637
22637
|
<div
|
|
22638
|
-
class="pf-c-dropdown"
|
|
22638
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
22639
22639
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
22640
22640
|
>
|
|
22641
22641
|
<button
|
|
@@ -24474,7 +24474,7 @@ wrapperTag: div
|
|
|
24474
24474
|
</div>
|
|
24475
24475
|
<div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
|
|
24476
24476
|
<div
|
|
24477
|
-
class="pf-c-dropdown"
|
|
24477
|
+
class="pf-c-dropdown pf-m-full-height"
|
|
24478
24478
|
style="--pf-c-dropdown--MaxWidth: 20ch;"
|
|
24479
24479
|
>
|
|
24480
24480
|
<button
|