@patternfly/patternfly 6.0.0-alpha.63 → 6.0.0-alpha.64
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 +18 -17
- package/components/ActionList/action-list.scss +26 -16
- package/components/Button/button.css +4 -9
- package/components/Button/button.scss +4 -9
- package/components/Masthead/masthead.css +15 -29
- package/components/Masthead/masthead.scss +20 -36
- package/components/OverflowMenu/overflow-menu.css +17 -47
- package/components/OverflowMenu/overflow-menu.scss +27 -65
- package/components/Pagination/pagination.css +6 -3
- package/components/Pagination/pagination.scss +4 -3
- package/components/Toolbar/toolbar.css +2525 -1040
- package/components/Toolbar/toolbar.scss +232 -534
- package/docs/components/ActionList/examples/ActionList.md +73 -22
- package/docs/components/LogViewer/examples/LogViewer.md +50 -50
- package/docs/components/Toolbar/examples/Toolbar.css +20 -15
- package/docs/components/Toolbar/examples/Toolbar.md +374 -419
- 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/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 +11 -11
- package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
- package/docs/demos/Drawer/examples/Drawer.md +10 -10
- package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
- package/docs/demos/Masthead/examples/Masthead.md +21 -21
- package/docs/demos/Modal/examples/Modal.md +12 -12
- 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 +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -19
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
- package/docs/demos/Table/examples/Table.md +42 -45
- package/docs/demos/Tabs/examples/Tabs.md +13 -13
- package/docs/demos/Toolbar/examples/Toolbar.md +13 -13
- package/docs/demos/Wizard/examples/Wizard.md +18 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +2579 -1114
- package/patternfly-theme-dark-unversioned.css +2579 -1114
- package/patternfly.css +2579 -1114
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -100,12 +100,12 @@ wrapperTag: div
|
|
|
100
100
|
</div>
|
|
101
101
|
<div class="pf-v5-c-masthead__content">
|
|
102
102
|
<div
|
|
103
|
-
class="pf-v5-c-toolbar pf-m-
|
|
103
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
104
104
|
id="masthead-basic-example-masthead-toolbar"
|
|
105
105
|
>
|
|
106
106
|
<div class="pf-v5-c-toolbar__content">
|
|
107
107
|
<div class="pf-v5-c-toolbar__content-section">
|
|
108
|
-
<div class="pf-v5-c-toolbar__group pf-m-align-
|
|
108
|
+
<div class="pf-v5-c-toolbar__group pf-m-align-end">
|
|
109
109
|
<div class="pf-v5-c-toolbar__item">
|
|
110
110
|
<button
|
|
111
111
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
@@ -342,7 +342,7 @@ wrapperTag: div
|
|
|
342
342
|
</div>
|
|
343
343
|
<div class="pf-v5-c-masthead__content">
|
|
344
344
|
<div
|
|
345
|
-
class="pf-v5-c-toolbar pf-m-
|
|
345
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
346
346
|
id="masthead-context-selecton-drilldown-example-masthead-toolbar"
|
|
347
347
|
>
|
|
348
348
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -377,7 +377,7 @@ wrapperTag: div
|
|
|
377
377
|
</button>
|
|
378
378
|
</div>
|
|
379
379
|
</div>
|
|
380
|
-
<div class="pf-v5-c-toolbar__item pf-m-align-
|
|
380
|
+
<div class="pf-v5-c-toolbar__item pf-m-align-end">
|
|
381
381
|
<button
|
|
382
382
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
383
383
|
type="button"
|
|
@@ -612,15 +612,15 @@ wrapperTag: div
|
|
|
612
612
|
</div>
|
|
613
613
|
<div class="pf-v5-c-masthead__content">
|
|
614
614
|
<div
|
|
615
|
-
class="pf-v5-c-toolbar pf-m-
|
|
615
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
616
616
|
id="masthead-toolbar-filters-example-masthead-toolbar"
|
|
617
617
|
>
|
|
618
618
|
<div class="pf-v5-c-toolbar__content">
|
|
619
619
|
<div class="pf-v5-c-toolbar__content-section">
|
|
620
620
|
<div
|
|
621
|
-
class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-
|
|
621
|
+
class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-end"
|
|
622
622
|
>
|
|
623
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
623
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
624
624
|
<button
|
|
625
625
|
class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
|
|
626
626
|
type="button"
|
|
@@ -916,15 +916,15 @@ wrapperTag: div
|
|
|
916
916
|
</div>
|
|
917
917
|
<div class="pf-v5-c-masthead__content">
|
|
918
918
|
<div
|
|
919
|
-
class="pf-v5-c-toolbar pf-m-
|
|
919
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
920
920
|
id="masthead-toggle-group-filters-example-masthead-toolbar"
|
|
921
921
|
>
|
|
922
922
|
<div class="pf-v5-c-toolbar__content">
|
|
923
923
|
<div class="pf-v5-c-toolbar__content-section">
|
|
924
924
|
<div
|
|
925
|
-
class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg pf-m-align-
|
|
925
|
+
class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg pf-m-align-end"
|
|
926
926
|
>
|
|
927
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
927
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
928
928
|
<button
|
|
929
929
|
class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
|
|
930
930
|
type="button"
|
|
@@ -1220,12 +1220,12 @@ wrapperTag: div
|
|
|
1220
1220
|
</div>
|
|
1221
1221
|
<div class="pf-v5-c-masthead__content">
|
|
1222
1222
|
<div
|
|
1223
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1223
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1224
1224
|
id="masthead-expandable-search-example-masthead-toolbar"
|
|
1225
1225
|
>
|
|
1226
1226
|
<div class="pf-v5-c-toolbar__content">
|
|
1227
1227
|
<div class="pf-v5-c-toolbar__content-section">
|
|
1228
|
-
<div class="pf-v5-c-toolbar__group pf-m-align-
|
|
1228
|
+
<div class="pf-v5-c-toolbar__group pf-m-align-end">
|
|
1229
1229
|
<div class="pf-v5-c-toolbar__item">
|
|
1230
1230
|
<div class="pf-v5-c-input-group pf-m-plain">
|
|
1231
1231
|
<div class="pf-v5-c-input-group__item pf-m-plain">
|
|
@@ -1465,12 +1465,12 @@ wrapperTag: div
|
|
|
1465
1465
|
</div>
|
|
1466
1466
|
<div class="pf-v5-c-masthead__content">
|
|
1467
1467
|
<div
|
|
1468
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1468
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1469
1469
|
id="masthead-expandable-search-expanded-example-masthead-toolbar"
|
|
1470
1470
|
>
|
|
1471
1471
|
<div class="pf-v5-c-toolbar__content">
|
|
1472
1472
|
<div class="pf-v5-c-toolbar__content-section">
|
|
1473
|
-
<div class="pf-v5-c-toolbar__group pf-m-align-
|
|
1473
|
+
<div class="pf-v5-c-toolbar__group pf-m-align-end">
|
|
1474
1474
|
<div class="pf-v5-c-toolbar__item">
|
|
1475
1475
|
<div class="pf-v5-c-input-group pf-m-plain">
|
|
1476
1476
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
@@ -1728,7 +1728,7 @@ wrapperTag: div
|
|
|
1728
1728
|
</div>
|
|
1729
1729
|
<div class="pf-v5-c-masthead__content">
|
|
1730
1730
|
<div
|
|
1731
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1731
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1732
1732
|
id="masthead-advanced-with-menu-example-masthead-toolbar"
|
|
1733
1733
|
>
|
|
1734
1734
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1764,7 +1764,7 @@ wrapperTag: div
|
|
|
1764
1764
|
</div>
|
|
1765
1765
|
|
|
1766
1766
|
<div
|
|
1767
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1767
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1768
1768
|
>
|
|
1769
1769
|
<div
|
|
1770
1770
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -2024,7 +2024,7 @@ wrapperTag: div
|
|
|
2024
2024
|
</div>
|
|
2025
2025
|
<div class="pf-v5-c-masthead__content">
|
|
2026
2026
|
<div
|
|
2027
|
-
class="pf-v5-c-toolbar pf-m-
|
|
2027
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
2028
2028
|
id="masthead-horizontal-nav-masthead-toolbar"
|
|
2029
2029
|
>
|
|
2030
2030
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -2114,7 +2114,7 @@ wrapperTag: div
|
|
|
2114
2114
|
</nav>
|
|
2115
2115
|
</div>
|
|
2116
2116
|
<div
|
|
2117
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
2117
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
2118
2118
|
>
|
|
2119
2119
|
<div
|
|
2120
2120
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -2360,15 +2360,15 @@ wrapperTag: div
|
|
|
2360
2360
|
</div>
|
|
2361
2361
|
<div class="pf-v5-c-masthead__content">
|
|
2362
2362
|
<div
|
|
2363
|
-
class="pf-v5-c-toolbar pf-m-
|
|
2363
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
2364
2364
|
id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar"
|
|
2365
2365
|
>
|
|
2366
2366
|
<div class="pf-v5-c-toolbar__content">
|
|
2367
2367
|
<div class="pf-v5-c-toolbar__content-section">
|
|
2368
2368
|
<div
|
|
2369
|
-
class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-
|
|
2369
|
+
class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-end"
|
|
2370
2370
|
>
|
|
2371
|
-
<div class="pf-v5-c-toolbar__toggle">
|
|
2371
|
+
<div class="pf-v5-c-toolbar__toggle pf-m-show">
|
|
2372
2372
|
<button
|
|
2373
2373
|
class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
|
|
2374
2374
|
type="button"
|
|
@@ -99,7 +99,7 @@ section: components
|
|
|
99
99
|
</div>
|
|
100
100
|
<div class="pf-v5-c-masthead__content">
|
|
101
101
|
<div
|
|
102
|
-
class="pf-v5-c-toolbar pf-m-
|
|
102
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
103
103
|
id="modal-basic-example-masthead-toolbar"
|
|
104
104
|
>
|
|
105
105
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -135,7 +135,7 @@ section: components
|
|
|
135
135
|
</div>
|
|
136
136
|
|
|
137
137
|
<div
|
|
138
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
138
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
139
139
|
>
|
|
140
140
|
<div
|
|
141
141
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -445,7 +445,7 @@ section: components
|
|
|
445
445
|
</div>
|
|
446
446
|
<div class="pf-v5-c-masthead__content">
|
|
447
447
|
<div
|
|
448
|
-
class="pf-v5-c-toolbar pf-m-
|
|
448
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
449
449
|
id="modal-scrollable-content-example-masthead-toolbar"
|
|
450
450
|
>
|
|
451
451
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -481,7 +481,7 @@ section: components
|
|
|
481
481
|
</div>
|
|
482
482
|
|
|
483
483
|
<div
|
|
484
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
484
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
485
485
|
>
|
|
486
486
|
<div
|
|
487
487
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -797,7 +797,7 @@ section: components
|
|
|
797
797
|
</div>
|
|
798
798
|
<div class="pf-v5-c-masthead__content">
|
|
799
799
|
<div
|
|
800
|
-
class="pf-v5-c-toolbar pf-m-
|
|
800
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
801
801
|
id="modal-medium-example-masthead-toolbar"
|
|
802
802
|
>
|
|
803
803
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -833,7 +833,7 @@ section: components
|
|
|
833
833
|
</div>
|
|
834
834
|
|
|
835
835
|
<div
|
|
836
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
836
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
837
837
|
>
|
|
838
838
|
<div
|
|
839
839
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1139,7 +1139,7 @@ section: components
|
|
|
1139
1139
|
</div>
|
|
1140
1140
|
<div class="pf-v5-c-masthead__content">
|
|
1141
1141
|
<div
|
|
1142
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1142
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1143
1143
|
id="modal-large-example-masthead-toolbar"
|
|
1144
1144
|
>
|
|
1145
1145
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1175,7 +1175,7 @@ section: components
|
|
|
1175
1175
|
</div>
|
|
1176
1176
|
|
|
1177
1177
|
<div
|
|
1178
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1178
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1179
1179
|
>
|
|
1180
1180
|
<div
|
|
1181
1181
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1481,7 +1481,7 @@ section: components
|
|
|
1481
1481
|
</div>
|
|
1482
1482
|
<div class="pf-v5-c-masthead__content">
|
|
1483
1483
|
<div
|
|
1484
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1484
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1485
1485
|
id="modal-large-example-masthead-toolbar"
|
|
1486
1486
|
>
|
|
1487
1487
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1517,7 +1517,7 @@ section: components
|
|
|
1517
1517
|
</div>
|
|
1518
1518
|
|
|
1519
1519
|
<div
|
|
1520
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1520
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1521
1521
|
>
|
|
1522
1522
|
<div
|
|
1523
1523
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1823,7 +1823,7 @@ section: components
|
|
|
1823
1823
|
</div>
|
|
1824
1824
|
<div class="pf-v5-c-masthead__content">
|
|
1825
1825
|
<div
|
|
1826
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1826
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1827
1827
|
id="modal-with-form-example-masthead-toolbar"
|
|
1828
1828
|
>
|
|
1829
1829
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1859,7 +1859,7 @@ section: components
|
|
|
1859
1859
|
</div>
|
|
1860
1860
|
|
|
1861
1861
|
<div
|
|
1862
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1862
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1863
1863
|
>
|
|
1864
1864
|
<div
|
|
1865
1865
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -99,7 +99,7 @@ section: components
|
|
|
99
99
|
</div>
|
|
100
100
|
<div class="pf-v5-c-masthead__content">
|
|
101
101
|
<div
|
|
102
|
-
class="pf-v5-c-toolbar pf-m-
|
|
102
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
103
103
|
id="nav-basic-example-masthead-toolbar"
|
|
104
104
|
>
|
|
105
105
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -135,7 +135,7 @@ section: components
|
|
|
135
135
|
</div>
|
|
136
136
|
|
|
137
137
|
<div
|
|
138
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
138
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
139
139
|
>
|
|
140
140
|
<div
|
|
141
141
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -404,7 +404,7 @@ section: components
|
|
|
404
404
|
</div>
|
|
405
405
|
<div class="pf-v5-c-masthead__content">
|
|
406
406
|
<div
|
|
407
|
-
class="pf-v5-c-toolbar pf-m-
|
|
407
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
408
408
|
id="nav-grouped-nav-example-masthead-toolbar"
|
|
409
409
|
>
|
|
410
410
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -440,7 +440,7 @@ section: components
|
|
|
440
440
|
</div>
|
|
441
441
|
|
|
442
442
|
<div
|
|
443
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
443
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
444
444
|
>
|
|
445
445
|
<div
|
|
446
446
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -733,7 +733,7 @@ section: components
|
|
|
733
733
|
</div>
|
|
734
734
|
<div class="pf-v5-c-masthead__content">
|
|
735
735
|
<div
|
|
736
|
-
class="pf-v5-c-toolbar pf-m-
|
|
736
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
737
737
|
id="nav-expandable-example-masthead-toolbar"
|
|
738
738
|
>
|
|
739
739
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -769,7 +769,7 @@ section: components
|
|
|
769
769
|
</div>
|
|
770
770
|
|
|
771
771
|
<div
|
|
772
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
772
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
773
773
|
>
|
|
774
774
|
<div
|
|
775
775
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1109,7 +1109,7 @@ section: components
|
|
|
1109
1109
|
</div>
|
|
1110
1110
|
<div class="pf-v5-c-masthead__content">
|
|
1111
1111
|
<div
|
|
1112
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1112
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1113
1113
|
id="nav-horizontal-example-masthead-toolbar"
|
|
1114
1114
|
>
|
|
1115
1115
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1199,7 +1199,7 @@ section: components
|
|
|
1199
1199
|
</nav>
|
|
1200
1200
|
</div>
|
|
1201
1201
|
<div
|
|
1202
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1202
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1203
1203
|
>
|
|
1204
1204
|
<div
|
|
1205
1205
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1437,7 +1437,7 @@ section: components
|
|
|
1437
1437
|
</div>
|
|
1438
1438
|
<div class="pf-v5-c-masthead__content">
|
|
1439
1439
|
<div
|
|
1440
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1440
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1441
1441
|
id="nav-horizontal-subnav-example-masthead-toolbar"
|
|
1442
1442
|
>
|
|
1443
1443
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1473,7 +1473,7 @@ section: components
|
|
|
1473
1473
|
</div>
|
|
1474
1474
|
|
|
1475
1475
|
<div
|
|
1476
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1476
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1477
1477
|
>
|
|
1478
1478
|
<div
|
|
1479
1479
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1825,7 +1825,7 @@ section: components
|
|
|
1825
1825
|
</div>
|
|
1826
1826
|
<div class="pf-v5-c-masthead__content">
|
|
1827
1827
|
<div
|
|
1828
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1828
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1829
1829
|
id="nav-horizontal-example-masthead-toolbar"
|
|
1830
1830
|
>
|
|
1831
1831
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1915,7 +1915,7 @@ section: components
|
|
|
1915
1915
|
</nav>
|
|
1916
1916
|
</div>
|
|
1917
1917
|
<div
|
|
1918
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1918
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1919
1919
|
>
|
|
1920
1920
|
<div
|
|
1921
1921
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -99,7 +99,7 @@ section: components
|
|
|
99
99
|
</div>
|
|
100
100
|
<div class="pf-v5-c-masthead__content">
|
|
101
101
|
<div
|
|
102
|
-
class="pf-v5-c-toolbar pf-m-
|
|
102
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
103
103
|
id="drawer-collapsed-example-page-masthead-toolbar"
|
|
104
104
|
>
|
|
105
105
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -135,7 +135,7 @@ section: components
|
|
|
135
135
|
</div>
|
|
136
136
|
|
|
137
137
|
<div
|
|
138
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
138
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
139
139
|
>
|
|
140
140
|
<div class="pf-v5-c-toolbar__item">
|
|
141
141
|
<button
|
|
@@ -1096,7 +1096,7 @@ section: components
|
|
|
1096
1096
|
</div>
|
|
1097
1097
|
<div class="pf-v5-c-masthead__content">
|
|
1098
1098
|
<div
|
|
1099
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1099
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1100
1100
|
id="drawer-expanded-read-example-page-masthead-toolbar"
|
|
1101
1101
|
>
|
|
1102
1102
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1132,7 +1132,7 @@ section: components
|
|
|
1132
1132
|
</div>
|
|
1133
1133
|
|
|
1134
1134
|
<div
|
|
1135
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1135
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1136
1136
|
>
|
|
1137
1137
|
<div class="pf-v5-c-toolbar__item">
|
|
1138
1138
|
<button
|
|
@@ -2096,7 +2096,7 @@ section: components
|
|
|
2096
2096
|
</div>
|
|
2097
2097
|
<div class="pf-v5-c-masthead__content">
|
|
2098
2098
|
<div
|
|
2099
|
-
class="pf-v5-c-toolbar pf-m-
|
|
2099
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
2100
2100
|
id="drawer-expanded-unread-example-page-masthead-toolbar"
|
|
2101
2101
|
>
|
|
2102
2102
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -2132,7 +2132,7 @@ section: components
|
|
|
2132
2132
|
</div>
|
|
2133
2133
|
|
|
2134
2134
|
<div
|
|
2135
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
2135
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
2136
2136
|
>
|
|
2137
2137
|
<div class="pf-v5-c-toolbar__item">
|
|
2138
2138
|
<button
|
|
@@ -3099,7 +3099,7 @@ section: components
|
|
|
3099
3099
|
</div>
|
|
3100
3100
|
<div class="pf-v5-c-masthead__content">
|
|
3101
3101
|
<div
|
|
3102
|
-
class="pf-v5-c-toolbar pf-m-
|
|
3102
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
3103
3103
|
id="drawer-expanded-attention-example-page-masthead-toolbar"
|
|
3104
3104
|
>
|
|
3105
3105
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -3135,7 +3135,7 @@ section: components
|
|
|
3135
3135
|
</div>
|
|
3136
3136
|
|
|
3137
3137
|
<div
|
|
3138
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
3138
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
3139
3139
|
>
|
|
3140
3140
|
<div class="pf-v5-c-toolbar__item">
|
|
3141
3141
|
<button
|
|
@@ -4101,7 +4101,7 @@ section: components
|
|
|
4101
4101
|
</div>
|
|
4102
4102
|
<div class="pf-v5-c-masthead__content">
|
|
4103
4103
|
<div
|
|
4104
|
-
class="pf-v5-c-toolbar pf-m-
|
|
4104
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
4105
4105
|
id="drawer-expanded-with-groups-example-page-masthead-toolbar"
|
|
4106
4106
|
>
|
|
4107
4107
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -4137,7 +4137,7 @@ section: components
|
|
|
4137
4137
|
</div>
|
|
4138
4138
|
|
|
4139
4139
|
<div
|
|
4140
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
4140
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
4141
4141
|
>
|
|
4142
4142
|
<div class="pf-v5-c-toolbar__item">
|
|
4143
4143
|
<button
|
|
@@ -100,7 +100,7 @@ wrapperTag: div
|
|
|
100
100
|
</div>
|
|
101
101
|
<div class="pf-v5-c-masthead__content">
|
|
102
102
|
<div
|
|
103
|
-
class="pf-v5-c-toolbar pf-m-
|
|
103
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
104
104
|
id="page-demo-basic-masthead-toolbar"
|
|
105
105
|
>
|
|
106
106
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -136,7 +136,7 @@ wrapperTag: div
|
|
|
136
136
|
</div>
|
|
137
137
|
|
|
138
138
|
<div
|
|
139
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
139
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
140
140
|
>
|
|
141
141
|
<div
|
|
142
142
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -408,7 +408,7 @@ wrapperTag: div
|
|
|
408
408
|
</div>
|
|
409
409
|
<div class="pf-v5-c-masthead__content">
|
|
410
410
|
<div
|
|
411
|
-
class="pf-v5-c-toolbar pf-m-
|
|
411
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
412
412
|
id="multiple-sidebar-body-elements-demo-masthead-toolbar"
|
|
413
413
|
>
|
|
414
414
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -444,7 +444,7 @@ wrapperTag: div
|
|
|
444
444
|
</div>
|
|
445
445
|
|
|
446
446
|
<div
|
|
447
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
447
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
448
448
|
>
|
|
449
449
|
<div
|
|
450
450
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -731,7 +731,7 @@ wrapperTag: div
|
|
|
731
731
|
</div>
|
|
732
732
|
<div class="pf-v5-c-masthead__content">
|
|
733
733
|
<div
|
|
734
|
-
class="pf-v5-c-toolbar pf-m-
|
|
734
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
735
735
|
id="page-demo-sticky-top-horizontal-subnav-masthead-toolbar"
|
|
736
736
|
>
|
|
737
737
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -767,7 +767,7 @@ wrapperTag: div
|
|
|
767
767
|
</div>
|
|
768
768
|
|
|
769
769
|
<div
|
|
770
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
770
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
771
771
|
>
|
|
772
772
|
<div
|
|
773
773
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1211,7 +1211,7 @@ wrapperTag: div
|
|
|
1211
1211
|
</div>
|
|
1212
1212
|
<div class="pf-v5-c-masthead__content">
|
|
1213
1213
|
<div
|
|
1214
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1214
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1215
1215
|
id="page-demo-sticky-top-breadcrumb-masthead-toolbar"
|
|
1216
1216
|
>
|
|
1217
1217
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1247,7 +1247,7 @@ wrapperTag: div
|
|
|
1247
1247
|
</div>
|
|
1248
1248
|
|
|
1249
1249
|
<div
|
|
1250
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1250
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1251
1251
|
>
|
|
1252
1252
|
<div
|
|
1253
1253
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1641,7 +1641,7 @@ wrapperTag: div
|
|
|
1641
1641
|
</div>
|
|
1642
1642
|
<div class="pf-v5-c-masthead__content">
|
|
1643
1643
|
<div
|
|
1644
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1644
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1645
1645
|
id="page-demo-sticky-top-breadcrumb-masthead-toolbar"
|
|
1646
1646
|
>
|
|
1647
1647
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1677,7 +1677,7 @@ wrapperTag: div
|
|
|
1677
1677
|
</div>
|
|
1678
1678
|
|
|
1679
1679
|
<div
|
|
1680
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1680
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
1681
1681
|
>
|
|
1682
1682
|
<div
|
|
1683
1683
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -2071,7 +2071,7 @@ wrapperTag: div
|
|
|
2071
2071
|
</div>
|
|
2072
2072
|
<div class="pf-v5-c-masthead__content">
|
|
2073
2073
|
<div
|
|
2074
|
-
class="pf-v5-c-toolbar pf-m-
|
|
2074
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
2075
2075
|
id="page-demo-sticky-top-section-group-masthead-toolbar"
|
|
2076
2076
|
>
|
|
2077
2077
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -2107,7 +2107,7 @@ wrapperTag: div
|
|
|
2107
2107
|
</div>
|
|
2108
2108
|
|
|
2109
2109
|
<div
|
|
2110
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
2110
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
2111
2111
|
>
|
|
2112
2112
|
<div
|
|
2113
2113
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -2501,7 +2501,7 @@ wrapperTag: div
|
|
|
2501
2501
|
</div>
|
|
2502
2502
|
<div class="pf-v5-c-masthead__content">
|
|
2503
2503
|
<div
|
|
2504
|
-
class="pf-v5-c-toolbar pf-m-
|
|
2504
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
2505
2505
|
id="page-demo-sticky-section-bottom-masthead-toolbar"
|
|
2506
2506
|
>
|
|
2507
2507
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -2537,7 +2537,7 @@ wrapperTag: div
|
|
|
2537
2537
|
</div>
|
|
2538
2538
|
|
|
2539
2539
|
<div
|
|
2540
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
2540
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
2541
2541
|
>
|
|
2542
2542
|
<div
|
|
2543
2543
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -2933,7 +2933,7 @@ wrapperTag: div
|
|
|
2933
2933
|
</div>
|
|
2934
2934
|
<div class="pf-v5-c-masthead__content">
|
|
2935
2935
|
<div
|
|
2936
|
-
class="pf-v5-c-toolbar pf-m-
|
|
2936
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
2937
2937
|
id="page-demo-overflow-scroll-masthead-toolbar"
|
|
2938
2938
|
>
|
|
2939
2939
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -2969,7 +2969,7 @@ wrapperTag: div
|
|
|
2969
2969
|
</div>
|
|
2970
2970
|
|
|
2971
2971
|
<div
|
|
2972
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
2972
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
2973
2973
|
>
|
|
2974
2974
|
<div
|
|
2975
2975
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -3370,7 +3370,7 @@ wrapperTag: div
|
|
|
3370
3370
|
</div>
|
|
3371
3371
|
<div class="pf-v5-c-masthead__content">
|
|
3372
3372
|
<div
|
|
3373
|
-
class="pf-v5-c-toolbar pf-m-
|
|
3373
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
3374
3374
|
id="page-demo-centered-section-masthead-toolbar"
|
|
3375
3375
|
>
|
|
3376
3376
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -3406,7 +3406,7 @@ wrapperTag: div
|
|
|
3406
3406
|
</div>
|
|
3407
3407
|
|
|
3408
3408
|
<div
|
|
3409
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
3409
|
+
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
|
|
3410
3410
|
>
|
|
3411
3411
|
<div
|
|
3412
3412
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -93,7 +93,7 @@ wrapperTag: div
|
|
|
93
93
|
</span>
|
|
94
94
|
</button>
|
|
95
95
|
</div>
|
|
96
|
-
<div class="pf-v5-c-toolbar__group pf-m-align-
|
|
96
|
+
<div class="pf-v5-c-toolbar__group pf-m-align-end">
|
|
97
97
|
<div class="pf-v5-c-toolbar__item">
|
|
98
98
|
<button
|
|
99
99
|
class="pf-v5-c-menu-toggle pf-m-plain"
|
|
@@ -270,7 +270,7 @@ wrapperTag: div
|
|
|
270
270
|
</span>
|
|
271
271
|
</button>
|
|
272
272
|
</div>
|
|
273
|
-
<div class="pf-v5-c-toolbar__group pf-m-align-
|
|
273
|
+
<div class="pf-v5-c-toolbar__group pf-m-align-end">
|
|
274
274
|
<div class="pf-v5-c-toolbar__group pf-m-icon-button-group">
|
|
275
275
|
<div class="pf-v5-c-toolbar__item">
|
|
276
276
|
<button
|