@patternfly/patternfly 5.0.0-alpha.21 → 5.0.0-alpha.22
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/Chip/chip.css +33 -24
- package/components/Chip/chip.scss +40 -31
- package/components/Label/label.css +35 -24
- package/components/Label/label.scss +40 -27
- package/components/Table/table-tree-view.css +10 -0
- package/components/Table/table-tree-view.scss +15 -0
- package/docs/components/Chip/examples/Chip.md +61 -43
- package/docs/components/ChipGroup/examples/ChipGroup.md +437 -329
- package/docs/components/InlineEdit/examples/InlineEdit.md +5 -3
- package/docs/components/Label/examples/Label.md +1399 -718
- package/docs/components/LabelGroup/examples/LabelGroup.md +274 -209
- package/docs/components/Select/examples/Select.md +224 -170
- package/docs/components/Table/examples/Table.md +565 -41
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +343 -261
- package/docs/components/Toolbar/examples/Toolbar.md +306 -234
- package/docs/demos/Card/examples/Card.md +29 -27
- package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
- package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -9
- package/docs/demos/Drawer/examples/Drawer.md +4 -2
- package/docs/demos/Form/examples/BasicForms.md +28 -22
- package/docs/demos/Tabs/examples/Tabs.md +39 -16
- package/docs/demos/Toolbar/examples/Toolbar.md +102 -78
- package/package.json +2 -2
- package/patternfly-no-reset.css +78 -48
- package/patternfly.css +78 -48
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -9923,7 +9923,6 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
|
|
|
9923
9923
|
<th scope="col">Count</th>
|
|
9924
9924
|
<th scope="col">Size</th>
|
|
9925
9925
|
<th scope="col">Data Stores</th>
|
|
9926
|
-
<td></td>
|
|
9927
9926
|
</tr>
|
|
9928
9927
|
</thead>
|
|
9929
9928
|
|
|
@@ -11350,6 +11349,7 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
|
|
|
11350
11349
|
<th scope="col">Count</th>
|
|
11351
11350
|
<th scope="col">Size</th>
|
|
11352
11351
|
<th scope="col">Data Stores</th>
|
|
11352
|
+
<td></td>
|
|
11353
11353
|
</tr>
|
|
11354
11354
|
</thead>
|
|
11355
11355
|
|
|
@@ -12980,6 +12980,7 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
|
|
|
12980
12980
|
<th scope="col">Count</th>
|
|
12981
12981
|
<th scope="col">Size</th>
|
|
12982
12982
|
<th scope="col">Data Stores</th>
|
|
12983
|
+
<td></td>
|
|
12983
12984
|
</tr>
|
|
12984
12985
|
</thead>
|
|
12985
12986
|
|
|
@@ -14646,6 +14647,448 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
|
|
|
14646
14647
|
|
|
14647
14648
|
```
|
|
14648
14649
|
|
|
14650
|
+
### Tree with no children or indentation
|
|
14651
|
+
|
|
14652
|
+
```html
|
|
14653
|
+
<table
|
|
14654
|
+
class="pf-c-table pf-m-tree-view pf-m-no-inset pf-m-tree-view-grid-lg"
|
|
14655
|
+
role="treegrid"
|
|
14656
|
+
aria-label="This is a simple tree table with no indentation"
|
|
14657
|
+
id="tree-table-indent-example"
|
|
14658
|
+
>
|
|
14659
|
+
<thead>
|
|
14660
|
+
<tr>
|
|
14661
|
+
<th class="pf-c-table__tree-view-title-header-cell" scope="col">Name</th>
|
|
14662
|
+
<th scope="col">Count</th>
|
|
14663
|
+
<th scope="col">Size</th>
|
|
14664
|
+
<th scope="col">Data Stores</th>
|
|
14665
|
+
</tr>
|
|
14666
|
+
</thead>
|
|
14667
|
+
|
|
14668
|
+
<tr role="row">
|
|
14669
|
+
<th class="pf-c-table__tree-view-title-cell">
|
|
14670
|
+
<div class="pf-c-table__tree-view-main">
|
|
14671
|
+
<div class="pf-c-table__tree-view-text">
|
|
14672
|
+
<span
|
|
14673
|
+
class="pf-c-table__text"
|
|
14674
|
+
id="tree-table-indent-example-node-1"
|
|
14675
|
+
>Level 1, leaf 1</span>
|
|
14676
|
+
</div>
|
|
14677
|
+
<span class="pf-c-table__tree-view-details-toggle">
|
|
14678
|
+
<button
|
|
14679
|
+
class="pf-c-button pf-m-plain"
|
|
14680
|
+
type="button"
|
|
14681
|
+
aria-label="tree-table-indent-example-1--tree-table--details-toggle"
|
|
14682
|
+
>
|
|
14683
|
+
<span class="pf-c-table__details-toggle-icon">
|
|
14684
|
+
<i class="fas fa-ellipsis-h" aria-hidden="true"></i>
|
|
14685
|
+
</span>
|
|
14686
|
+
</button>
|
|
14687
|
+
</span>
|
|
14688
|
+
</div>
|
|
14689
|
+
</th>
|
|
14690
|
+
<td role="gridcell" data-label="Migration assessment">10</td>
|
|
14691
|
+
<td role="gridcell" data-label="Size of VM">25</td>
|
|
14692
|
+
<td role="gridcell" data-label="Number of Data Stores">5</td>
|
|
14693
|
+
<td class="pf-c-table__action" role="gridcell">
|
|
14694
|
+
<div class="pf-c-dropdown">
|
|
14695
|
+
<button
|
|
14696
|
+
class="pf-c-dropdown__toggle pf-m-plain"
|
|
14697
|
+
id="tree-table-indent-example-1-actions-button"
|
|
14698
|
+
aria-expanded="false"
|
|
14699
|
+
type="button"
|
|
14700
|
+
aria-label="Actions"
|
|
14701
|
+
>
|
|
14702
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
14703
|
+
</button>
|
|
14704
|
+
<ul
|
|
14705
|
+
class="pf-c-dropdown__menu pf-m-align-right"
|
|
14706
|
+
aria-labelledby="tree-table-indent-example-1-actions-button"
|
|
14707
|
+
hidden
|
|
14708
|
+
>
|
|
14709
|
+
<li>
|
|
14710
|
+
<a class="pf-c-dropdown__menu-item" href="#">Link</a>
|
|
14711
|
+
</li>
|
|
14712
|
+
<li>
|
|
14713
|
+
<button class="pf-c-dropdown__menu-item" type="button">Action</button>
|
|
14714
|
+
</li>
|
|
14715
|
+
<li>
|
|
14716
|
+
<a
|
|
14717
|
+
class="pf-c-dropdown__menu-item pf-m-disabled"
|
|
14718
|
+
href="#"
|
|
14719
|
+
aria-disabled="true"
|
|
14720
|
+
tabindex="-1"
|
|
14721
|
+
>Disabled link</a>
|
|
14722
|
+
</li>
|
|
14723
|
+
<li>
|
|
14724
|
+
<button
|
|
14725
|
+
class="pf-c-dropdown__menu-item"
|
|
14726
|
+
type="button"
|
|
14727
|
+
disabled
|
|
14728
|
+
>Disabled action</button>
|
|
14729
|
+
</li>
|
|
14730
|
+
<li class="pf-c-divider" role="separator"></li>
|
|
14731
|
+
<li>
|
|
14732
|
+
<a class="pf-c-dropdown__menu-item" href="#">Separated link</a>
|
|
14733
|
+
</li>
|
|
14734
|
+
</ul>
|
|
14735
|
+
</div>
|
|
14736
|
+
</td>
|
|
14737
|
+
</tr>
|
|
14738
|
+
<tr role="row">
|
|
14739
|
+
<th class="pf-c-table__tree-view-title-cell">
|
|
14740
|
+
<div class="pf-c-table__tree-view-main">
|
|
14741
|
+
<div class="pf-c-table__tree-view-text">
|
|
14742
|
+
<span
|
|
14743
|
+
class="pf-c-table__text"
|
|
14744
|
+
id="tree-table-indent-example-node-2"
|
|
14745
|
+
>Level 1, leaf 2</span>
|
|
14746
|
+
</div>
|
|
14747
|
+
<span class="pf-c-table__tree-view-details-toggle">
|
|
14748
|
+
<button
|
|
14749
|
+
class="pf-c-button pf-m-plain"
|
|
14750
|
+
type="button"
|
|
14751
|
+
aria-label="tree-table-indent-example-2--tree-table--details-toggle"
|
|
14752
|
+
>
|
|
14753
|
+
<span class="pf-c-table__details-toggle-icon">
|
|
14754
|
+
<i class="fas fa-ellipsis-h" aria-hidden="true"></i>
|
|
14755
|
+
</span>
|
|
14756
|
+
</button>
|
|
14757
|
+
</span>
|
|
14758
|
+
</div>
|
|
14759
|
+
</th>
|
|
14760
|
+
<td role="gridcell" data-label="Migration assessment">10</td>
|
|
14761
|
+
<td role="gridcell" data-label="Size of VM">25</td>
|
|
14762
|
+
<td role="gridcell" data-label="Number of Data Stores">5</td>
|
|
14763
|
+
<td class="pf-c-table__action" role="gridcell">
|
|
14764
|
+
<div class="pf-c-dropdown">
|
|
14765
|
+
<button
|
|
14766
|
+
class="pf-c-dropdown__toggle pf-m-plain"
|
|
14767
|
+
id="tree-table-indent-example-2-actions-button"
|
|
14768
|
+
aria-expanded="false"
|
|
14769
|
+
type="button"
|
|
14770
|
+
aria-label="Actions"
|
|
14771
|
+
>
|
|
14772
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
14773
|
+
</button>
|
|
14774
|
+
<ul
|
|
14775
|
+
class="pf-c-dropdown__menu pf-m-align-right"
|
|
14776
|
+
aria-labelledby="tree-table-indent-example-2-actions-button"
|
|
14777
|
+
hidden
|
|
14778
|
+
>
|
|
14779
|
+
<li>
|
|
14780
|
+
<a class="pf-c-dropdown__menu-item" href="#">Link</a>
|
|
14781
|
+
</li>
|
|
14782
|
+
<li>
|
|
14783
|
+
<button class="pf-c-dropdown__menu-item" type="button">Action</button>
|
|
14784
|
+
</li>
|
|
14785
|
+
<li>
|
|
14786
|
+
<a
|
|
14787
|
+
class="pf-c-dropdown__menu-item pf-m-disabled"
|
|
14788
|
+
href="#"
|
|
14789
|
+
aria-disabled="true"
|
|
14790
|
+
tabindex="-1"
|
|
14791
|
+
>Disabled link</a>
|
|
14792
|
+
</li>
|
|
14793
|
+
<li>
|
|
14794
|
+
<button
|
|
14795
|
+
class="pf-c-dropdown__menu-item"
|
|
14796
|
+
type="button"
|
|
14797
|
+
disabled
|
|
14798
|
+
>Disabled action</button>
|
|
14799
|
+
</li>
|
|
14800
|
+
<li class="pf-c-divider" role="separator"></li>
|
|
14801
|
+
<li>
|
|
14802
|
+
<a class="pf-c-dropdown__menu-item" href="#">Separated link</a>
|
|
14803
|
+
</li>
|
|
14804
|
+
</ul>
|
|
14805
|
+
</div>
|
|
14806
|
+
</td>
|
|
14807
|
+
</tr>
|
|
14808
|
+
<tr role="row">
|
|
14809
|
+
<th class="pf-c-table__tree-view-title-cell">
|
|
14810
|
+
<div class="pf-c-table__tree-view-main">
|
|
14811
|
+
<div class="pf-c-table__tree-view-text">
|
|
14812
|
+
<span
|
|
14813
|
+
class="pf-c-table__text"
|
|
14814
|
+
id="tree-table-indent-example-node-3"
|
|
14815
|
+
>Level 1, leaf 3</span>
|
|
14816
|
+
</div>
|
|
14817
|
+
<span class="pf-c-table__tree-view-details-toggle">
|
|
14818
|
+
<button
|
|
14819
|
+
class="pf-c-button pf-m-plain"
|
|
14820
|
+
type="button"
|
|
14821
|
+
aria-label="tree-table-indent-example-3--tree-table--details-toggle"
|
|
14822
|
+
>
|
|
14823
|
+
<span class="pf-c-table__details-toggle-icon">
|
|
14824
|
+
<i class="fas fa-ellipsis-h" aria-hidden="true"></i>
|
|
14825
|
+
</span>
|
|
14826
|
+
</button>
|
|
14827
|
+
</span>
|
|
14828
|
+
</div>
|
|
14829
|
+
</th>
|
|
14830
|
+
<td role="gridcell" data-label="Migration assessment">10</td>
|
|
14831
|
+
<td role="gridcell" data-label="Size of VM">25</td>
|
|
14832
|
+
<td role="gridcell" data-label="Number of Data Stores">5</td>
|
|
14833
|
+
<td class="pf-c-table__action" role="gridcell">
|
|
14834
|
+
<div class="pf-c-dropdown">
|
|
14835
|
+
<button
|
|
14836
|
+
class="pf-c-dropdown__toggle pf-m-plain"
|
|
14837
|
+
id="tree-table-indent-example-3-actions-button"
|
|
14838
|
+
aria-expanded="false"
|
|
14839
|
+
type="button"
|
|
14840
|
+
aria-label="Actions"
|
|
14841
|
+
>
|
|
14842
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
14843
|
+
</button>
|
|
14844
|
+
<ul
|
|
14845
|
+
class="pf-c-dropdown__menu pf-m-align-right"
|
|
14846
|
+
aria-labelledby="tree-table-indent-example-3-actions-button"
|
|
14847
|
+
hidden
|
|
14848
|
+
>
|
|
14849
|
+
<li>
|
|
14850
|
+
<a class="pf-c-dropdown__menu-item" href="#">Link</a>
|
|
14851
|
+
</li>
|
|
14852
|
+
<li>
|
|
14853
|
+
<button class="pf-c-dropdown__menu-item" type="button">Action</button>
|
|
14854
|
+
</li>
|
|
14855
|
+
<li>
|
|
14856
|
+
<a
|
|
14857
|
+
class="pf-c-dropdown__menu-item pf-m-disabled"
|
|
14858
|
+
href="#"
|
|
14859
|
+
aria-disabled="true"
|
|
14860
|
+
tabindex="-1"
|
|
14861
|
+
>Disabled link</a>
|
|
14862
|
+
</li>
|
|
14863
|
+
<li>
|
|
14864
|
+
<button
|
|
14865
|
+
class="pf-c-dropdown__menu-item"
|
|
14866
|
+
type="button"
|
|
14867
|
+
disabled
|
|
14868
|
+
>Disabled action</button>
|
|
14869
|
+
</li>
|
|
14870
|
+
<li class="pf-c-divider" role="separator"></li>
|
|
14871
|
+
<li>
|
|
14872
|
+
<a class="pf-c-dropdown__menu-item" href="#">Separated link</a>
|
|
14873
|
+
</li>
|
|
14874
|
+
</ul>
|
|
14875
|
+
</div>
|
|
14876
|
+
</td>
|
|
14877
|
+
</tr>
|
|
14878
|
+
<tr role="row">
|
|
14879
|
+
<th class="pf-c-table__tree-view-title-cell">
|
|
14880
|
+
<div class="pf-c-table__tree-view-main">
|
|
14881
|
+
<div class="pf-c-table__tree-view-text">
|
|
14882
|
+
<span
|
|
14883
|
+
class="pf-c-table__text"
|
|
14884
|
+
id="tree-table-indent-example-node-4"
|
|
14885
|
+
>Level 1, leaf 4</span>
|
|
14886
|
+
</div>
|
|
14887
|
+
<span class="pf-c-table__tree-view-details-toggle">
|
|
14888
|
+
<button
|
|
14889
|
+
class="pf-c-button pf-m-plain"
|
|
14890
|
+
type="button"
|
|
14891
|
+
aria-label="tree-table-indent-example-4--tree-table--details-toggle"
|
|
14892
|
+
>
|
|
14893
|
+
<span class="pf-c-table__details-toggle-icon">
|
|
14894
|
+
<i class="fas fa-ellipsis-h" aria-hidden="true"></i>
|
|
14895
|
+
</span>
|
|
14896
|
+
</button>
|
|
14897
|
+
</span>
|
|
14898
|
+
</div>
|
|
14899
|
+
</th>
|
|
14900
|
+
<td role="gridcell" data-label="Migration assessment">10</td>
|
|
14901
|
+
<td role="gridcell" data-label="Size of VM">25</td>
|
|
14902
|
+
<td role="gridcell" data-label="Number of Data Stores">5</td>
|
|
14903
|
+
<td class="pf-c-table__action" role="gridcell">
|
|
14904
|
+
<div class="pf-c-dropdown">
|
|
14905
|
+
<button
|
|
14906
|
+
class="pf-c-dropdown__toggle pf-m-plain"
|
|
14907
|
+
id="tree-table-indent-example-4-actions-button"
|
|
14908
|
+
aria-expanded="false"
|
|
14909
|
+
type="button"
|
|
14910
|
+
aria-label="Actions"
|
|
14911
|
+
>
|
|
14912
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
14913
|
+
</button>
|
|
14914
|
+
<ul
|
|
14915
|
+
class="pf-c-dropdown__menu pf-m-align-right"
|
|
14916
|
+
aria-labelledby="tree-table-indent-example-4-actions-button"
|
|
14917
|
+
hidden
|
|
14918
|
+
>
|
|
14919
|
+
<li>
|
|
14920
|
+
<a class="pf-c-dropdown__menu-item" href="#">Link</a>
|
|
14921
|
+
</li>
|
|
14922
|
+
<li>
|
|
14923
|
+
<button class="pf-c-dropdown__menu-item" type="button">Action</button>
|
|
14924
|
+
</li>
|
|
14925
|
+
<li>
|
|
14926
|
+
<a
|
|
14927
|
+
class="pf-c-dropdown__menu-item pf-m-disabled"
|
|
14928
|
+
href="#"
|
|
14929
|
+
aria-disabled="true"
|
|
14930
|
+
tabindex="-1"
|
|
14931
|
+
>Disabled link</a>
|
|
14932
|
+
</li>
|
|
14933
|
+
<li>
|
|
14934
|
+
<button
|
|
14935
|
+
class="pf-c-dropdown__menu-item"
|
|
14936
|
+
type="button"
|
|
14937
|
+
disabled
|
|
14938
|
+
>Disabled action</button>
|
|
14939
|
+
</li>
|
|
14940
|
+
<li class="pf-c-divider" role="separator"></li>
|
|
14941
|
+
<li>
|
|
14942
|
+
<a class="pf-c-dropdown__menu-item" href="#">Separated link</a>
|
|
14943
|
+
</li>
|
|
14944
|
+
</ul>
|
|
14945
|
+
</div>
|
|
14946
|
+
</td>
|
|
14947
|
+
</tr>
|
|
14948
|
+
<tr role="row">
|
|
14949
|
+
<th class="pf-c-table__tree-view-title-cell">
|
|
14950
|
+
<div class="pf-c-table__tree-view-main">
|
|
14951
|
+
<div class="pf-c-table__tree-view-text">
|
|
14952
|
+
<span
|
|
14953
|
+
class="pf-c-table__text"
|
|
14954
|
+
id="tree-table-indent-example-node-5"
|
|
14955
|
+
>Level 1, leaf 5</span>
|
|
14956
|
+
</div>
|
|
14957
|
+
<span class="pf-c-table__tree-view-details-toggle">
|
|
14958
|
+
<button
|
|
14959
|
+
class="pf-c-button pf-m-plain"
|
|
14960
|
+
type="button"
|
|
14961
|
+
aria-label="tree-table-indent-example-5--tree-table--details-toggle"
|
|
14962
|
+
>
|
|
14963
|
+
<span class="pf-c-table__details-toggle-icon">
|
|
14964
|
+
<i class="fas fa-ellipsis-h" aria-hidden="true"></i>
|
|
14965
|
+
</span>
|
|
14966
|
+
</button>
|
|
14967
|
+
</span>
|
|
14968
|
+
</div>
|
|
14969
|
+
</th>
|
|
14970
|
+
<td role="gridcell" data-label="Migration assessment">10</td>
|
|
14971
|
+
<td role="gridcell" data-label="Size of VM">25</td>
|
|
14972
|
+
<td role="gridcell" data-label="Number of Data Stores">5</td>
|
|
14973
|
+
<td class="pf-c-table__action" role="gridcell">
|
|
14974
|
+
<div class="pf-c-dropdown">
|
|
14975
|
+
<button
|
|
14976
|
+
class="pf-c-dropdown__toggle pf-m-plain"
|
|
14977
|
+
id="tree-table-indent-example-5-actions-button"
|
|
14978
|
+
aria-expanded="false"
|
|
14979
|
+
type="button"
|
|
14980
|
+
aria-label="Actions"
|
|
14981
|
+
>
|
|
14982
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
14983
|
+
</button>
|
|
14984
|
+
<ul
|
|
14985
|
+
class="pf-c-dropdown__menu pf-m-align-right"
|
|
14986
|
+
aria-labelledby="tree-table-indent-example-5-actions-button"
|
|
14987
|
+
hidden
|
|
14988
|
+
>
|
|
14989
|
+
<li>
|
|
14990
|
+
<a class="pf-c-dropdown__menu-item" href="#">Link</a>
|
|
14991
|
+
</li>
|
|
14992
|
+
<li>
|
|
14993
|
+
<button class="pf-c-dropdown__menu-item" type="button">Action</button>
|
|
14994
|
+
</li>
|
|
14995
|
+
<li>
|
|
14996
|
+
<a
|
|
14997
|
+
class="pf-c-dropdown__menu-item pf-m-disabled"
|
|
14998
|
+
href="#"
|
|
14999
|
+
aria-disabled="true"
|
|
15000
|
+
tabindex="-1"
|
|
15001
|
+
>Disabled link</a>
|
|
15002
|
+
</li>
|
|
15003
|
+
<li>
|
|
15004
|
+
<button
|
|
15005
|
+
class="pf-c-dropdown__menu-item"
|
|
15006
|
+
type="button"
|
|
15007
|
+
disabled
|
|
15008
|
+
>Disabled action</button>
|
|
15009
|
+
</li>
|
|
15010
|
+
<li class="pf-c-divider" role="separator"></li>
|
|
15011
|
+
<li>
|
|
15012
|
+
<a class="pf-c-dropdown__menu-item" href="#">Separated link</a>
|
|
15013
|
+
</li>
|
|
15014
|
+
</ul>
|
|
15015
|
+
</div>
|
|
15016
|
+
</td>
|
|
15017
|
+
</tr>
|
|
15018
|
+
<tr role="row">
|
|
15019
|
+
<th class="pf-c-table__tree-view-title-cell">
|
|
15020
|
+
<div class="pf-c-table__tree-view-main">
|
|
15021
|
+
<div class="pf-c-table__tree-view-text">
|
|
15022
|
+
<span
|
|
15023
|
+
class="pf-c-table__text"
|
|
15024
|
+
id="tree-table-indent-example-node-6"
|
|
15025
|
+
>Level 1, leaf 6</span>
|
|
15026
|
+
</div>
|
|
15027
|
+
<span class="pf-c-table__tree-view-details-toggle">
|
|
15028
|
+
<button
|
|
15029
|
+
class="pf-c-button pf-m-plain"
|
|
15030
|
+
type="button"
|
|
15031
|
+
aria-label="tree-table-indent-example-6--tree-table--details-toggle"
|
|
15032
|
+
>
|
|
15033
|
+
<span class="pf-c-table__details-toggle-icon">
|
|
15034
|
+
<i class="fas fa-ellipsis-h" aria-hidden="true"></i>
|
|
15035
|
+
</span>
|
|
15036
|
+
</button>
|
|
15037
|
+
</span>
|
|
15038
|
+
</div>
|
|
15039
|
+
</th>
|
|
15040
|
+
<td role="gridcell" data-label="Migration assessment">10</td>
|
|
15041
|
+
<td role="gridcell" data-label="Size of VM">25</td>
|
|
15042
|
+
<td role="gridcell" data-label="Number of Data Stores">5</td>
|
|
15043
|
+
<td class="pf-c-table__action" role="gridcell">
|
|
15044
|
+
<div class="pf-c-dropdown">
|
|
15045
|
+
<button
|
|
15046
|
+
class="pf-c-dropdown__toggle pf-m-plain"
|
|
15047
|
+
id="tree-table-indent-example-6-actions-button"
|
|
15048
|
+
aria-expanded="false"
|
|
15049
|
+
type="button"
|
|
15050
|
+
aria-label="Actions"
|
|
15051
|
+
>
|
|
15052
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
15053
|
+
</button>
|
|
15054
|
+
<ul
|
|
15055
|
+
class="pf-c-dropdown__menu pf-m-align-right"
|
|
15056
|
+
aria-labelledby="tree-table-indent-example-6-actions-button"
|
|
15057
|
+
hidden
|
|
15058
|
+
>
|
|
15059
|
+
<li>
|
|
15060
|
+
<a class="pf-c-dropdown__menu-item" href="#">Link</a>
|
|
15061
|
+
</li>
|
|
15062
|
+
<li>
|
|
15063
|
+
<button class="pf-c-dropdown__menu-item" type="button">Action</button>
|
|
15064
|
+
</li>
|
|
15065
|
+
<li>
|
|
15066
|
+
<a
|
|
15067
|
+
class="pf-c-dropdown__menu-item pf-m-disabled"
|
|
15068
|
+
href="#"
|
|
15069
|
+
aria-disabled="true"
|
|
15070
|
+
tabindex="-1"
|
|
15071
|
+
>Disabled link</a>
|
|
15072
|
+
</li>
|
|
15073
|
+
<li>
|
|
15074
|
+
<button
|
|
15075
|
+
class="pf-c-dropdown__menu-item"
|
|
15076
|
+
type="button"
|
|
15077
|
+
disabled
|
|
15078
|
+
>Disabled action</button>
|
|
15079
|
+
</li>
|
|
15080
|
+
<li class="pf-c-divider" role="separator"></li>
|
|
15081
|
+
<li>
|
|
15082
|
+
<a class="pf-c-dropdown__menu-item" href="#">Separated link</a>
|
|
15083
|
+
</li>
|
|
15084
|
+
</ul>
|
|
15085
|
+
</div>
|
|
15086
|
+
</td>
|
|
15087
|
+
</tr>
|
|
15088
|
+
</table>
|
|
15089
|
+
|
|
15090
|
+
```
|
|
15091
|
+
|
|
14649
15092
|
### Tree table accessibility
|
|
14650
15093
|
|
|
14651
15094
|
| Attribute | Applied to | Outcome |
|
|
@@ -14672,6 +15115,7 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
|
|
|
14672
15115
|
| `.pf-c-table__tree-view-details-toggle` | `<span>` | Initiates a tree view details toggle container. |
|
|
14673
15116
|
| `.pf-c-table__tree-view-details-toggle-icon` | `<span>` | Initiates a tree view details toggle icon. |
|
|
14674
15117
|
| `.pf-m-treeview-details-expanded` | `<tr>` | Modifies a tbody with a row and an expandable row. |
|
|
15118
|
+
| `.pf-m-no-inset` | `.pf-c-table.pf-m-tree-view` , `.pf-c-table.pf-m-tree-view <tr>` | Modifies a tree view `.pf-c-table__tree-view-main` indentation. |
|
|
14675
15119
|
|
|
14676
15120
|
## Borderless variant
|
|
14677
15121
|
|
|
@@ -23166,7 +23610,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23166
23610
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23167
23611
|
<div class="pf-l-flex__item">
|
|
23168
23612
|
<span class="pf-c-label pf-m-cyan">
|
|
23169
|
-
<span class="pf-c-label__content">
|
|
23613
|
+
<span class="pf-c-label__content">
|
|
23614
|
+
<span class="pf-c-label__text">P</span>
|
|
23615
|
+
</span>
|
|
23170
23616
|
</span>
|
|
23171
23617
|
</div>
|
|
23172
23618
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23180,7 +23626,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23180
23626
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23181
23627
|
<div class="pf-l-flex__item">
|
|
23182
23628
|
<span class="pf-c-label pf-m-cyan">
|
|
23183
|
-
<span class="pf-c-label__content">
|
|
23629
|
+
<span class="pf-c-label__content">
|
|
23630
|
+
<span class="pf-c-label__text">P</span>
|
|
23631
|
+
</span>
|
|
23184
23632
|
</span>
|
|
23185
23633
|
</div>
|
|
23186
23634
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23218,7 +23666,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23218
23666
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23219
23667
|
<div class="pf-l-flex__item">
|
|
23220
23668
|
<span class="pf-c-label pf-m-cyan">
|
|
23221
|
-
<span class="pf-c-label__content">
|
|
23669
|
+
<span class="pf-c-label__content">
|
|
23670
|
+
<span class="pf-c-label__text">P</span>
|
|
23671
|
+
</span>
|
|
23222
23672
|
</span>
|
|
23223
23673
|
</div>
|
|
23224
23674
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23232,7 +23682,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23232
23682
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23233
23683
|
<div class="pf-l-flex__item">
|
|
23234
23684
|
<span class="pf-c-label pf-m-cyan">
|
|
23235
|
-
<span class="pf-c-label__content">
|
|
23685
|
+
<span class="pf-c-label__content">
|
|
23686
|
+
<span class="pf-c-label__text">P</span>
|
|
23687
|
+
</span>
|
|
23236
23688
|
</span>
|
|
23237
23689
|
</div>
|
|
23238
23690
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23270,7 +23722,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23270
23722
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23271
23723
|
<div class="pf-l-flex__item">
|
|
23272
23724
|
<span class="pf-c-label pf-m-cyan">
|
|
23273
|
-
<span class="pf-c-label__content">
|
|
23725
|
+
<span class="pf-c-label__content">
|
|
23726
|
+
<span class="pf-c-label__text">P</span>
|
|
23727
|
+
</span>
|
|
23274
23728
|
</span>
|
|
23275
23729
|
</div>
|
|
23276
23730
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23284,7 +23738,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23284
23738
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23285
23739
|
<div class="pf-l-flex__item">
|
|
23286
23740
|
<span class="pf-c-label pf-m-cyan">
|
|
23287
|
-
<span class="pf-c-label__content">
|
|
23741
|
+
<span class="pf-c-label__content">
|
|
23742
|
+
<span class="pf-c-label__text">P</span>
|
|
23743
|
+
</span>
|
|
23288
23744
|
</span>
|
|
23289
23745
|
</div>
|
|
23290
23746
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23322,7 +23778,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23322
23778
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23323
23779
|
<div class="pf-l-flex__item">
|
|
23324
23780
|
<span class="pf-c-label pf-m-cyan">
|
|
23325
|
-
<span class="pf-c-label__content">
|
|
23781
|
+
<span class="pf-c-label__content">
|
|
23782
|
+
<span class="pf-c-label__text">P</span>
|
|
23783
|
+
</span>
|
|
23326
23784
|
</span>
|
|
23327
23785
|
</div>
|
|
23328
23786
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23336,7 +23794,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23336
23794
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23337
23795
|
<div class="pf-l-flex__item">
|
|
23338
23796
|
<span class="pf-c-label pf-m-cyan">
|
|
23339
|
-
<span class="pf-c-label__content">
|
|
23797
|
+
<span class="pf-c-label__content">
|
|
23798
|
+
<span class="pf-c-label__text">P</span>
|
|
23799
|
+
</span>
|
|
23340
23800
|
</span>
|
|
23341
23801
|
</div>
|
|
23342
23802
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23374,7 +23834,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23374
23834
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23375
23835
|
<div class="pf-l-flex__item">
|
|
23376
23836
|
<span class="pf-c-label pf-m-cyan">
|
|
23377
|
-
<span class="pf-c-label__content">
|
|
23837
|
+
<span class="pf-c-label__content">
|
|
23838
|
+
<span class="pf-c-label__text">P</span>
|
|
23839
|
+
</span>
|
|
23378
23840
|
</span>
|
|
23379
23841
|
</div>
|
|
23380
23842
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23388,7 +23850,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23388
23850
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23389
23851
|
<div class="pf-l-flex__item">
|
|
23390
23852
|
<span class="pf-c-label pf-m-cyan">
|
|
23391
|
-
<span class="pf-c-label__content">
|
|
23853
|
+
<span class="pf-c-label__content">
|
|
23854
|
+
<span class="pf-c-label__text">P</span>
|
|
23855
|
+
</span>
|
|
23392
23856
|
</span>
|
|
23393
23857
|
</div>
|
|
23394
23858
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23426,7 +23890,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23426
23890
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23427
23891
|
<div class="pf-l-flex__item">
|
|
23428
23892
|
<span class="pf-c-label pf-m-cyan">
|
|
23429
|
-
<span class="pf-c-label__content">
|
|
23893
|
+
<span class="pf-c-label__content">
|
|
23894
|
+
<span class="pf-c-label__text">P</span>
|
|
23895
|
+
</span>
|
|
23430
23896
|
</span>
|
|
23431
23897
|
</div>
|
|
23432
23898
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23440,7 +23906,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23440
23906
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23441
23907
|
<div class="pf-l-flex__item">
|
|
23442
23908
|
<span class="pf-c-label pf-m-cyan">
|
|
23443
|
-
<span class="pf-c-label__content">
|
|
23909
|
+
<span class="pf-c-label__content">
|
|
23910
|
+
<span class="pf-c-label__text">P</span>
|
|
23911
|
+
</span>
|
|
23444
23912
|
</span>
|
|
23445
23913
|
</div>
|
|
23446
23914
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23478,7 +23946,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23478
23946
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23479
23947
|
<div class="pf-l-flex__item">
|
|
23480
23948
|
<span class="pf-c-label pf-m-cyan">
|
|
23481
|
-
<span class="pf-c-label__content">
|
|
23949
|
+
<span class="pf-c-label__content">
|
|
23950
|
+
<span class="pf-c-label__text">P</span>
|
|
23951
|
+
</span>
|
|
23482
23952
|
</span>
|
|
23483
23953
|
</div>
|
|
23484
23954
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23492,7 +23962,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23492
23962
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23493
23963
|
<div class="pf-l-flex__item">
|
|
23494
23964
|
<span class="pf-c-label pf-m-cyan">
|
|
23495
|
-
<span class="pf-c-label__content">
|
|
23965
|
+
<span class="pf-c-label__content">
|
|
23966
|
+
<span class="pf-c-label__text">P</span>
|
|
23967
|
+
</span>
|
|
23496
23968
|
</span>
|
|
23497
23969
|
</div>
|
|
23498
23970
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23530,7 +24002,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23530
24002
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23531
24003
|
<div class="pf-l-flex__item">
|
|
23532
24004
|
<span class="pf-c-label pf-m-cyan">
|
|
23533
|
-
<span class="pf-c-label__content">
|
|
24005
|
+
<span class="pf-c-label__content">
|
|
24006
|
+
<span class="pf-c-label__text">P</span>
|
|
24007
|
+
</span>
|
|
23534
24008
|
</span>
|
|
23535
24009
|
</div>
|
|
23536
24010
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23544,7 +24018,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23544
24018
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23545
24019
|
<div class="pf-l-flex__item">
|
|
23546
24020
|
<span class="pf-c-label pf-m-cyan">
|
|
23547
|
-
<span class="pf-c-label__content">
|
|
24021
|
+
<span class="pf-c-label__content">
|
|
24022
|
+
<span class="pf-c-label__text">P</span>
|
|
24023
|
+
</span>
|
|
23548
24024
|
</span>
|
|
23549
24025
|
</div>
|
|
23550
24026
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23582,7 +24058,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23582
24058
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23583
24059
|
<div class="pf-l-flex__item">
|
|
23584
24060
|
<span class="pf-c-label pf-m-cyan">
|
|
23585
|
-
<span class="pf-c-label__content">
|
|
24061
|
+
<span class="pf-c-label__content">
|
|
24062
|
+
<span class="pf-c-label__text">P</span>
|
|
24063
|
+
</span>
|
|
23586
24064
|
</span>
|
|
23587
24065
|
</div>
|
|
23588
24066
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23596,7 +24074,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23596
24074
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23597
24075
|
<div class="pf-l-flex__item">
|
|
23598
24076
|
<span class="pf-c-label pf-m-cyan">
|
|
23599
|
-
<span class="pf-c-label__content">
|
|
24077
|
+
<span class="pf-c-label__content">
|
|
24078
|
+
<span class="pf-c-label__text">P</span>
|
|
24079
|
+
</span>
|
|
23600
24080
|
</span>
|
|
23601
24081
|
</div>
|
|
23602
24082
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23634,7 +24114,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23634
24114
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23635
24115
|
<div class="pf-l-flex__item">
|
|
23636
24116
|
<span class="pf-c-label pf-m-cyan">
|
|
23637
|
-
<span class="pf-c-label__content">
|
|
24117
|
+
<span class="pf-c-label__content">
|
|
24118
|
+
<span class="pf-c-label__text">P</span>
|
|
24119
|
+
</span>
|
|
23638
24120
|
</span>
|
|
23639
24121
|
</div>
|
|
23640
24122
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23648,7 +24130,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23648
24130
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23649
24131
|
<div class="pf-l-flex__item">
|
|
23650
24132
|
<span class="pf-c-label pf-m-cyan">
|
|
23651
|
-
<span class="pf-c-label__content">
|
|
24133
|
+
<span class="pf-c-label__content">
|
|
24134
|
+
<span class="pf-c-label__text">P</span>
|
|
24135
|
+
</span>
|
|
23652
24136
|
</span>
|
|
23653
24137
|
</div>
|
|
23654
24138
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23865,7 +24349,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23865
24349
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23866
24350
|
<div class="pf-l-flex__item">
|
|
23867
24351
|
<span class="pf-c-label pf-m-cyan">
|
|
23868
|
-
<span class="pf-c-label__content">
|
|
24352
|
+
<span class="pf-c-label__content">
|
|
24353
|
+
<span class="pf-c-label__text">P</span>
|
|
24354
|
+
</span>
|
|
23869
24355
|
</span>
|
|
23870
24356
|
</div>
|
|
23871
24357
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23879,7 +24365,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23879
24365
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23880
24366
|
<div class="pf-l-flex__item">
|
|
23881
24367
|
<span class="pf-c-label pf-m-cyan">
|
|
23882
|
-
<span class="pf-c-label__content">
|
|
24368
|
+
<span class="pf-c-label__content">
|
|
24369
|
+
<span class="pf-c-label__text">P</span>
|
|
24370
|
+
</span>
|
|
23883
24371
|
</span>
|
|
23884
24372
|
</div>
|
|
23885
24373
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23917,7 +24405,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23917
24405
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23918
24406
|
<div class="pf-l-flex__item">
|
|
23919
24407
|
<span class="pf-c-label pf-m-cyan">
|
|
23920
|
-
<span class="pf-c-label__content">
|
|
24408
|
+
<span class="pf-c-label__content">
|
|
24409
|
+
<span class="pf-c-label__text">P</span>
|
|
24410
|
+
</span>
|
|
23921
24411
|
</span>
|
|
23922
24412
|
</div>
|
|
23923
24413
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23931,7 +24421,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23931
24421
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23932
24422
|
<div class="pf-l-flex__item">
|
|
23933
24423
|
<span class="pf-c-label pf-m-cyan">
|
|
23934
|
-
<span class="pf-c-label__content">
|
|
24424
|
+
<span class="pf-c-label__content">
|
|
24425
|
+
<span class="pf-c-label__text">P</span>
|
|
24426
|
+
</span>
|
|
23935
24427
|
</span>
|
|
23936
24428
|
</div>
|
|
23937
24429
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23969,7 +24461,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23969
24461
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23970
24462
|
<div class="pf-l-flex__item">
|
|
23971
24463
|
<span class="pf-c-label pf-m-cyan">
|
|
23972
|
-
<span class="pf-c-label__content">
|
|
24464
|
+
<span class="pf-c-label__content">
|
|
24465
|
+
<span class="pf-c-label__text">P</span>
|
|
24466
|
+
</span>
|
|
23973
24467
|
</span>
|
|
23974
24468
|
</div>
|
|
23975
24469
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -23983,7 +24477,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
23983
24477
|
<div class="pf-l-flex pf-m-nowrap">
|
|
23984
24478
|
<div class="pf-l-flex__item">
|
|
23985
24479
|
<span class="pf-c-label pf-m-cyan">
|
|
23986
|
-
<span class="pf-c-label__content">
|
|
24480
|
+
<span class="pf-c-label__content">
|
|
24481
|
+
<span class="pf-c-label__text">P</span>
|
|
24482
|
+
</span>
|
|
23987
24483
|
</span>
|
|
23988
24484
|
</div>
|
|
23989
24485
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24021,7 +24517,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24021
24517
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24022
24518
|
<div class="pf-l-flex__item">
|
|
24023
24519
|
<span class="pf-c-label pf-m-cyan">
|
|
24024
|
-
<span class="pf-c-label__content">
|
|
24520
|
+
<span class="pf-c-label__content">
|
|
24521
|
+
<span class="pf-c-label__text">P</span>
|
|
24522
|
+
</span>
|
|
24025
24523
|
</span>
|
|
24026
24524
|
</div>
|
|
24027
24525
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24035,7 +24533,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24035
24533
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24036
24534
|
<div class="pf-l-flex__item">
|
|
24037
24535
|
<span class="pf-c-label pf-m-cyan">
|
|
24038
|
-
<span class="pf-c-label__content">
|
|
24536
|
+
<span class="pf-c-label__content">
|
|
24537
|
+
<span class="pf-c-label__text">P</span>
|
|
24538
|
+
</span>
|
|
24039
24539
|
</span>
|
|
24040
24540
|
</div>
|
|
24041
24541
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24073,7 +24573,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24073
24573
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24074
24574
|
<div class="pf-l-flex__item">
|
|
24075
24575
|
<span class="pf-c-label pf-m-cyan">
|
|
24076
|
-
<span class="pf-c-label__content">
|
|
24576
|
+
<span class="pf-c-label__content">
|
|
24577
|
+
<span class="pf-c-label__text">P</span>
|
|
24578
|
+
</span>
|
|
24077
24579
|
</span>
|
|
24078
24580
|
</div>
|
|
24079
24581
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24087,7 +24589,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24087
24589
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24088
24590
|
<div class="pf-l-flex__item">
|
|
24089
24591
|
<span class="pf-c-label pf-m-cyan">
|
|
24090
|
-
<span class="pf-c-label__content">
|
|
24592
|
+
<span class="pf-c-label__content">
|
|
24593
|
+
<span class="pf-c-label__text">P</span>
|
|
24594
|
+
</span>
|
|
24091
24595
|
</span>
|
|
24092
24596
|
</div>
|
|
24093
24597
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24125,7 +24629,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24125
24629
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24126
24630
|
<div class="pf-l-flex__item">
|
|
24127
24631
|
<span class="pf-c-label pf-m-cyan">
|
|
24128
|
-
<span class="pf-c-label__content">
|
|
24632
|
+
<span class="pf-c-label__content">
|
|
24633
|
+
<span class="pf-c-label__text">P</span>
|
|
24634
|
+
</span>
|
|
24129
24635
|
</span>
|
|
24130
24636
|
</div>
|
|
24131
24637
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24139,7 +24645,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24139
24645
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24140
24646
|
<div class="pf-l-flex__item">
|
|
24141
24647
|
<span class="pf-c-label pf-m-cyan">
|
|
24142
|
-
<span class="pf-c-label__content">
|
|
24648
|
+
<span class="pf-c-label__content">
|
|
24649
|
+
<span class="pf-c-label__text">P</span>
|
|
24650
|
+
</span>
|
|
24143
24651
|
</span>
|
|
24144
24652
|
</div>
|
|
24145
24653
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24177,7 +24685,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24177
24685
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24178
24686
|
<div class="pf-l-flex__item">
|
|
24179
24687
|
<span class="pf-c-label pf-m-cyan">
|
|
24180
|
-
<span class="pf-c-label__content">
|
|
24688
|
+
<span class="pf-c-label__content">
|
|
24689
|
+
<span class="pf-c-label__text">P</span>
|
|
24690
|
+
</span>
|
|
24181
24691
|
</span>
|
|
24182
24692
|
</div>
|
|
24183
24693
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24191,7 +24701,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24191
24701
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24192
24702
|
<div class="pf-l-flex__item">
|
|
24193
24703
|
<span class="pf-c-label pf-m-cyan">
|
|
24194
|
-
<span class="pf-c-label__content">
|
|
24704
|
+
<span class="pf-c-label__content">
|
|
24705
|
+
<span class="pf-c-label__text">P</span>
|
|
24706
|
+
</span>
|
|
24195
24707
|
</span>
|
|
24196
24708
|
</div>
|
|
24197
24709
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24229,7 +24741,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24229
24741
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24230
24742
|
<div class="pf-l-flex__item">
|
|
24231
24743
|
<span class="pf-c-label pf-m-cyan">
|
|
24232
|
-
<span class="pf-c-label__content">
|
|
24744
|
+
<span class="pf-c-label__content">
|
|
24745
|
+
<span class="pf-c-label__text">P</span>
|
|
24746
|
+
</span>
|
|
24233
24747
|
</span>
|
|
24234
24748
|
</div>
|
|
24235
24749
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24243,7 +24757,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24243
24757
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24244
24758
|
<div class="pf-l-flex__item">
|
|
24245
24759
|
<span class="pf-c-label pf-m-cyan">
|
|
24246
|
-
<span class="pf-c-label__content">
|
|
24760
|
+
<span class="pf-c-label__content">
|
|
24761
|
+
<span class="pf-c-label__text">P</span>
|
|
24762
|
+
</span>
|
|
24247
24763
|
</span>
|
|
24248
24764
|
</div>
|
|
24249
24765
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24281,7 +24797,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24281
24797
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24282
24798
|
<div class="pf-l-flex__item">
|
|
24283
24799
|
<span class="pf-c-label pf-m-cyan">
|
|
24284
|
-
<span class="pf-c-label__content">
|
|
24800
|
+
<span class="pf-c-label__content">
|
|
24801
|
+
<span class="pf-c-label__text">P</span>
|
|
24802
|
+
</span>
|
|
24285
24803
|
</span>
|
|
24286
24804
|
</div>
|
|
24287
24805
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24295,7 +24813,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24295
24813
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24296
24814
|
<div class="pf-l-flex__item">
|
|
24297
24815
|
<span class="pf-c-label pf-m-cyan">
|
|
24298
|
-
<span class="pf-c-label__content">
|
|
24816
|
+
<span class="pf-c-label__content">
|
|
24817
|
+
<span class="pf-c-label__text">P</span>
|
|
24818
|
+
</span>
|
|
24299
24819
|
</span>
|
|
24300
24820
|
</div>
|
|
24301
24821
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24333,7 +24853,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24333
24853
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24334
24854
|
<div class="pf-l-flex__item">
|
|
24335
24855
|
<span class="pf-c-label pf-m-cyan">
|
|
24336
|
-
<span class="pf-c-label__content">
|
|
24856
|
+
<span class="pf-c-label__content">
|
|
24857
|
+
<span class="pf-c-label__text">P</span>
|
|
24858
|
+
</span>
|
|
24337
24859
|
</span>
|
|
24338
24860
|
</div>
|
|
24339
24861
|
<div class="pf-l-flex__item pf-m-flex-1">
|
|
@@ -24347,7 +24869,9 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
24347
24869
|
<div class="pf-l-flex pf-m-nowrap">
|
|
24348
24870
|
<div class="pf-l-flex__item">
|
|
24349
24871
|
<span class="pf-c-label pf-m-cyan">
|
|
24350
|
-
<span class="pf-c-label__content">
|
|
24872
|
+
<span class="pf-c-label__content">
|
|
24873
|
+
<span class="pf-c-label__text">P</span>
|
|
24874
|
+
</span>
|
|
24351
24875
|
</span>
|
|
24352
24876
|
</div>
|
|
24353
24877
|
<div class="pf-l-flex__item pf-m-flex-1">
|