@patternfly/patternfly 4.176.0 → 4.177.0
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/UPGRADE-GUIDE.md +3 -0
- package/components/Avatar/avatar.css +224 -0
- package/components/Avatar/avatar.scss +18 -0
- package/components/CodeEditor/code-editor.css +8 -0
- package/components/CodeEditor/code-editor.scss +11 -1
- package/components/Dropdown/dropdown.css +10 -9
- package/components/Dropdown/dropdown.scss +17 -16
- package/components/Label/label.css +43 -12
- package/components/Label/label.scss +45 -13
- package/components/Nav/nav.css +11 -0
- package/components/Nav/nav.scss +14 -0
- package/docs/components/Avatar/examples/Avatar.md +53 -5
- package/docs/components/Brand/examples/Brand.md +6 -6
- package/docs/components/CodeEditor/examples/CodeEditor.md +71 -10
- package/docs/components/DataList/examples/DataList.md +11 -11
- package/docs/components/DescriptionList/examples/DescriptionList.md +19 -19
- package/docs/components/Divider/examples/Divider.md +2 -2
- package/docs/components/Drawer/examples/Drawer.md +27 -27
- package/docs/components/Dropdown/examples/Dropdown.md +2 -2
- package/docs/components/JumpLinks/examples/JumpLinks.md +19 -19
- package/docs/components/Label/examples/Label.md +33 -67
- package/docs/components/LabelGroup/examples/LabelGroup.md +64 -107
- package/docs/components/LogViewer/examples/LogViewer.md +28 -28
- package/docs/components/Masthead/examples/masthead.md +10 -10
- package/docs/components/Menu/examples/Menu.md +45 -44
- package/docs/components/Nav/examples/Navigation.md +23 -44
- package/docs/components/Page/examples/Page.md +4 -4
- package/docs/components/Pagination/examples/Pagination.md +2 -2
- package/docs/components/Sidebar/examples/Sidebar.md +14 -14
- package/docs/components/Table/examples/Table.md +8 -8
- package/docs/components/Tabs/examples/Tabs.md +27 -27
- package/docs/components/Toolbar/examples/Toolbar.md +31 -31
- package/docs/demos/Alert/examples/Alert.md +1 -2
- package/docs/demos/BackToTop/examples/BackToTop.md +1 -202
- package/docs/demos/Card/examples/Card.md +42 -36
- package/docs/demos/ContextSelector/examples/ContextSelector.md +1166 -17
- package/docs/demos/Drawer/examples/Drawer.md +3 -3
- package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -8
- package/docs/demos/Masthead/examples/Masthead.md +14 -6
- package/docs/demos/Nav/examples/Nav.md +8 -9
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
- package/docs/demos/Page/examples/Page.md +4004 -989
- package/docs/demos/Table/examples/Table.md +15623 -12413
- package/docs/demos/Tabs/examples/Tabs.md +0 -96
- package/docs/demos/Toolbar/examples/Toolbar.md +1 -2
- package/docs/demos/Wizard/examples/Wizard.md +2 -2
- package/docs/layouts/Flex/examples/Flex.md +1 -1
- package/docs/layouts/Gallery/examples/Gallery.md +2 -2
- package/docs/layouts/Grid/examples/Grid.md +9 -9
- package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
- package/docs/utilities/Alignment/examples/Alignment.md +1 -1
- package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
- package/docs/utilities/Display/examples/Display.md +1 -1
- package/docs/utilities/Flex/examples/Flex.md +1 -1
- package/docs/utilities/Float/examples/Float.md +1 -1
- package/docs/utilities/Sizing/examples/Sizing.md +12 -0
- package/docs/utilities/Spacing/examples/Spacing.md +1 -1
- package/docs/utilities/Text/examples/Text.md +1 -1
- package/package.json +1 -1
- package/patternfly-no-reset.css +296 -21
- package/patternfly.css +296 -21
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -932,7 +932,7 @@ cssPrefix: pf-c-menu
|
|
|
932
932
|
<div class="pf-c-menu">
|
|
933
933
|
<div class="pf-c-menu__content">
|
|
934
934
|
<ul class="pf-c-menu__list">
|
|
935
|
-
<li class="pf-c-menu__list-item">
|
|
935
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
936
936
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
937
937
|
<span class="pf-c-menu__item-main">
|
|
938
938
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -959,7 +959,7 @@ cssPrefix: pf-c-menu
|
|
|
959
959
|
<div class="pf-c-menu">
|
|
960
960
|
<div class="pf-c-menu__content">
|
|
961
961
|
<ul class="pf-c-menu__list">
|
|
962
|
-
<li class="pf-c-menu__list-item">
|
|
962
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
963
963
|
<button
|
|
964
964
|
class="pf-c-menu__item"
|
|
965
965
|
type="button"
|
|
@@ -1011,7 +1011,7 @@ cssPrefix: pf-c-menu
|
|
|
1011
1011
|
<div class="pf-c-menu">
|
|
1012
1012
|
<div class="pf-c-menu__content">
|
|
1013
1013
|
<ul class="pf-c-menu__list">
|
|
1014
|
-
<li class="pf-c-menu__list-item">
|
|
1014
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1015
1015
|
<button
|
|
1016
1016
|
class="pf-c-menu__item"
|
|
1017
1017
|
type="button"
|
|
@@ -1073,7 +1073,7 @@ cssPrefix: pf-c-menu
|
|
|
1073
1073
|
<div class="pf-c-menu">
|
|
1074
1074
|
<div class="pf-c-menu__content">
|
|
1075
1075
|
<ul class="pf-c-menu__list">
|
|
1076
|
-
<li class="pf-c-menu__list-item">
|
|
1076
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1077
1077
|
<button class="pf-c-menu__item" type="button">
|
|
1078
1078
|
<span class="pf-c-menu__item-main">
|
|
1079
1079
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1132,7 +1132,7 @@ cssPrefix: pf-c-menu
|
|
|
1132
1132
|
<div class="pf-c-menu">
|
|
1133
1133
|
<div class="pf-c-menu__content">
|
|
1134
1134
|
<ul class="pf-c-menu__list">
|
|
1135
|
-
<li class="pf-c-menu__list-item">
|
|
1135
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1136
1136
|
<button class="pf-c-menu__item" type="button">
|
|
1137
1137
|
<span class="pf-c-menu__item-main">
|
|
1138
1138
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1159,7 +1159,7 @@ cssPrefix: pf-c-menu
|
|
|
1159
1159
|
<div class="pf-c-menu">
|
|
1160
1160
|
<div class="pf-c-menu__content">
|
|
1161
1161
|
<ul class="pf-c-menu__list">
|
|
1162
|
-
<li class="pf-c-menu__list-item">
|
|
1162
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1163
1163
|
<button class="pf-c-menu__item" type="button">
|
|
1164
1164
|
<span class="pf-c-menu__item-main">
|
|
1165
1165
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1232,7 +1232,7 @@ cssPrefix: pf-c-menu
|
|
|
1232
1232
|
<div class="pf-c-menu">
|
|
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 class="pf-c-menu__item" type="button">
|
|
1237
1237
|
<span class="pf-c-menu__item-main">
|
|
1238
1238
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1312,7 +1312,7 @@ cssPrefix: pf-c-menu
|
|
|
1312
1312
|
<div class="pf-c-menu">
|
|
1313
1313
|
<div class="pf-c-menu__content">
|
|
1314
1314
|
<ul class="pf-c-menu__list">
|
|
1315
|
-
<li class="pf-c-menu__list-item">
|
|
1315
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1316
1316
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
1317
1317
|
<span class="pf-c-menu__item-main">
|
|
1318
1318
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1339,7 +1339,7 @@ cssPrefix: pf-c-menu
|
|
|
1339
1339
|
<div class="pf-c-menu">
|
|
1340
1340
|
<div class="pf-c-menu__content">
|
|
1341
1341
|
<ul class="pf-c-menu__list">
|
|
1342
|
-
<li class="pf-c-menu__list-item">
|
|
1342
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1343
1343
|
<button
|
|
1344
1344
|
class="pf-c-menu__item"
|
|
1345
1345
|
type="button"
|
|
@@ -1391,7 +1391,7 @@ cssPrefix: pf-c-menu
|
|
|
1391
1391
|
<div class="pf-c-menu">
|
|
1392
1392
|
<div class="pf-c-menu__content">
|
|
1393
1393
|
<ul class="pf-c-menu__list">
|
|
1394
|
-
<li class="pf-c-menu__list-item">
|
|
1394
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1395
1395
|
<button
|
|
1396
1396
|
class="pf-c-menu__item"
|
|
1397
1397
|
type="button"
|
|
@@ -1453,7 +1453,7 @@ cssPrefix: pf-c-menu
|
|
|
1453
1453
|
<div class="pf-c-menu">
|
|
1454
1454
|
<div class="pf-c-menu__content">
|
|
1455
1455
|
<ul class="pf-c-menu__list">
|
|
1456
|
-
<li class="pf-c-menu__list-item">
|
|
1456
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1457
1457
|
<button class="pf-c-menu__item" type="button">
|
|
1458
1458
|
<span class="pf-c-menu__item-main">
|
|
1459
1459
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1512,7 +1512,7 @@ cssPrefix: pf-c-menu
|
|
|
1512
1512
|
<div class="pf-c-menu">
|
|
1513
1513
|
<div class="pf-c-menu__content">
|
|
1514
1514
|
<ul class="pf-c-menu__list">
|
|
1515
|
-
<li class="pf-c-menu__list-item">
|
|
1515
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1516
1516
|
<button class="pf-c-menu__item" type="button">
|
|
1517
1517
|
<span class="pf-c-menu__item-main">
|
|
1518
1518
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1539,7 +1539,7 @@ cssPrefix: pf-c-menu
|
|
|
1539
1539
|
<div class="pf-c-menu">
|
|
1540
1540
|
<div class="pf-c-menu__content">
|
|
1541
1541
|
<ul class="pf-c-menu__list">
|
|
1542
|
-
<li class="pf-c-menu__list-item">
|
|
1542
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1543
1543
|
<button class="pf-c-menu__item" type="button">
|
|
1544
1544
|
<span class="pf-c-menu__item-main">
|
|
1545
1545
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1612,7 +1612,7 @@ cssPrefix: pf-c-menu
|
|
|
1612
1612
|
<div class="pf-c-menu">
|
|
1613
1613
|
<div class="pf-c-menu__content">
|
|
1614
1614
|
<ul class="pf-c-menu__list">
|
|
1615
|
-
<li class="pf-c-menu__list-item">
|
|
1615
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1616
1616
|
<button class="pf-c-menu__item" type="button">
|
|
1617
1617
|
<span class="pf-c-menu__item-main">
|
|
1618
1618
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1692,7 +1692,7 @@ cssPrefix: pf-c-menu
|
|
|
1692
1692
|
<div class="pf-c-menu pf-m-drilled-in">
|
|
1693
1693
|
<div class="pf-c-menu__content">
|
|
1694
1694
|
<ul class="pf-c-menu__list">
|
|
1695
|
-
<li class="pf-c-menu__list-item">
|
|
1695
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1696
1696
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
1697
1697
|
<span class="pf-c-menu__item-main">
|
|
1698
1698
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1719,7 +1719,7 @@ cssPrefix: pf-c-menu
|
|
|
1719
1719
|
<div class="pf-c-menu">
|
|
1720
1720
|
<div class="pf-c-menu__content">
|
|
1721
1721
|
<ul class="pf-c-menu__list">
|
|
1722
|
-
<li class="pf-c-menu__list-item">
|
|
1722
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1723
1723
|
<button
|
|
1724
1724
|
class="pf-c-menu__item"
|
|
1725
1725
|
type="button"
|
|
@@ -1771,7 +1771,7 @@ cssPrefix: pf-c-menu
|
|
|
1771
1771
|
<div class="pf-c-menu">
|
|
1772
1772
|
<div class="pf-c-menu__content">
|
|
1773
1773
|
<ul class="pf-c-menu__list">
|
|
1774
|
-
<li class="pf-c-menu__list-item">
|
|
1774
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1775
1775
|
<button
|
|
1776
1776
|
class="pf-c-menu__item"
|
|
1777
1777
|
type="button"
|
|
@@ -1833,7 +1833,7 @@ cssPrefix: pf-c-menu
|
|
|
1833
1833
|
<div class="pf-c-menu">
|
|
1834
1834
|
<div class="pf-c-menu__content">
|
|
1835
1835
|
<ul class="pf-c-menu__list">
|
|
1836
|
-
<li class="pf-c-menu__list-item">
|
|
1836
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1837
1837
|
<button class="pf-c-menu__item" type="button">
|
|
1838
1838
|
<span class="pf-c-menu__item-main">
|
|
1839
1839
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1892,7 +1892,7 @@ cssPrefix: pf-c-menu
|
|
|
1892
1892
|
<div class="pf-c-menu">
|
|
1893
1893
|
<div class="pf-c-menu__content">
|
|
1894
1894
|
<ul class="pf-c-menu__list">
|
|
1895
|
-
<li class="pf-c-menu__list-item">
|
|
1895
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1896
1896
|
<button class="pf-c-menu__item" type="button">
|
|
1897
1897
|
<span class="pf-c-menu__item-main">
|
|
1898
1898
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1919,7 +1919,7 @@ cssPrefix: pf-c-menu
|
|
|
1919
1919
|
<div class="pf-c-menu">
|
|
1920
1920
|
<div class="pf-c-menu__content">
|
|
1921
1921
|
<ul class="pf-c-menu__list">
|
|
1922
|
-
<li class="pf-c-menu__list-item">
|
|
1922
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1923
1923
|
<button class="pf-c-menu__item" type="button">
|
|
1924
1924
|
<span class="pf-c-menu__item-main">
|
|
1925
1925
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1992,7 +1992,7 @@ cssPrefix: pf-c-menu
|
|
|
1992
1992
|
<div class="pf-c-menu">
|
|
1993
1993
|
<div class="pf-c-menu__content">
|
|
1994
1994
|
<ul class="pf-c-menu__list">
|
|
1995
|
-
<li class="pf-c-menu__list-item">
|
|
1995
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1996
1996
|
<button class="pf-c-menu__item" type="button">
|
|
1997
1997
|
<span class="pf-c-menu__item-main">
|
|
1998
1998
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2072,7 +2072,7 @@ cssPrefix: pf-c-menu
|
|
|
2072
2072
|
<div class="pf-c-menu pf-m-drilled-in">
|
|
2073
2073
|
<div class="pf-c-menu__content">
|
|
2074
2074
|
<ul class="pf-c-menu__list">
|
|
2075
|
-
<li class="pf-c-menu__list-item">
|
|
2075
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2076
2076
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
2077
2077
|
<span class="pf-c-menu__item-main">
|
|
2078
2078
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2099,7 +2099,7 @@ cssPrefix: pf-c-menu
|
|
|
2099
2099
|
<div class="pf-c-menu pf-m-drilled-in">
|
|
2100
2100
|
<div class="pf-c-menu__content">
|
|
2101
2101
|
<ul class="pf-c-menu__list">
|
|
2102
|
-
<li class="pf-c-menu__list-item">
|
|
2102
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2103
2103
|
<button
|
|
2104
2104
|
class="pf-c-menu__item"
|
|
2105
2105
|
type="button"
|
|
@@ -2151,7 +2151,7 @@ cssPrefix: pf-c-menu
|
|
|
2151
2151
|
<div class="pf-c-menu">
|
|
2152
2152
|
<div class="pf-c-menu__content">
|
|
2153
2153
|
<ul class="pf-c-menu__list">
|
|
2154
|
-
<li class="pf-c-menu__list-item">
|
|
2154
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2155
2155
|
<button
|
|
2156
2156
|
class="pf-c-menu__item"
|
|
2157
2157
|
type="button"
|
|
@@ -2213,7 +2213,7 @@ cssPrefix: pf-c-menu
|
|
|
2213
2213
|
<div class="pf-c-menu">
|
|
2214
2214
|
<div class="pf-c-menu__content">
|
|
2215
2215
|
<ul class="pf-c-menu__list">
|
|
2216
|
-
<li class="pf-c-menu__list-item">
|
|
2216
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2217
2217
|
<button class="pf-c-menu__item" type="button">
|
|
2218
2218
|
<span class="pf-c-menu__item-main">
|
|
2219
2219
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2272,7 +2272,7 @@ cssPrefix: pf-c-menu
|
|
|
2272
2272
|
<div class="pf-c-menu">
|
|
2273
2273
|
<div class="pf-c-menu__content">
|
|
2274
2274
|
<ul class="pf-c-menu__list">
|
|
2275
|
-
<li class="pf-c-menu__list-item">
|
|
2275
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2276
2276
|
<button class="pf-c-menu__item" type="button">
|
|
2277
2277
|
<span class="pf-c-menu__item-main">
|
|
2278
2278
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2299,7 +2299,7 @@ cssPrefix: pf-c-menu
|
|
|
2299
2299
|
<div class="pf-c-menu">
|
|
2300
2300
|
<div class="pf-c-menu__content">
|
|
2301
2301
|
<ul class="pf-c-menu__list">
|
|
2302
|
-
<li class="pf-c-menu__list-item">
|
|
2302
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2303
2303
|
<button class="pf-c-menu__item" type="button">
|
|
2304
2304
|
<span class="pf-c-menu__item-main">
|
|
2305
2305
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2372,7 +2372,7 @@ cssPrefix: pf-c-menu
|
|
|
2372
2372
|
<div class="pf-c-menu">
|
|
2373
2373
|
<div class="pf-c-menu__content">
|
|
2374
2374
|
<ul class="pf-c-menu__list">
|
|
2375
|
-
<li class="pf-c-menu__list-item">
|
|
2375
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2376
2376
|
<button class="pf-c-menu__item" type="button">
|
|
2377
2377
|
<span class="pf-c-menu__item-main">
|
|
2378
2378
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2455,7 +2455,7 @@ cssPrefix: pf-c-menu
|
|
|
2455
2455
|
<div class="pf-c-menu">
|
|
2456
2456
|
<div class="pf-c-menu__content">
|
|
2457
2457
|
<ul class="pf-c-menu__list">
|
|
2458
|
-
<li class="pf-c-menu__list-item">
|
|
2458
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2459
2459
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
2460
2460
|
<span class="pf-c-menu__item-main">
|
|
2461
2461
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2482,7 +2482,7 @@ cssPrefix: pf-c-menu
|
|
|
2482
2482
|
<div class="pf-c-menu">
|
|
2483
2483
|
<div class="pf-c-menu__content">
|
|
2484
2484
|
<ul class="pf-c-menu__list">
|
|
2485
|
-
<li class="pf-c-menu__list-item">
|
|
2485
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2486
2486
|
<button
|
|
2487
2487
|
class="pf-c-menu__item"
|
|
2488
2488
|
type="button"
|
|
@@ -2534,7 +2534,7 @@ cssPrefix: pf-c-menu
|
|
|
2534
2534
|
<div class="pf-c-menu">
|
|
2535
2535
|
<div class="pf-c-menu__content">
|
|
2536
2536
|
<ul class="pf-c-menu__list">
|
|
2537
|
-
<li class="pf-c-menu__list-item">
|
|
2537
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2538
2538
|
<button
|
|
2539
2539
|
class="pf-c-menu__item"
|
|
2540
2540
|
type="button"
|
|
@@ -2596,7 +2596,7 @@ cssPrefix: pf-c-menu
|
|
|
2596
2596
|
<div class="pf-c-menu">
|
|
2597
2597
|
<div class="pf-c-menu__content">
|
|
2598
2598
|
<ul class="pf-c-menu__list">
|
|
2599
|
-
<li class="pf-c-menu__list-item">
|
|
2599
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2600
2600
|
<button class="pf-c-menu__item" type="button">
|
|
2601
2601
|
<span class="pf-c-menu__item-main">
|
|
2602
2602
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2655,7 +2655,7 @@ cssPrefix: pf-c-menu
|
|
|
2655
2655
|
<div class="pf-c-menu">
|
|
2656
2656
|
<div class="pf-c-menu__content">
|
|
2657
2657
|
<ul class="pf-c-menu__list">
|
|
2658
|
-
<li class="pf-c-menu__list-item">
|
|
2658
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2659
2659
|
<button class="pf-c-menu__item" type="button">
|
|
2660
2660
|
<span class="pf-c-menu__item-main">
|
|
2661
2661
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2682,7 +2682,7 @@ cssPrefix: pf-c-menu
|
|
|
2682
2682
|
<div class="pf-c-menu">
|
|
2683
2683
|
<div class="pf-c-menu__content">
|
|
2684
2684
|
<ul class="pf-c-menu__list">
|
|
2685
|
-
<li class="pf-c-menu__list-item">
|
|
2685
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2686
2686
|
<button class="pf-c-menu__item" type="button">
|
|
2687
2687
|
<span class="pf-c-menu__item-main">
|
|
2688
2688
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2755,7 +2755,7 @@ cssPrefix: pf-c-menu
|
|
|
2755
2755
|
<div class="pf-c-menu">
|
|
2756
2756
|
<div class="pf-c-menu__content">
|
|
2757
2757
|
<ul class="pf-c-menu__list">
|
|
2758
|
-
<li class="pf-c-menu__list-item">
|
|
2758
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2759
2759
|
<button class="pf-c-menu__item" type="button">
|
|
2760
2760
|
<span class="pf-c-menu__item-main">
|
|
2761
2761
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2835,7 +2835,7 @@ cssPrefix: pf-c-menu
|
|
|
2835
2835
|
<div class="pf-c-menu">
|
|
2836
2836
|
<div class="pf-c-menu__content">
|
|
2837
2837
|
<ul class="pf-c-menu__list">
|
|
2838
|
-
<li class="pf-c-menu__list-item">
|
|
2838
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2839
2839
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
2840
2840
|
<span class="pf-c-menu__item-main">
|
|
2841
2841
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -2862,7 +2862,7 @@ cssPrefix: pf-c-menu
|
|
|
2862
2862
|
<div class="pf-c-menu">
|
|
2863
2863
|
<div class="pf-c-menu__content">
|
|
2864
2864
|
<ul class="pf-c-menu__list">
|
|
2865
|
-
<li class="pf-c-menu__list-item">
|
|
2865
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2866
2866
|
<button
|
|
2867
2867
|
class="pf-c-menu__item"
|
|
2868
2868
|
type="button"
|
|
@@ -2914,7 +2914,7 @@ cssPrefix: pf-c-menu
|
|
|
2914
2914
|
<div class="pf-c-menu">
|
|
2915
2915
|
<div class="pf-c-menu__content">
|
|
2916
2916
|
<ul class="pf-c-menu__list">
|
|
2917
|
-
<li class="pf-c-menu__list-item">
|
|
2917
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2918
2918
|
<button
|
|
2919
2919
|
class="pf-c-menu__item"
|
|
2920
2920
|
type="button"
|
|
@@ -2976,7 +2976,7 @@ cssPrefix: pf-c-menu
|
|
|
2976
2976
|
<div class="pf-c-menu">
|
|
2977
2977
|
<div class="pf-c-menu__content">
|
|
2978
2978
|
<ul class="pf-c-menu__list">
|
|
2979
|
-
<li class="pf-c-menu__list-item">
|
|
2979
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
2980
2980
|
<button class="pf-c-menu__item" type="button">
|
|
2981
2981
|
<span class="pf-c-menu__item-main">
|
|
2982
2982
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -3035,7 +3035,7 @@ cssPrefix: pf-c-menu
|
|
|
3035
3035
|
<div class="pf-c-menu">
|
|
3036
3036
|
<div class="pf-c-menu__content">
|
|
3037
3037
|
<ul class="pf-c-menu__list">
|
|
3038
|
-
<li class="pf-c-menu__list-item">
|
|
3038
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
3039
3039
|
<button class="pf-c-menu__item" type="button">
|
|
3040
3040
|
<span class="pf-c-menu__item-main">
|
|
3041
3041
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -3062,7 +3062,7 @@ cssPrefix: pf-c-menu
|
|
|
3062
3062
|
<div class="pf-c-menu">
|
|
3063
3063
|
<div class="pf-c-menu__content">
|
|
3064
3064
|
<ul class="pf-c-menu__list">
|
|
3065
|
-
<li class="pf-c-menu__list-item">
|
|
3065
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
3066
3066
|
<button class="pf-c-menu__item" type="button">
|
|
3067
3067
|
<span class="pf-c-menu__item-main">
|
|
3068
3068
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -3135,7 +3135,7 @@ cssPrefix: pf-c-menu
|
|
|
3135
3135
|
<div class="pf-c-menu">
|
|
3136
3136
|
<div class="pf-c-menu__content">
|
|
3137
3137
|
<ul class="pf-c-menu__list">
|
|
3138
|
-
<li class="pf-c-menu__list-item">
|
|
3138
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
3139
3139
|
<button class="pf-c-menu__item" type="button">
|
|
3140
3140
|
<span class="pf-c-menu__item-main">
|
|
3141
3141
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -5074,11 +5074,12 @@ cssPrefix: pf-c-menu
|
|
|
5074
5074
|
| `.pf-c-menu__item-action-icon` | `<span>` | Initiates the menu item action icon. |
|
|
5075
5075
|
| `.pf-c-menu__item-external-icon` | `<span>` | Initiates the menu item external icon. |
|
|
5076
5076
|
| `.pf-c-menu__footer` | `<div>` | Initiates the menu footer. |
|
|
5077
|
-
| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-c-menu__list`, `.pf-c-menu__list-item`, `.pf-c-menu__group` | Modifies a menu element to be hidden, at optional breakpoint.
|
|
5078
|
-
| `.pf-m-visible{-on-[breakpoint]}` | `.pf-c-menu__list`, `.pf-c-menu__list-item`, `.pf-c-menu__group` | Modifies a menu element to be shown, at optional breakpoint.
|
|
5077
|
+
| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-c-menu__list`, `.pf-c-menu__list-item`, `.pf-c-menu__group` | Modifies a menu element to be hidden, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|
|
5078
|
+
| `.pf-m-visible{-on-[breakpoint]}` | `.pf-c-menu__list`, `.pf-c-menu__list-item`, `.pf-c-menu__group` | Modifies a menu element to be shown, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|
|
5079
5079
|
| `.pf-m-favorite` | `.pf-c-menu__item-action` | Modifies the menu item action to handle the favorite icon. |
|
|
5080
5080
|
| `.pf-m-favorited` | `.pf-c-menu__item-action.pf-m-favorite` | Modifies the menu item action icon to be favorited. |
|
|
5081
5081
|
| `.pf-m-selected` | `.pf-c-menu__item` | Modifies the menu item to be selected. |
|
|
5082
|
+
| `.pf-m-drill-up` | `.pf-c-menu__list-item` | Flags the menu item as a drill up button. |
|
|
5082
5083
|
| `.pf-m-flyout` | `.pf-c-menu` | Modifies the menu so that all nested `.pf-c-menu` elements "flyout". |
|
|
5083
5084
|
| `.pf-m-nav` | `.pf-c-menu` | Modifies the menu for nav variant. |
|
|
5084
5085
|
| `.pf-m-top` | `.pf-c-menu` | Modifies a flyout menu to expand to the top. |
|