@patternfly/patternfly 4.174.0 → 4.176.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/components/AlertGroup/alert-group.css +36 -0
- package/components/AlertGroup/alert-group.scss +41 -0
- 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/components/TextInputGroup/text-input-group.css +4 -0
- package/components/TextInputGroup/text-input-group.scss +5 -0
- package/docs/components/AlertGroup/examples/AlertGroup.md +8 -3
- 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 +9 -9
- package/docs/components/Menu/examples/Menu.md +43 -42
- package/docs/components/Nav/examples/Navigation.md +23 -44
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +2 -1
- package/docs/demos/Card/examples/Card.md +0 -22
- package/docs/demos/Masthead/examples/Masthead.md +12 -4
- package/docs/demos/Tabs/examples/Tabs.md +0 -2
- package/package.json +1 -1
- package/patternfly-no-reset.css +94 -12
- package/patternfly.css +94 -12
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -854,7 +854,7 @@ cssPrefix: pf-c-nav
|
|
|
854
854
|
<div class="pf-c-menu">
|
|
855
855
|
<div class="pf-c-menu__content">
|
|
856
856
|
<ul class="pf-c-menu__list">
|
|
857
|
-
<li class="pf-c-menu__list-item">
|
|
857
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
858
858
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
859
859
|
<span class="pf-c-menu__item-main">
|
|
860
860
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -864,7 +864,6 @@ cssPrefix: pf-c-nav
|
|
|
864
864
|
</span>
|
|
865
865
|
</button>
|
|
866
866
|
</li>
|
|
867
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
868
867
|
<li class="pf-c-menu__list-item">
|
|
869
868
|
<button
|
|
870
869
|
class="pf-c-menu__item"
|
|
@@ -881,7 +880,7 @@ cssPrefix: pf-c-nav
|
|
|
881
880
|
<div class="pf-c-menu">
|
|
882
881
|
<div class="pf-c-menu__content">
|
|
883
882
|
<ul class="pf-c-menu__list">
|
|
884
|
-
<li class="pf-c-menu__list-item">
|
|
883
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
885
884
|
<button
|
|
886
885
|
class="pf-c-menu__item"
|
|
887
886
|
type="button"
|
|
@@ -895,7 +894,6 @@ cssPrefix: pf-c-nav
|
|
|
895
894
|
</span>
|
|
896
895
|
</button>
|
|
897
896
|
</li>
|
|
898
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
899
897
|
<li class="pf-c-menu__list-item">
|
|
900
898
|
<button class="pf-c-menu__item" type="button">
|
|
901
899
|
<span class="pf-c-menu__item-main">
|
|
@@ -935,7 +933,7 @@ cssPrefix: pf-c-nav
|
|
|
935
933
|
<div class="pf-c-menu">
|
|
936
934
|
<div class="pf-c-menu__content">
|
|
937
935
|
<ul class="pf-c-menu__list">
|
|
938
|
-
<li class="pf-c-menu__list-item">
|
|
936
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
939
937
|
<button
|
|
940
938
|
class="pf-c-menu__item"
|
|
941
939
|
type="button"
|
|
@@ -951,7 +949,6 @@ cssPrefix: pf-c-nav
|
|
|
951
949
|
</span>
|
|
952
950
|
</button>
|
|
953
951
|
</li>
|
|
954
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
955
952
|
<li class="pf-c-menu__list-item">
|
|
956
953
|
<button class="pf-c-menu__item" type="button">
|
|
957
954
|
<span class="pf-c-menu__item-main">
|
|
@@ -999,7 +996,7 @@ cssPrefix: pf-c-nav
|
|
|
999
996
|
<div class="pf-c-menu">
|
|
1000
997
|
<div class="pf-c-menu__content">
|
|
1001
998
|
<ul class="pf-c-menu__list">
|
|
1002
|
-
<li class="pf-c-menu__list-item">
|
|
999
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1003
1000
|
<button class="pf-c-menu__item" type="button">
|
|
1004
1001
|
<span class="pf-c-menu__item-main">
|
|
1005
1002
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1009,7 +1006,6 @@ cssPrefix: pf-c-nav
|
|
|
1009
1006
|
</span>
|
|
1010
1007
|
</button>
|
|
1011
1008
|
</li>
|
|
1012
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1013
1009
|
<li class="pf-c-menu__list-item">
|
|
1014
1010
|
<button class="pf-c-menu__item" type="button">
|
|
1015
1011
|
<span class="pf-c-menu__item-main">
|
|
@@ -1060,7 +1056,7 @@ cssPrefix: pf-c-nav
|
|
|
1060
1056
|
<div class="pf-c-menu">
|
|
1061
1057
|
<div class="pf-c-menu__content">
|
|
1062
1058
|
<ul class="pf-c-menu__list">
|
|
1063
|
-
<li class="pf-c-menu__list-item">
|
|
1059
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1064
1060
|
<button class="pf-c-menu__item" type="button">
|
|
1065
1061
|
<span class="pf-c-menu__item-main">
|
|
1066
1062
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1070,7 +1066,6 @@ cssPrefix: pf-c-nav
|
|
|
1070
1066
|
</span>
|
|
1071
1067
|
</button>
|
|
1072
1068
|
</li>
|
|
1073
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1074
1069
|
<li class="pf-c-menu__list-item">
|
|
1075
1070
|
<button
|
|
1076
1071
|
class="pf-c-menu__item"
|
|
@@ -1087,7 +1082,7 @@ cssPrefix: pf-c-nav
|
|
|
1087
1082
|
<div class="pf-c-menu">
|
|
1088
1083
|
<div class="pf-c-menu__content">
|
|
1089
1084
|
<ul class="pf-c-menu__list">
|
|
1090
|
-
<li class="pf-c-menu__list-item">
|
|
1085
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1091
1086
|
<button class="pf-c-menu__item" type="button">
|
|
1092
1087
|
<span class="pf-c-menu__item-main">
|
|
1093
1088
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1097,7 +1092,6 @@ cssPrefix: pf-c-nav
|
|
|
1097
1092
|
</span>
|
|
1098
1093
|
</button>
|
|
1099
1094
|
</li>
|
|
1100
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1101
1095
|
<li class="pf-c-menu__list-item">
|
|
1102
1096
|
<button class="pf-c-menu__item" type="button">
|
|
1103
1097
|
<span class="pf-c-menu__item-main">
|
|
@@ -1162,7 +1156,7 @@ cssPrefix: pf-c-nav
|
|
|
1162
1156
|
<div class="pf-c-menu">
|
|
1163
1157
|
<div class="pf-c-menu__content">
|
|
1164
1158
|
<ul class="pf-c-menu__list">
|
|
1165
|
-
<li class="pf-c-menu__list-item">
|
|
1159
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1166
1160
|
<button class="pf-c-menu__item" type="button">
|
|
1167
1161
|
<span class="pf-c-menu__item-main">
|
|
1168
1162
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1174,7 +1168,6 @@ cssPrefix: pf-c-nav
|
|
|
1174
1168
|
</span>
|
|
1175
1169
|
</button>
|
|
1176
1170
|
</li>
|
|
1177
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1178
1171
|
<li class="pf-c-menu__list-item">
|
|
1179
1172
|
<button class="pf-c-menu__item" type="button">
|
|
1180
1173
|
<span class="pf-c-menu__item-main">
|
|
@@ -1211,7 +1204,7 @@ cssPrefix: pf-c-nav
|
|
|
1211
1204
|
<div class="pf-c-menu pf-m-drilldown pf-m-drilled-in">
|
|
1212
1205
|
<div
|
|
1213
1206
|
class="pf-c-menu__content"
|
|
1214
|
-
style="--pf-c-menu__content--Height:
|
|
1207
|
+
style="--pf-c-menu__content--Height: 228px;"
|
|
1215
1208
|
>
|
|
1216
1209
|
<ul class="pf-c-menu__list">
|
|
1217
1210
|
<li class="pf-c-menu__list-item">
|
|
@@ -1254,7 +1247,7 @@ cssPrefix: pf-c-nav
|
|
|
1254
1247
|
<div class="pf-c-menu">
|
|
1255
1248
|
<div class="pf-c-menu__content">
|
|
1256
1249
|
<ul class="pf-c-menu__list">
|
|
1257
|
-
<li class="pf-c-menu__list-item">
|
|
1250
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1258
1251
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
1259
1252
|
<span class="pf-c-menu__item-main">
|
|
1260
1253
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1264,7 +1257,6 @@ cssPrefix: pf-c-nav
|
|
|
1264
1257
|
</span>
|
|
1265
1258
|
</button>
|
|
1266
1259
|
</li>
|
|
1267
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1268
1260
|
<li class="pf-c-menu__list-item">
|
|
1269
1261
|
<button
|
|
1270
1262
|
class="pf-c-menu__item"
|
|
@@ -1281,7 +1273,7 @@ cssPrefix: pf-c-nav
|
|
|
1281
1273
|
<div class="pf-c-menu">
|
|
1282
1274
|
<div class="pf-c-menu__content">
|
|
1283
1275
|
<ul class="pf-c-menu__list">
|
|
1284
|
-
<li class="pf-c-menu__list-item">
|
|
1276
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1285
1277
|
<button
|
|
1286
1278
|
class="pf-c-menu__item"
|
|
1287
1279
|
type="button"
|
|
@@ -1295,7 +1287,6 @@ cssPrefix: pf-c-nav
|
|
|
1295
1287
|
</span>
|
|
1296
1288
|
</button>
|
|
1297
1289
|
</li>
|
|
1298
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1299
1290
|
<li class="pf-c-menu__list-item">
|
|
1300
1291
|
<button class="pf-c-menu__item" type="button">
|
|
1301
1292
|
<span class="pf-c-menu__item-main">
|
|
@@ -1335,7 +1326,7 @@ cssPrefix: pf-c-nav
|
|
|
1335
1326
|
<div class="pf-c-menu">
|
|
1336
1327
|
<div class="pf-c-menu__content">
|
|
1337
1328
|
<ul class="pf-c-menu__list">
|
|
1338
|
-
<li class="pf-c-menu__list-item">
|
|
1329
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1339
1330
|
<button
|
|
1340
1331
|
class="pf-c-menu__item"
|
|
1341
1332
|
type="button"
|
|
@@ -1351,7 +1342,6 @@ cssPrefix: pf-c-nav
|
|
|
1351
1342
|
</span>
|
|
1352
1343
|
</button>
|
|
1353
1344
|
</li>
|
|
1354
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1355
1345
|
<li class="pf-c-menu__list-item">
|
|
1356
1346
|
<button class="pf-c-menu__item" type="button">
|
|
1357
1347
|
<span class="pf-c-menu__item-main">
|
|
@@ -1399,7 +1389,7 @@ cssPrefix: pf-c-nav
|
|
|
1399
1389
|
<div class="pf-c-menu">
|
|
1400
1390
|
<div class="pf-c-menu__content">
|
|
1401
1391
|
<ul class="pf-c-menu__list">
|
|
1402
|
-
<li class="pf-c-menu__list-item">
|
|
1392
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1403
1393
|
<button class="pf-c-menu__item" type="button">
|
|
1404
1394
|
<span class="pf-c-menu__item-main">
|
|
1405
1395
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1409,7 +1399,6 @@ cssPrefix: pf-c-nav
|
|
|
1409
1399
|
</span>
|
|
1410
1400
|
</button>
|
|
1411
1401
|
</li>
|
|
1412
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1413
1402
|
<li class="pf-c-menu__list-item">
|
|
1414
1403
|
<button class="pf-c-menu__item" type="button">
|
|
1415
1404
|
<span class="pf-c-menu__item-main">
|
|
@@ -1460,7 +1449,7 @@ cssPrefix: pf-c-nav
|
|
|
1460
1449
|
<div class="pf-c-menu">
|
|
1461
1450
|
<div class="pf-c-menu__content">
|
|
1462
1451
|
<ul class="pf-c-menu__list">
|
|
1463
|
-
<li class="pf-c-menu__list-item">
|
|
1452
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1464
1453
|
<button class="pf-c-menu__item" type="button">
|
|
1465
1454
|
<span class="pf-c-menu__item-main">
|
|
1466
1455
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1470,7 +1459,6 @@ cssPrefix: pf-c-nav
|
|
|
1470
1459
|
</span>
|
|
1471
1460
|
</button>
|
|
1472
1461
|
</li>
|
|
1473
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1474
1462
|
<li class="pf-c-menu__list-item">
|
|
1475
1463
|
<button
|
|
1476
1464
|
class="pf-c-menu__item"
|
|
@@ -1487,7 +1475,7 @@ cssPrefix: pf-c-nav
|
|
|
1487
1475
|
<div class="pf-c-menu">
|
|
1488
1476
|
<div class="pf-c-menu__content">
|
|
1489
1477
|
<ul class="pf-c-menu__list">
|
|
1490
|
-
<li class="pf-c-menu__list-item">
|
|
1478
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1491
1479
|
<button class="pf-c-menu__item" type="button">
|
|
1492
1480
|
<span class="pf-c-menu__item-main">
|
|
1493
1481
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1497,7 +1485,6 @@ cssPrefix: pf-c-nav
|
|
|
1497
1485
|
</span>
|
|
1498
1486
|
</button>
|
|
1499
1487
|
</li>
|
|
1500
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1501
1488
|
<li class="pf-c-menu__list-item">
|
|
1502
1489
|
<button class="pf-c-menu__item" type="button">
|
|
1503
1490
|
<span class="pf-c-menu__item-main">
|
|
@@ -1562,7 +1549,7 @@ cssPrefix: pf-c-nav
|
|
|
1562
1549
|
<div class="pf-c-menu">
|
|
1563
1550
|
<div class="pf-c-menu__content">
|
|
1564
1551
|
<ul class="pf-c-menu__list">
|
|
1565
|
-
<li class="pf-c-menu__list-item">
|
|
1552
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1566
1553
|
<button class="pf-c-menu__item" type="button">
|
|
1567
1554
|
<span class="pf-c-menu__item-main">
|
|
1568
1555
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1574,7 +1561,6 @@ cssPrefix: pf-c-nav
|
|
|
1574
1561
|
</span>
|
|
1575
1562
|
</button>
|
|
1576
1563
|
</li>
|
|
1577
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1578
1564
|
<li class="pf-c-menu__list-item">
|
|
1579
1565
|
<button class="pf-c-menu__item" type="button">
|
|
1580
1566
|
<span class="pf-c-menu__item-main">
|
|
@@ -1611,7 +1597,7 @@ cssPrefix: pf-c-nav
|
|
|
1611
1597
|
<div class="pf-c-menu pf-m-drilldown pf-m-drilled-in">
|
|
1612
1598
|
<div
|
|
1613
1599
|
class="pf-c-menu__content"
|
|
1614
|
-
style="--pf-c-menu__content--Height:
|
|
1600
|
+
style="--pf-c-menu__content--Height: 284px;"
|
|
1615
1601
|
>
|
|
1616
1602
|
<ul class="pf-c-menu__list">
|
|
1617
1603
|
<li class="pf-c-menu__list-item">
|
|
@@ -1654,7 +1640,7 @@ cssPrefix: pf-c-nav
|
|
|
1654
1640
|
<div class="pf-c-menu pf-m-drilled-in">
|
|
1655
1641
|
<div class="pf-c-menu__content">
|
|
1656
1642
|
<ul class="pf-c-menu__list">
|
|
1657
|
-
<li class="pf-c-menu__list-item">
|
|
1643
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1658
1644
|
<button class="pf-c-menu__item" type="button" tabindex="0">
|
|
1659
1645
|
<span class="pf-c-menu__item-main">
|
|
1660
1646
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1664,7 +1650,6 @@ cssPrefix: pf-c-nav
|
|
|
1664
1650
|
</span>
|
|
1665
1651
|
</button>
|
|
1666
1652
|
</li>
|
|
1667
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1668
1653
|
<li class="pf-c-menu__list-item pf-m-current-path">
|
|
1669
1654
|
<button
|
|
1670
1655
|
class="pf-c-menu__item"
|
|
@@ -1681,7 +1666,7 @@ cssPrefix: pf-c-nav
|
|
|
1681
1666
|
<div class="pf-c-menu">
|
|
1682
1667
|
<div class="pf-c-menu__content">
|
|
1683
1668
|
<ul class="pf-c-menu__list">
|
|
1684
|
-
<li class="pf-c-menu__list-item">
|
|
1669
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1685
1670
|
<button
|
|
1686
1671
|
class="pf-c-menu__item"
|
|
1687
1672
|
type="button"
|
|
@@ -1695,7 +1680,6 @@ cssPrefix: pf-c-nav
|
|
|
1695
1680
|
</span>
|
|
1696
1681
|
</button>
|
|
1697
1682
|
</li>
|
|
1698
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1699
1683
|
<li class="pf-c-menu__list-item">
|
|
1700
1684
|
<button class="pf-c-menu__item" type="button">
|
|
1701
1685
|
<span class="pf-c-menu__item-main">
|
|
@@ -1735,7 +1719,7 @@ cssPrefix: pf-c-nav
|
|
|
1735
1719
|
<div class="pf-c-menu">
|
|
1736
1720
|
<div class="pf-c-menu__content">
|
|
1737
1721
|
<ul class="pf-c-menu__list">
|
|
1738
|
-
<li class="pf-c-menu__list-item">
|
|
1722
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1739
1723
|
<button
|
|
1740
1724
|
class="pf-c-menu__item"
|
|
1741
1725
|
type="button"
|
|
@@ -1751,7 +1735,6 @@ cssPrefix: pf-c-nav
|
|
|
1751
1735
|
</span>
|
|
1752
1736
|
</button>
|
|
1753
1737
|
</li>
|
|
1754
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1755
1738
|
<li class="pf-c-menu__list-item">
|
|
1756
1739
|
<button class="pf-c-menu__item" type="button">
|
|
1757
1740
|
<span class="pf-c-menu__item-main">
|
|
@@ -1799,7 +1782,7 @@ cssPrefix: pf-c-nav
|
|
|
1799
1782
|
<div class="pf-c-menu">
|
|
1800
1783
|
<div class="pf-c-menu__content">
|
|
1801
1784
|
<ul class="pf-c-menu__list">
|
|
1802
|
-
<li class="pf-c-menu__list-item">
|
|
1785
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1803
1786
|
<button class="pf-c-menu__item" type="button">
|
|
1804
1787
|
<span class="pf-c-menu__item-main">
|
|
1805
1788
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1809,7 +1792,6 @@ cssPrefix: pf-c-nav
|
|
|
1809
1792
|
</span>
|
|
1810
1793
|
</button>
|
|
1811
1794
|
</li>
|
|
1812
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1813
1795
|
<li class="pf-c-menu__list-item">
|
|
1814
1796
|
<button class="pf-c-menu__item" type="button">
|
|
1815
1797
|
<span class="pf-c-menu__item-main">
|
|
@@ -1860,7 +1842,7 @@ cssPrefix: pf-c-nav
|
|
|
1860
1842
|
<div class="pf-c-menu">
|
|
1861
1843
|
<div class="pf-c-menu__content">
|
|
1862
1844
|
<ul class="pf-c-menu__list">
|
|
1863
|
-
<li class="pf-c-menu__list-item">
|
|
1845
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1864
1846
|
<button class="pf-c-menu__item" type="button">
|
|
1865
1847
|
<span class="pf-c-menu__item-main">
|
|
1866
1848
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1870,7 +1852,6 @@ cssPrefix: pf-c-nav
|
|
|
1870
1852
|
</span>
|
|
1871
1853
|
</button>
|
|
1872
1854
|
</li>
|
|
1873
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1874
1855
|
<li class="pf-c-menu__list-item">
|
|
1875
1856
|
<button
|
|
1876
1857
|
class="pf-c-menu__item"
|
|
@@ -1887,7 +1868,7 @@ cssPrefix: pf-c-nav
|
|
|
1887
1868
|
<div class="pf-c-menu">
|
|
1888
1869
|
<div class="pf-c-menu__content">
|
|
1889
1870
|
<ul class="pf-c-menu__list">
|
|
1890
|
-
<li class="pf-c-menu__list-item">
|
|
1871
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1891
1872
|
<button class="pf-c-menu__item" type="button">
|
|
1892
1873
|
<span class="pf-c-menu__item-main">
|
|
1893
1874
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1897,7 +1878,6 @@ cssPrefix: pf-c-nav
|
|
|
1897
1878
|
</span>
|
|
1898
1879
|
</button>
|
|
1899
1880
|
</li>
|
|
1900
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1901
1881
|
<li class="pf-c-menu__list-item">
|
|
1902
1882
|
<button class="pf-c-menu__item" type="button">
|
|
1903
1883
|
<span class="pf-c-menu__item-main">
|
|
@@ -1962,7 +1942,7 @@ cssPrefix: pf-c-nav
|
|
|
1962
1942
|
<div class="pf-c-menu">
|
|
1963
1943
|
<div class="pf-c-menu__content">
|
|
1964
1944
|
<ul class="pf-c-menu__list">
|
|
1965
|
-
<li class="pf-c-menu__list-item">
|
|
1945
|
+
<li class="pf-c-menu__list-item pf-m-drill-up">
|
|
1966
1946
|
<button class="pf-c-menu__item" type="button">
|
|
1967
1947
|
<span class="pf-c-menu__item-main">
|
|
1968
1948
|
<span class="pf-c-menu__item-toggle-icon">
|
|
@@ -1974,7 +1954,6 @@ cssPrefix: pf-c-nav
|
|
|
1974
1954
|
</span>
|
|
1975
1955
|
</button>
|
|
1976
1956
|
</li>
|
|
1977
|
-
<li class="pf-c-divider" role="separator"></li>
|
|
1978
1957
|
<li class="pf-c-menu__list-item">
|
|
1979
1958
|
<button class="pf-c-menu__item" type="button">
|
|
1980
1959
|
<span class="pf-c-menu__item-main">
|
|
@@ -42,7 +42,7 @@ cssPrefix: pf-c-text-input-group
|
|
|
42
42
|
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
### Utilities and icon
|
|
45
|
+
### Utilities and icon with placeholder text
|
|
46
46
|
|
|
47
47
|
```html
|
|
48
48
|
<div class="pf-c-text-input-group">
|
|
@@ -56,6 +56,7 @@ cssPrefix: pf-c-text-input-group
|
|
|
56
56
|
type="text"
|
|
57
57
|
value
|
|
58
58
|
aria-label="Type to filter"
|
|
59
|
+
placeholder="placeholder"
|
|
59
60
|
/>
|
|
60
61
|
</span>
|
|
61
62
|
</div>
|
|
@@ -86,7 +86,6 @@ wrapperTag: div
|
|
|
86
86
|
<span class="pf-c-label__icon">
|
|
87
87
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
88
88
|
</span>
|
|
89
|
-
|
|
90
89
|
Set up your cluster
|
|
91
90
|
</span>
|
|
92
91
|
</span>
|
|
@@ -97,7 +96,6 @@ wrapperTag: div
|
|
|
97
96
|
<span class="pf-c-label__icon">
|
|
98
97
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
99
98
|
</span>
|
|
100
|
-
|
|
101
99
|
Guided tours
|
|
102
100
|
</span>
|
|
103
101
|
</span>
|
|
@@ -108,7 +106,6 @@ wrapperTag: div
|
|
|
108
106
|
<span class="pf-c-label__icon">
|
|
109
107
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
110
108
|
</span>
|
|
111
|
-
|
|
112
109
|
Quick starts
|
|
113
110
|
</span>
|
|
114
111
|
</span>
|
|
@@ -213,7 +210,6 @@ wrapperTag: div
|
|
|
213
210
|
<span class="pf-c-label__icon">
|
|
214
211
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
215
212
|
</span>
|
|
216
|
-
|
|
217
213
|
Set up your cluster
|
|
218
214
|
</span>
|
|
219
215
|
</span>
|
|
@@ -250,7 +246,6 @@ wrapperTag: div
|
|
|
250
246
|
<span class="pf-c-label__icon">
|
|
251
247
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
252
248
|
</span>
|
|
253
|
-
|
|
254
249
|
Guided tours
|
|
255
250
|
</span>
|
|
256
251
|
</span>
|
|
@@ -282,7 +277,6 @@ wrapperTag: div
|
|
|
282
277
|
<span class="pf-c-label__icon">
|
|
283
278
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
284
279
|
</span>
|
|
285
|
-
|
|
286
280
|
Quick starts
|
|
287
281
|
</span>
|
|
288
282
|
</span>
|
|
@@ -317,7 +311,6 @@ wrapperTag: div
|
|
|
317
311
|
<span class="pf-c-label__icon">
|
|
318
312
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
319
313
|
</span>
|
|
320
|
-
|
|
321
314
|
Learning resources
|
|
322
315
|
</span>
|
|
323
316
|
</span>
|
|
@@ -979,7 +972,6 @@ wrapperTag: div
|
|
|
979
972
|
aria-hidden="true"
|
|
980
973
|
></i>
|
|
981
974
|
</span>
|
|
982
|
-
|
|
983
975
|
1
|
|
984
976
|
</span>
|
|
985
977
|
</span>
|
|
@@ -991,7 +983,6 @@ wrapperTag: div
|
|
|
991
983
|
aria-hidden="true"
|
|
992
984
|
></i>
|
|
993
985
|
</span>
|
|
994
|
-
|
|
995
986
|
3
|
|
996
987
|
</span>
|
|
997
988
|
</span>
|
|
@@ -1000,7 +991,6 @@ wrapperTag: div
|
|
|
1000
991
|
<span class="pf-c-label__icon">
|
|
1001
992
|
<i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
|
|
1002
993
|
</span>
|
|
1003
|
-
|
|
1004
994
|
3
|
|
1005
995
|
</span>
|
|
1006
996
|
</span>
|
|
@@ -1009,7 +999,6 @@ wrapperTag: div
|
|
|
1009
999
|
<span class="pf-c-label__icon">
|
|
1010
1000
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
1011
1001
|
</span>
|
|
1012
|
-
|
|
1013
1002
|
3
|
|
1014
1003
|
</span>
|
|
1015
1004
|
</span>
|
|
@@ -1018,7 +1007,6 @@ wrapperTag: div
|
|
|
1018
1007
|
<span class="pf-c-label__icon">
|
|
1019
1008
|
<i class="fas fa-fw fa-bell" aria-hidden="true"></i>
|
|
1020
1009
|
</span>
|
|
1021
|
-
|
|
1022
1010
|
3
|
|
1023
1011
|
</span>
|
|
1024
1012
|
</span>
|
|
@@ -1177,7 +1165,6 @@ wrapperTag: div
|
|
|
1177
1165
|
aria-hidden="true"
|
|
1178
1166
|
></i>
|
|
1179
1167
|
</span>
|
|
1180
|
-
|
|
1181
1168
|
1
|
|
1182
1169
|
</span>
|
|
1183
1170
|
</span>
|
|
@@ -1189,7 +1176,6 @@ wrapperTag: div
|
|
|
1189
1176
|
aria-hidden="true"
|
|
1190
1177
|
></i>
|
|
1191
1178
|
</span>
|
|
1192
|
-
|
|
1193
1179
|
3
|
|
1194
1180
|
</span>
|
|
1195
1181
|
</span>
|
|
@@ -1198,7 +1184,6 @@ wrapperTag: div
|
|
|
1198
1184
|
<span class="pf-c-label__icon">
|
|
1199
1185
|
<i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
|
|
1200
1186
|
</span>
|
|
1201
|
-
|
|
1202
1187
|
3
|
|
1203
1188
|
</span>
|
|
1204
1189
|
</span>
|
|
@@ -1207,7 +1192,6 @@ wrapperTag: div
|
|
|
1207
1192
|
<span class="pf-c-label__icon">
|
|
1208
1193
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
1209
1194
|
</span>
|
|
1210
|
-
|
|
1211
1195
|
3
|
|
1212
1196
|
</span>
|
|
1213
1197
|
</span>
|
|
@@ -1216,7 +1200,6 @@ wrapperTag: div
|
|
|
1216
1200
|
<span class="pf-c-label__icon">
|
|
1217
1201
|
<i class="fas fa-fw fa-bell" aria-hidden="true"></i>
|
|
1218
1202
|
</span>
|
|
1219
|
-
|
|
1220
1203
|
3
|
|
1221
1204
|
</span>
|
|
1222
1205
|
</span>
|
|
@@ -1628,7 +1611,6 @@ wrapperTag: div
|
|
|
1628
1611
|
aria-hidden="true"
|
|
1629
1612
|
></i>
|
|
1630
1613
|
</span>
|
|
1631
|
-
|
|
1632
1614
|
1
|
|
1633
1615
|
</span>
|
|
1634
1616
|
</span>
|
|
@@ -1640,7 +1622,6 @@ wrapperTag: div
|
|
|
1640
1622
|
aria-hidden="true"
|
|
1641
1623
|
></i>
|
|
1642
1624
|
</span>
|
|
1643
|
-
|
|
1644
1625
|
3
|
|
1645
1626
|
</span>
|
|
1646
1627
|
</span>
|
|
@@ -1649,7 +1630,6 @@ wrapperTag: div
|
|
|
1649
1630
|
<span class="pf-c-label__icon">
|
|
1650
1631
|
<i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
|
|
1651
1632
|
</span>
|
|
1652
|
-
|
|
1653
1633
|
3
|
|
1654
1634
|
</span>
|
|
1655
1635
|
</span>
|
|
@@ -1658,7 +1638,6 @@ wrapperTag: div
|
|
|
1658
1638
|
<span class="pf-c-label__icon">
|
|
1659
1639
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
1660
1640
|
</span>
|
|
1661
|
-
|
|
1662
1641
|
3
|
|
1663
1642
|
</span>
|
|
1664
1643
|
</span>
|
|
@@ -1667,7 +1646,6 @@ wrapperTag: div
|
|
|
1667
1646
|
<span class="pf-c-label__icon">
|
|
1668
1647
|
<i class="fas fa-fw fa-bell" aria-hidden="true"></i>
|
|
1669
1648
|
</span>
|
|
1670
|
-
|
|
1671
1649
|
3
|
|
1672
1650
|
</span>
|
|
1673
1651
|
</span>
|
|
@@ -1214,7 +1214,9 @@ wrapperTag: div
|
|
|
1214
1214
|
<div class="pf-c-menu">
|
|
1215
1215
|
<div class="pf-c-menu__content">
|
|
1216
1216
|
<ul class="pf-c-menu__list">
|
|
1217
|
-
<li
|
|
1217
|
+
<li
|
|
1218
|
+
class="pf-c-menu__list-item pf-m-drill-up"
|
|
1219
|
+
>
|
|
1218
1220
|
<button
|
|
1219
1221
|
class="pf-c-menu__item"
|
|
1220
1222
|
type="button"
|
|
@@ -1281,7 +1283,9 @@ wrapperTag: div
|
|
|
1281
1283
|
<div class="pf-c-menu">
|
|
1282
1284
|
<div class="pf-c-menu__content">
|
|
1283
1285
|
<ul class="pf-c-menu__list">
|
|
1284
|
-
<li
|
|
1286
|
+
<li
|
|
1287
|
+
class="pf-c-menu__list-item pf-m-drill-up"
|
|
1288
|
+
>
|
|
1285
1289
|
<button
|
|
1286
1290
|
class="pf-c-menu__item"
|
|
1287
1291
|
type="button"
|
|
@@ -2110,7 +2114,9 @@ wrapperTag: div
|
|
|
2110
2114
|
<div class="pf-c-menu">
|
|
2111
2115
|
<div class="pf-c-menu__content">
|
|
2112
2116
|
<ul class="pf-c-menu__list">
|
|
2113
|
-
<li
|
|
2117
|
+
<li
|
|
2118
|
+
class="pf-c-menu__list-item pf-m-drill-up"
|
|
2119
|
+
>
|
|
2114
2120
|
<button
|
|
2115
2121
|
class="pf-c-menu__item"
|
|
2116
2122
|
type="button"
|
|
@@ -2177,7 +2183,9 @@ wrapperTag: div
|
|
|
2177
2183
|
<div class="pf-c-menu">
|
|
2178
2184
|
<div class="pf-c-menu__content">
|
|
2179
2185
|
<ul class="pf-c-menu__list">
|
|
2180
|
-
<li
|
|
2186
|
+
<li
|
|
2187
|
+
class="pf-c-menu__list-item pf-m-drill-up"
|
|
2188
|
+
>
|
|
2181
2189
|
<button
|
|
2182
2190
|
class="pf-c-menu__item"
|
|
2183
2191
|
type="button"
|
|
@@ -244,7 +244,6 @@ section: components
|
|
|
244
244
|
<span class="pf-c-label__icon">
|
|
245
245
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
246
246
|
</span>
|
|
247
|
-
|
|
248
247
|
Running
|
|
249
248
|
</span>
|
|
250
249
|
</span>
|
|
@@ -771,7 +770,6 @@ section: components
|
|
|
771
770
|
<span class="pf-c-label__icon">
|
|
772
771
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
773
772
|
</span>
|
|
774
|
-
|
|
775
773
|
Running
|
|
776
774
|
</span>
|
|
777
775
|
</span>
|