@patternfly/patternfly 4.221.3 → 4.222.1
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/Dropdown/dropdown.css +15 -0
- package/components/Dropdown/dropdown.scss +20 -0
- package/docs/components/Dropdown/examples/Dropdown.md +216 -0
- package/docs/demos/Banner/examples/Banner.md +2 -2
- package/docs/demos/Dashboard/examples/Dashboard.md +0 -1
- package/docs/demos/Nav/examples/Nav.md +671 -718
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -2
- package/docs/demos/Tabs/examples/Tabs.md +42 -539
- package/docs/demos/Wizard/examples/Wizard.md +0 -4
- package/package.json +5 -5
- package/patternfly-no-reset.css +15 -0
- package/patternfly.css +15 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -6261,7 +6261,6 @@ wrapperTag: div
|
|
|
6261
6261
|
</div>
|
|
6262
6262
|
</div>
|
|
6263
6263
|
</section>
|
|
6264
|
-
<div class="pf-c-divider" role="separator"></div>
|
|
6265
6264
|
<section class="pf-c-page__main-section pf-m-no-padding">
|
|
6266
6265
|
<!-- Drawer -->
|
|
6267
6266
|
<div class="pf-c-drawer pf-m-expanded pf-m-inline-on-2xl">
|
|
@@ -10749,7 +10748,6 @@ wrapperTag: div
|
|
|
10749
10748
|
</div>
|
|
10750
10749
|
</section>
|
|
10751
10750
|
<div class="pf-c-divider" role="separator"></div>
|
|
10752
|
-
|
|
10753
10751
|
<div class="pf-c-drawer pf-m-expanded pf-m-inline-on-2xl">
|
|
10754
10752
|
<div class="pf-c-drawer__main">
|
|
10755
10753
|
<!-- Content -->
|
|
@@ -3345,14 +3345,14 @@ section: components
|
|
|
3345
3345
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
3346
3346
|
<div class="pf-c-card pf-m-full-height">
|
|
3347
3347
|
<div class="pf-c-card__header">
|
|
3348
|
-
<
|
|
3348
|
+
<h2 class="pf-c-title pf-m-lg">Title of card</h2>
|
|
3349
3349
|
</div>
|
|
3350
3350
|
</div>
|
|
3351
3351
|
</div>
|
|
3352
3352
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
3353
3353
|
<div class="pf-c-card pf-m-full-height">
|
|
3354
3354
|
<div class="pf-c-card__header">
|
|
3355
|
-
<
|
|
3355
|
+
<h2 class="pf-c-title pf-m-lg">Title of card</h2>
|
|
3356
3356
|
</div>
|
|
3357
3357
|
</div>
|
|
3358
3358
|
</div>
|
|
@@ -4433,81 +4433,6 @@ section: components
|
|
|
4433
4433
|
</div>
|
|
4434
4434
|
</div>
|
|
4435
4435
|
</div>
|
|
4436
|
-
|
|
4437
|
-
<div class="pf-c-toolbar__item pf-m-pagination">
|
|
4438
|
-
<div class="pf-c-pagination pf-m-compact">
|
|
4439
|
-
<div class="pf-c-options-menu">
|
|
4440
|
-
<button
|
|
4441
|
-
class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
|
|
4442
|
-
type="button"
|
|
4443
|
-
id="table-tabs-example-tabs-toolbar-top-pagination-toggle"
|
|
4444
|
-
aria-haspopup="listbox"
|
|
4445
|
-
aria-expanded="false"
|
|
4446
|
-
>
|
|
4447
|
-
<span class="pf-c-options-menu__toggle-text">
|
|
4448
|
-
<b>1 - 10</b> of
|
|
4449
|
-
<b>36</b>
|
|
4450
|
-
</span>
|
|
4451
|
-
<div class="pf-c-options-menu__toggle-icon">
|
|
4452
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
4453
|
-
</div>
|
|
4454
|
-
</button>
|
|
4455
|
-
<ul
|
|
4456
|
-
class="pf-c-options-menu__menu"
|
|
4457
|
-
aria-labelledby="table-tabs-example-tabs-toolbar-top-pagination-toggle"
|
|
4458
|
-
hidden
|
|
4459
|
-
>
|
|
4460
|
-
<li>
|
|
4461
|
-
<button
|
|
4462
|
-
class="pf-c-options-menu__menu-item"
|
|
4463
|
-
type="button"
|
|
4464
|
-
>5 per page</button>
|
|
4465
|
-
</li>
|
|
4466
|
-
<li>
|
|
4467
|
-
<button
|
|
4468
|
-
class="pf-c-options-menu__menu-item"
|
|
4469
|
-
type="button"
|
|
4470
|
-
>
|
|
4471
|
-
10 per page
|
|
4472
|
-
<div class="pf-c-options-menu__menu-item-icon">
|
|
4473
|
-
<i class="fas fa-check" aria-hidden="true"></i>
|
|
4474
|
-
</div>
|
|
4475
|
-
</button>
|
|
4476
|
-
</li>
|
|
4477
|
-
<li>
|
|
4478
|
-
<button
|
|
4479
|
-
class="pf-c-options-menu__menu-item"
|
|
4480
|
-
type="button"
|
|
4481
|
-
>20 per page</button>
|
|
4482
|
-
</li>
|
|
4483
|
-
</ul>
|
|
4484
|
-
</div>
|
|
4485
|
-
<nav
|
|
4486
|
-
class="pf-c-pagination__nav"
|
|
4487
|
-
aria-label="Toolbar top pagination"
|
|
4488
|
-
>
|
|
4489
|
-
<div class="pf-c-pagination__nav-control pf-m-prev">
|
|
4490
|
-
<button
|
|
4491
|
-
class="pf-c-button pf-m-plain"
|
|
4492
|
-
type="button"
|
|
4493
|
-
disabled
|
|
4494
|
-
aria-label="Go to previous page"
|
|
4495
|
-
>
|
|
4496
|
-
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
4497
|
-
</button>
|
|
4498
|
-
</div>
|
|
4499
|
-
<div class="pf-c-pagination__nav-control pf-m-next">
|
|
4500
|
-
<button
|
|
4501
|
-
class="pf-c-button pf-m-plain"
|
|
4502
|
-
type="button"
|
|
4503
|
-
aria-label="Go to next page"
|
|
4504
|
-
>
|
|
4505
|
-
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
4506
|
-
</button>
|
|
4507
|
-
</div>
|
|
4508
|
-
</nav>
|
|
4509
|
-
</div>
|
|
4510
|
-
</div>
|
|
4511
4436
|
</div>
|
|
4512
4437
|
|
|
4513
4438
|
<div
|
|
@@ -4907,467 +4832,8 @@ section: components
|
|
|
4907
4832
|
</div>
|
|
4908
4833
|
</td>
|
|
4909
4834
|
</tr>
|
|
4910
|
-
|
|
4911
|
-
<tr role="row">
|
|
4912
|
-
<td class="pf-c-table__check" role="cell">
|
|
4913
|
-
<input
|
|
4914
|
-
type="checkbox"
|
|
4915
|
-
name="checkrow6"
|
|
4916
|
-
aria-labelledby="table-tabs-example-table-node6"
|
|
4917
|
-
/>
|
|
4918
|
-
</td>
|
|
4919
|
-
<th role="columnheader" data-label="Repository name">
|
|
4920
|
-
<div>
|
|
4921
|
-
<div id="table-tabs-example-table-node6">Node 6</div>
|
|
4922
|
-
<a href="#">siemur/test-space</a>
|
|
4923
|
-
</div>
|
|
4924
|
-
</th>
|
|
4925
|
-
<td role="cell" data-label="Branches">
|
|
4926
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4927
|
-
<div class="pf-l-flex__item">34</div>
|
|
4928
|
-
<div class="pf-l-flex__item">
|
|
4929
|
-
<i class="fas fa-code-branch"></i>
|
|
4930
|
-
</div>
|
|
4931
|
-
</div>
|
|
4932
|
-
</td>
|
|
4933
|
-
<td role="cell" data-label="Pull requests">
|
|
4934
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4935
|
-
<div class="pf-l-flex__item">21</div>
|
|
4936
|
-
<div class="pf-l-flex__item">
|
|
4937
|
-
<i class="fas fa-code"></i>
|
|
4938
|
-
</div>
|
|
4939
|
-
</div>
|
|
4940
|
-
</td>
|
|
4941
|
-
<td role="cell" data-label="Workspaces">
|
|
4942
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4943
|
-
<div class="pf-l-flex__item">26</div>
|
|
4944
|
-
<div class="pf-l-flex__item">
|
|
4945
|
-
<i class="fas fa-cube"></i>
|
|
4946
|
-
</div>
|
|
4947
|
-
</div>
|
|
4948
|
-
</td>
|
|
4949
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
4950
|
-
<td class="pf-c-table__action" role="cell">
|
|
4951
|
-
<div
|
|
4952
|
-
class="pf-c-overflow-menu"
|
|
4953
|
-
id="table-tabs-example-table-dropdown-kebab-6"
|
|
4954
|
-
>
|
|
4955
|
-
<div class="pf-c-overflow-menu__control">
|
|
4956
|
-
<div class="pf-c-dropdown">
|
|
4957
|
-
<button
|
|
4958
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
4959
|
-
type="button"
|
|
4960
|
-
id="table-tabs-example-table-dropdown-kebab-6-dropdown-toggle"
|
|
4961
|
-
aria-label="Dropdown for tabs table"
|
|
4962
|
-
aria-expanded="false"
|
|
4963
|
-
>
|
|
4964
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
4965
|
-
</button>
|
|
4966
|
-
<ul
|
|
4967
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
4968
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-6-dropdown-toggle"
|
|
4969
|
-
hidden
|
|
4970
|
-
>
|
|
4971
|
-
<li>
|
|
4972
|
-
<button
|
|
4973
|
-
class="pf-c-dropdown__menu-item"
|
|
4974
|
-
>Action Link</button>
|
|
4975
|
-
</li>
|
|
4976
|
-
</ul>
|
|
4977
|
-
</div>
|
|
4978
|
-
</div>
|
|
4979
|
-
</div>
|
|
4980
|
-
</td>
|
|
4981
|
-
</tr>
|
|
4982
|
-
|
|
4983
|
-
<tr role="row">
|
|
4984
|
-
<td class="pf-c-table__check" role="cell">
|
|
4985
|
-
<input
|
|
4986
|
-
type="checkbox"
|
|
4987
|
-
name="checkrow7"
|
|
4988
|
-
aria-labelledby="table-tabs-example-table-node7"
|
|
4989
|
-
/>
|
|
4990
|
-
</td>
|
|
4991
|
-
<th role="columnheader" data-label="Repository name">
|
|
4992
|
-
<div>
|
|
4993
|
-
<div id="table-tabs-example-table-node7">Node 7</div>
|
|
4994
|
-
<a href="#">siemur/test-space</a>
|
|
4995
|
-
</div>
|
|
4996
|
-
</th>
|
|
4997
|
-
<td role="cell" data-label="Branches">
|
|
4998
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4999
|
-
<div class="pf-l-flex__item">34</div>
|
|
5000
|
-
<div class="pf-l-flex__item">
|
|
5001
|
-
<i class="fas fa-code-branch"></i>
|
|
5002
|
-
</div>
|
|
5003
|
-
</div>
|
|
5004
|
-
</td>
|
|
5005
|
-
<td role="cell" data-label="Pull requests">
|
|
5006
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5007
|
-
<div class="pf-l-flex__item">21</div>
|
|
5008
|
-
<div class="pf-l-flex__item">
|
|
5009
|
-
<i class="fas fa-code"></i>
|
|
5010
|
-
</div>
|
|
5011
|
-
</div>
|
|
5012
|
-
</td>
|
|
5013
|
-
<td role="cell" data-label="Workspaces">
|
|
5014
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5015
|
-
<div class="pf-l-flex__item">26</div>
|
|
5016
|
-
<div class="pf-l-flex__item">
|
|
5017
|
-
<i class="fas fa-cube"></i>
|
|
5018
|
-
</div>
|
|
5019
|
-
</div>
|
|
5020
|
-
</td>
|
|
5021
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5022
|
-
<td class="pf-c-table__action" role="cell">
|
|
5023
|
-
<div
|
|
5024
|
-
class="pf-c-overflow-menu"
|
|
5025
|
-
id="table-tabs-example-table-dropdown-kebab-7"
|
|
5026
|
-
>
|
|
5027
|
-
<div class="pf-c-overflow-menu__control">
|
|
5028
|
-
<div class="pf-c-dropdown">
|
|
5029
|
-
<button
|
|
5030
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5031
|
-
type="button"
|
|
5032
|
-
id="table-tabs-example-table-dropdown-kebab-7-dropdown-toggle"
|
|
5033
|
-
aria-label="Dropdown for tabs table"
|
|
5034
|
-
aria-expanded="false"
|
|
5035
|
-
>
|
|
5036
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5037
|
-
</button>
|
|
5038
|
-
<ul
|
|
5039
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5040
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-7-dropdown-toggle"
|
|
5041
|
-
hidden
|
|
5042
|
-
>
|
|
5043
|
-
<li>
|
|
5044
|
-
<button
|
|
5045
|
-
class="pf-c-dropdown__menu-item"
|
|
5046
|
-
>Action Link</button>
|
|
5047
|
-
</li>
|
|
5048
|
-
</ul>
|
|
5049
|
-
</div>
|
|
5050
|
-
</div>
|
|
5051
|
-
</div>
|
|
5052
|
-
</td>
|
|
5053
|
-
</tr>
|
|
5054
|
-
|
|
5055
|
-
<tr role="row">
|
|
5056
|
-
<td class="pf-c-table__check" role="cell">
|
|
5057
|
-
<input
|
|
5058
|
-
type="checkbox"
|
|
5059
|
-
name="checkrow8"
|
|
5060
|
-
aria-labelledby="table-tabs-example-table-node8"
|
|
5061
|
-
/>
|
|
5062
|
-
</td>
|
|
5063
|
-
<th role="columnheader" data-label="Repository name">
|
|
5064
|
-
<div>
|
|
5065
|
-
<div id="table-tabs-example-table-node8">Node 8</div>
|
|
5066
|
-
<a href="#">siemur/test-space</a>
|
|
5067
|
-
</div>
|
|
5068
|
-
</th>
|
|
5069
|
-
<td role="cell" data-label="Branches">
|
|
5070
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5071
|
-
<div class="pf-l-flex__item">34</div>
|
|
5072
|
-
<div class="pf-l-flex__item">
|
|
5073
|
-
<i class="fas fa-code-branch"></i>
|
|
5074
|
-
</div>
|
|
5075
|
-
</div>
|
|
5076
|
-
</td>
|
|
5077
|
-
<td role="cell" data-label="Pull requests">
|
|
5078
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5079
|
-
<div class="pf-l-flex__item">21</div>
|
|
5080
|
-
<div class="pf-l-flex__item">
|
|
5081
|
-
<i class="fas fa-code"></i>
|
|
5082
|
-
</div>
|
|
5083
|
-
</div>
|
|
5084
|
-
</td>
|
|
5085
|
-
<td role="cell" data-label="Workspaces">
|
|
5086
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5087
|
-
<div class="pf-l-flex__item">26</div>
|
|
5088
|
-
<div class="pf-l-flex__item">
|
|
5089
|
-
<i class="fas fa-cube"></i>
|
|
5090
|
-
</div>
|
|
5091
|
-
</div>
|
|
5092
|
-
</td>
|
|
5093
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5094
|
-
<td class="pf-c-table__action" role="cell">
|
|
5095
|
-
<div
|
|
5096
|
-
class="pf-c-overflow-menu"
|
|
5097
|
-
id="table-tabs-example-table-dropdown-kebab-8"
|
|
5098
|
-
>
|
|
5099
|
-
<div class="pf-c-overflow-menu__control">
|
|
5100
|
-
<div class="pf-c-dropdown">
|
|
5101
|
-
<button
|
|
5102
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5103
|
-
type="button"
|
|
5104
|
-
id="table-tabs-example-table-dropdown-kebab-8-dropdown-toggle"
|
|
5105
|
-
aria-label="Dropdown for tabs table"
|
|
5106
|
-
aria-expanded="false"
|
|
5107
|
-
>
|
|
5108
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5109
|
-
</button>
|
|
5110
|
-
<ul
|
|
5111
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5112
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-8-dropdown-toggle"
|
|
5113
|
-
hidden
|
|
5114
|
-
>
|
|
5115
|
-
<li>
|
|
5116
|
-
<button
|
|
5117
|
-
class="pf-c-dropdown__menu-item"
|
|
5118
|
-
>Action Link</button>
|
|
5119
|
-
</li>
|
|
5120
|
-
</ul>
|
|
5121
|
-
</div>
|
|
5122
|
-
</div>
|
|
5123
|
-
</div>
|
|
5124
|
-
</td>
|
|
5125
|
-
</tr>
|
|
5126
|
-
|
|
5127
|
-
<tr role="row">
|
|
5128
|
-
<td class="pf-c-table__check" role="cell">
|
|
5129
|
-
<input
|
|
5130
|
-
type="checkbox"
|
|
5131
|
-
name="checkrow9"
|
|
5132
|
-
aria-labelledby="table-tabs-example-table-node9"
|
|
5133
|
-
/>
|
|
5134
|
-
</td>
|
|
5135
|
-
<th role="columnheader" data-label="Repository name">
|
|
5136
|
-
<div>
|
|
5137
|
-
<div id="table-tabs-example-table-node9">Node 9</div>
|
|
5138
|
-
<a href="#">siemur/test-space</a>
|
|
5139
|
-
</div>
|
|
5140
|
-
</th>
|
|
5141
|
-
<td role="cell" data-label="Branches">
|
|
5142
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5143
|
-
<div class="pf-l-flex__item">34</div>
|
|
5144
|
-
<div class="pf-l-flex__item">
|
|
5145
|
-
<i class="fas fa-code-branch"></i>
|
|
5146
|
-
</div>
|
|
5147
|
-
</div>
|
|
5148
|
-
</td>
|
|
5149
|
-
<td role="cell" data-label="Pull requests">
|
|
5150
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5151
|
-
<div class="pf-l-flex__item">21</div>
|
|
5152
|
-
<div class="pf-l-flex__item">
|
|
5153
|
-
<i class="fas fa-code"></i>
|
|
5154
|
-
</div>
|
|
5155
|
-
</div>
|
|
5156
|
-
</td>
|
|
5157
|
-
<td role="cell" data-label="Workspaces">
|
|
5158
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5159
|
-
<div class="pf-l-flex__item">26</div>
|
|
5160
|
-
<div class="pf-l-flex__item">
|
|
5161
|
-
<i class="fas fa-cube"></i>
|
|
5162
|
-
</div>
|
|
5163
|
-
</div>
|
|
5164
|
-
</td>
|
|
5165
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5166
|
-
<td class="pf-c-table__action" role="cell">
|
|
5167
|
-
<div
|
|
5168
|
-
class="pf-c-overflow-menu"
|
|
5169
|
-
id="table-tabs-example-table-dropdown-kebab-9"
|
|
5170
|
-
>
|
|
5171
|
-
<div class="pf-c-overflow-menu__control">
|
|
5172
|
-
<div class="pf-c-dropdown">
|
|
5173
|
-
<button
|
|
5174
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5175
|
-
type="button"
|
|
5176
|
-
id="table-tabs-example-table-dropdown-kebab-9-dropdown-toggle"
|
|
5177
|
-
aria-label="Dropdown for tabs table"
|
|
5178
|
-
aria-expanded="false"
|
|
5179
|
-
>
|
|
5180
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5181
|
-
</button>
|
|
5182
|
-
<ul
|
|
5183
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5184
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-9-dropdown-toggle"
|
|
5185
|
-
hidden
|
|
5186
|
-
>
|
|
5187
|
-
<li>
|
|
5188
|
-
<button
|
|
5189
|
-
class="pf-c-dropdown__menu-item"
|
|
5190
|
-
>Action Link</button>
|
|
5191
|
-
</li>
|
|
5192
|
-
</ul>
|
|
5193
|
-
</div>
|
|
5194
|
-
</div>
|
|
5195
|
-
</div>
|
|
5196
|
-
</td>
|
|
5197
|
-
</tr>
|
|
5198
|
-
|
|
5199
|
-
<tr role="row">
|
|
5200
|
-
<td class="pf-c-table__check" role="cell">
|
|
5201
|
-
<input
|
|
5202
|
-
type="checkbox"
|
|
5203
|
-
name="checkrow10"
|
|
5204
|
-
aria-labelledby="table-tabs-example-table-node10"
|
|
5205
|
-
/>
|
|
5206
|
-
</td>
|
|
5207
|
-
<th role="columnheader" data-label="Repository name">
|
|
5208
|
-
<div>
|
|
5209
|
-
<div id="table-tabs-example-table-node10">Node 10</div>
|
|
5210
|
-
<a href="#">siemur/test-space</a>
|
|
5211
|
-
</div>
|
|
5212
|
-
</th>
|
|
5213
|
-
<td role="cell" data-label="Branches">
|
|
5214
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5215
|
-
<div class="pf-l-flex__item">34</div>
|
|
5216
|
-
<div class="pf-l-flex__item">
|
|
5217
|
-
<i class="fas fa-code-branch"></i>
|
|
5218
|
-
</div>
|
|
5219
|
-
</div>
|
|
5220
|
-
</td>
|
|
5221
|
-
<td role="cell" data-label="Pull requests">
|
|
5222
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5223
|
-
<div class="pf-l-flex__item">21</div>
|
|
5224
|
-
<div class="pf-l-flex__item">
|
|
5225
|
-
<i class="fas fa-code"></i>
|
|
5226
|
-
</div>
|
|
5227
|
-
</div>
|
|
5228
|
-
</td>
|
|
5229
|
-
<td role="cell" data-label="Workspaces">
|
|
5230
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5231
|
-
<div class="pf-l-flex__item">26</div>
|
|
5232
|
-
<div class="pf-l-flex__item">
|
|
5233
|
-
<i class="fas fa-cube"></i>
|
|
5234
|
-
</div>
|
|
5235
|
-
</div>
|
|
5236
|
-
</td>
|
|
5237
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5238
|
-
<td class="pf-c-table__action" role="cell">
|
|
5239
|
-
<div
|
|
5240
|
-
class="pf-c-overflow-menu"
|
|
5241
|
-
id="table-tabs-example-table-dropdown-kebab-10"
|
|
5242
|
-
>
|
|
5243
|
-
<div class="pf-c-overflow-menu__control">
|
|
5244
|
-
<div class="pf-c-dropdown">
|
|
5245
|
-
<button
|
|
5246
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5247
|
-
type="button"
|
|
5248
|
-
id="table-tabs-example-table-dropdown-kebab-10-dropdown-toggle"
|
|
5249
|
-
aria-label="Dropdown for tabs table"
|
|
5250
|
-
aria-expanded="false"
|
|
5251
|
-
>
|
|
5252
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5253
|
-
</button>
|
|
5254
|
-
<ul
|
|
5255
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5256
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-10-dropdown-toggle"
|
|
5257
|
-
hidden
|
|
5258
|
-
>
|
|
5259
|
-
<li>
|
|
5260
|
-
<button
|
|
5261
|
-
class="pf-c-dropdown__menu-item"
|
|
5262
|
-
>Action Link</button>
|
|
5263
|
-
</li>
|
|
5264
|
-
</ul>
|
|
5265
|
-
</div>
|
|
5266
|
-
</div>
|
|
5267
|
-
</div>
|
|
5268
|
-
</td>
|
|
5269
|
-
</tr>
|
|
5270
4835
|
</tbody>
|
|
5271
4836
|
</table>
|
|
5272
|
-
<div class="pf-c-pagination pf-m-bottom">
|
|
5273
|
-
<div class="pf-c-options-menu pf-m-top">
|
|
5274
|
-
<button
|
|
5275
|
-
class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
|
|
5276
|
-
type="button"
|
|
5277
|
-
id="-footer-pagination-toggle"
|
|
5278
|
-
aria-haspopup="listbox"
|
|
5279
|
-
aria-expanded="false"
|
|
5280
|
-
>
|
|
5281
|
-
<span class="pf-c-options-menu__toggle-text">
|
|
5282
|
-
<b>1 - 10</b> of
|
|
5283
|
-
<b>36</b>
|
|
5284
|
-
</span>
|
|
5285
|
-
<div class="pf-c-options-menu__toggle-icon">
|
|
5286
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
5287
|
-
</div>
|
|
5288
|
-
</button>
|
|
5289
|
-
<ul
|
|
5290
|
-
class="pf-c-options-menu__menu pf-m-top"
|
|
5291
|
-
aria-labelledby="-footer-pagination-toggle"
|
|
5292
|
-
hidden
|
|
5293
|
-
>
|
|
5294
|
-
<li>
|
|
5295
|
-
<button
|
|
5296
|
-
class="pf-c-options-menu__menu-item"
|
|
5297
|
-
type="button"
|
|
5298
|
-
>5 per page</button>
|
|
5299
|
-
</li>
|
|
5300
|
-
<li>
|
|
5301
|
-
<button
|
|
5302
|
-
class="pf-c-options-menu__menu-item"
|
|
5303
|
-
type="button"
|
|
5304
|
-
>
|
|
5305
|
-
10 per page
|
|
5306
|
-
<div class="pf-c-options-menu__menu-item-icon">
|
|
5307
|
-
<i class="fas fa-check" aria-hidden="true"></i>
|
|
5308
|
-
</div>
|
|
5309
|
-
</button>
|
|
5310
|
-
</li>
|
|
5311
|
-
<li>
|
|
5312
|
-
<button
|
|
5313
|
-
class="pf-c-options-menu__menu-item"
|
|
5314
|
-
type="button"
|
|
5315
|
-
>20 per page</button>
|
|
5316
|
-
</li>
|
|
5317
|
-
</ul>
|
|
5318
|
-
</div>
|
|
5319
|
-
<nav class="pf-c-pagination__nav" aria-label="Pagination">
|
|
5320
|
-
<div class="pf-c-pagination__nav-control pf-m-first">
|
|
5321
|
-
<button
|
|
5322
|
-
class="pf-c-button pf-m-plain"
|
|
5323
|
-
type="button"
|
|
5324
|
-
disabled
|
|
5325
|
-
aria-label="Go to first page"
|
|
5326
|
-
>
|
|
5327
|
-
<i class="fas fa-angle-double-left" aria-hidden="true"></i>
|
|
5328
|
-
</button>
|
|
5329
|
-
</div>
|
|
5330
|
-
<div class="pf-c-pagination__nav-control pf-m-prev">
|
|
5331
|
-
<button
|
|
5332
|
-
class="pf-c-button pf-m-plain"
|
|
5333
|
-
type="button"
|
|
5334
|
-
disabled
|
|
5335
|
-
aria-label="Go to previous page"
|
|
5336
|
-
>
|
|
5337
|
-
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
5338
|
-
</button>
|
|
5339
|
-
</div>
|
|
5340
|
-
<div class="pf-c-pagination__nav-page-select">
|
|
5341
|
-
<input
|
|
5342
|
-
class="pf-c-form-control"
|
|
5343
|
-
aria-label="Current page"
|
|
5344
|
-
type="number"
|
|
5345
|
-
min="1"
|
|
5346
|
-
max="4"
|
|
5347
|
-
value="1"
|
|
5348
|
-
/>
|
|
5349
|
-
<span aria-hidden="true">of 4</span>
|
|
5350
|
-
</div>
|
|
5351
|
-
<div class="pf-c-pagination__nav-control pf-m-next">
|
|
5352
|
-
<button
|
|
5353
|
-
class="pf-c-button pf-m-plain"
|
|
5354
|
-
type="button"
|
|
5355
|
-
aria-label="Go to next page"
|
|
5356
|
-
>
|
|
5357
|
-
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
5358
|
-
</button>
|
|
5359
|
-
</div>
|
|
5360
|
-
<div class="pf-c-pagination__nav-control pf-m-last">
|
|
5361
|
-
<button
|
|
5362
|
-
class="pf-c-button pf-m-plain"
|
|
5363
|
-
type="button"
|
|
5364
|
-
aria-label="Go to last page"
|
|
5365
|
-
>
|
|
5366
|
-
<i class="fas fa-angle-double-right" aria-hidden="true"></i>
|
|
5367
|
-
</button>
|
|
5368
|
-
</div>
|
|
5369
|
-
</nav>
|
|
5370
|
-
</div>
|
|
5371
4837
|
</div>
|
|
5372
4838
|
</div>
|
|
5373
4839
|
|
|
@@ -5505,6 +4971,43 @@ section: components
|
|
|
5505
4971
|
</div>
|
|
5506
4972
|
</div>
|
|
5507
4973
|
</div>
|
|
4974
|
+
<div class="pf-l-flex pf-m-column">
|
|
4975
|
+
<div class="pf-l-flex__item">
|
|
4976
|
+
<h3 class="pf-c-title" id="-title">Tags</h3>
|
|
4977
|
+
</div>
|
|
4978
|
+
<div class="pf-l-flex__item">
|
|
4979
|
+
<div class="pf-c-label-group">
|
|
4980
|
+
<div class="pf-c-label-group__main">
|
|
4981
|
+
<ul
|
|
4982
|
+
class="pf-c-label-group__list"
|
|
4983
|
+
role="list"
|
|
4984
|
+
aria-label="Group of labels"
|
|
4985
|
+
>
|
|
4986
|
+
<li class="pf-c-label-group__list-item">
|
|
4987
|
+
<span class="pf-c-label pf-m-outline">
|
|
4988
|
+
<span class="pf-c-label__content">Tag 1</span>
|
|
4989
|
+
</span>
|
|
4990
|
+
</li>
|
|
4991
|
+
<li class="pf-c-label-group__list-item">
|
|
4992
|
+
<span class="pf-c-label pf-m-outline">
|
|
4993
|
+
<span class="pf-c-label__content">Tag 2</span>
|
|
4994
|
+
</span>
|
|
4995
|
+
</li>
|
|
4996
|
+
<li class="pf-c-label-group__list-item">
|
|
4997
|
+
<span class="pf-c-label pf-m-outline">
|
|
4998
|
+
<span class="pf-c-label__content">Tag 3</span>
|
|
4999
|
+
</span>
|
|
5000
|
+
</li>
|
|
5001
|
+
<li class="pf-c-label-group__list-item">
|
|
5002
|
+
<span class="pf-c-label pf-m-overflow">
|
|
5003
|
+
<span class="pf-c-label__content">2 more</span>
|
|
5004
|
+
</span>
|
|
5005
|
+
</li>
|
|
5006
|
+
</ul>
|
|
5007
|
+
</div>
|
|
5008
|
+
</div>
|
|
5009
|
+
</div>
|
|
5010
|
+
</div>
|
|
5508
5011
|
</div>
|
|
5509
5012
|
</div>
|
|
5510
5013
|
</section>
|
|
@@ -6490,12 +5993,12 @@ section: components
|
|
|
6490
5993
|
<section class="pf-c-page__main-section pf-m-limit-width pf-m-light">
|
|
6491
5994
|
<div class="pf-c-page__main-body">
|
|
6492
5995
|
<div class="pf-c-content">
|
|
6493
|
-
<h1>
|
|
6494
|
-
<p>
|
|
5996
|
+
<h1>Main title</h1>
|
|
5997
|
+
<p>This is a full page demo.</p>
|
|
6495
5998
|
</div>
|
|
6496
5999
|
</div>
|
|
6497
6000
|
</section>
|
|
6498
|
-
<section class="pf-c-page__main-section
|
|
6001
|
+
<section class="pf-c-page__main-section">
|
|
6499
6002
|
<div class="pf-l-gallery pf-m-gutter">
|
|
6500
6003
|
<div
|
|
6501
6004
|
class="pf-c-card pf-m-selectable-raised pf-m-compact"
|
|
@@ -6619,7 +6619,6 @@ wrapperTag: div
|
|
|
6619
6619
|
</div>
|
|
6620
6620
|
</div>
|
|
6621
6621
|
</section>
|
|
6622
|
-
|
|
6623
6622
|
<section class="pf-c-page__main-wizard">
|
|
6624
6623
|
<div class="pf-c-wizard">
|
|
6625
6624
|
<button
|
|
@@ -7712,7 +7711,6 @@ wrapperTag: div
|
|
|
7712
7711
|
</div>
|
|
7713
7712
|
</div>
|
|
7714
7713
|
</section>
|
|
7715
|
-
|
|
7716
7714
|
<section class="pf-c-page__main-wizard">
|
|
7717
7715
|
<div class="pf-c-wizard">
|
|
7718
7716
|
<button
|
|
@@ -8787,7 +8785,6 @@ wrapperTag: div
|
|
|
8787
8785
|
</div>
|
|
8788
8786
|
</div>
|
|
8789
8787
|
</section>
|
|
8790
|
-
|
|
8791
8788
|
<section class="pf-c-page__main-wizard pf-m-light-200">
|
|
8792
8789
|
<div class="pf-c-wizard">
|
|
8793
8790
|
<button
|
|
@@ -9928,7 +9925,6 @@ wrapperTag: div
|
|
|
9928
9925
|
</div>
|
|
9929
9926
|
</div>
|
|
9930
9927
|
</section>
|
|
9931
|
-
|
|
9932
9928
|
<section class="pf-c-page__main-wizard pf-m-light-200">
|
|
9933
9929
|
<div class="pf-c-wizard">
|
|
9934
9930
|
<button
|