@patternfly/patternfly 4.177.0 → 4.177.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/Table/table.css +2 -1
- package/components/Table/table.scss +8 -5
- package/docs/components/Table/examples/Table.md +12 -1
- package/docs/demos/Table/examples/Table.md +1174 -44
- package/package.json +1 -1
- package/patternfly-no-reset.css +2 -1
- package/patternfly.css +2 -1
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -967,7 +967,8 @@
|
|
|
967
967
|
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child {
|
|
968
968
|
--pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
969
969
|
}
|
|
970
|
-
.pf-c-table.pf-m-compact thead th
|
|
970
|
+
.pf-c-table.pf-m-compact thead th,
|
|
971
|
+
.pf-c-table.pf-m-compact thead .pf-c-table__toggle {
|
|
971
972
|
--pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);
|
|
972
973
|
--pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);
|
|
973
974
|
}
|
|
@@ -85,8 +85,8 @@
|
|
|
85
85
|
// ============================================================ //
|
|
86
86
|
|
|
87
87
|
// Table cell - toggle
|
|
88
|
-
--pf-c-table__toggle--c-button--MarginTop: calc(#{pf-size-prem(6px)} * -1);
|
|
89
|
-
--pf-c-table__toggle--c-button--MarginBottom: calc(#{pf-size-prem(6px)} * -1);
|
|
88
|
+
--pf-c-table__toggle--c-button--MarginTop: calc(#{pf-size-prem(6px)} * -1); // use var(--pf-global--spacer--form-element) at breaking change
|
|
89
|
+
--pf-c-table__toggle--c-button--MarginBottom: calc(#{pf-size-prem(6px)} * -1); // use var(--pf-global--spacer--form-element) at breaking change
|
|
90
90
|
--pf-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
|
|
91
91
|
--pf-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
|
|
92
92
|
--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
|
|
@@ -1255,9 +1255,12 @@
|
|
|
1255
1255
|
}
|
|
1256
1256
|
|
|
1257
1257
|
// Thead only
|
|
1258
|
-
thead
|
|
1259
|
-
|
|
1260
|
-
|
|
1258
|
+
thead {
|
|
1259
|
+
th,
|
|
1260
|
+
.pf-c-table__toggle {
|
|
1261
|
+
--pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);
|
|
1262
|
+
--pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);
|
|
1263
|
+
}
|
|
1261
1264
|
}
|
|
1262
1265
|
|
|
1263
1266
|
.pf-c-table__action {
|
|
@@ -5644,7 +5644,18 @@ Note: To apply padding to `.pf-c-table__expandable-row`, wrap the content in `.p
|
|
|
5644
5644
|
>
|
|
5645
5645
|
<thead>
|
|
5646
5646
|
<tr role="row">
|
|
5647
|
-
<td
|
|
5647
|
+
<td class="pf-c-table__toggle" role="cell">
|
|
5648
|
+
<button
|
|
5649
|
+
class="pf-c-button pf-m-plain"
|
|
5650
|
+
id="table-compact-expandable-expandable-toggle-thead"
|
|
5651
|
+
aria-label="Expand all"
|
|
5652
|
+
>
|
|
5653
|
+
<div class="pf-c-table__toggle-icon">
|
|
5654
|
+
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
5655
|
+
</div>
|
|
5656
|
+
</button>
|
|
5657
|
+
</td>
|
|
5658
|
+
|
|
5648
5659
|
<td class="pf-c-table__check" role="cell">
|
|
5649
5660
|
<label>
|
|
5650
5661
|
<input
|