@patternfly/patternfly 4.167.0 → 4.168.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Table/table.css +8 -0
- package/components/Table/table.scss +16 -0
- package/docs/components/Table/examples/Table.md +899 -241
- package/package.json +1 -1
- package/patternfly-no-reset.css +8 -0
- package/patternfly.css +8 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/docs/pages/modifiers.md +0 -86
|
@@ -275,6 +275,7 @@
|
|
|
275
275
|
--pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);
|
|
276
276
|
--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
|
|
277
277
|
--pf-c-table__subhead--Color: var(--pf-global--Color--200);
|
|
278
|
+
--pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
|
|
278
279
|
color: var(--pf-global--Color--100);
|
|
279
280
|
width: 100%;
|
|
280
281
|
background-color: var(--pf-c-table--BackgroundColor);
|
|
@@ -316,6 +317,13 @@
|
|
|
316
317
|
content: "";
|
|
317
318
|
border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
|
|
318
319
|
}
|
|
320
|
+
.pf-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-c-table__expandable-row),
|
|
321
|
+
.pf-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
322
|
+
.pf-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
323
|
+
.pf-c-table tr.pf-m-striped {
|
|
324
|
+
--pf-c-table__sticky-column--BackgroundColor: var(--pf-c-table--m-striped__tr--BackgroundColor);
|
|
325
|
+
background: var(--pf-c-table--m-striped__tr--BackgroundColor);
|
|
326
|
+
}
|
|
319
327
|
.pf-c-table tr:not(.pf-c-table__expandable-row) {
|
|
320
328
|
border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
|
|
321
329
|
}
|
|
@@ -303,6 +303,9 @@
|
|
|
303
303
|
// Subhead
|
|
304
304
|
--pf-c-table__subhead--Color: var(--pf-global--Color--200);
|
|
305
305
|
|
|
306
|
+
// Striped
|
|
307
|
+
--pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
|
|
308
|
+
|
|
306
309
|
@media screen and (min-width: $pf-global--breakpoint--xl) {
|
|
307
310
|
--pf-c-table--cell--first-last-child--PaddingRight: var(--pf-c-table--cell--first-last-child--xl--PaddingRight);
|
|
308
311
|
--pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--cell--first-last-child--xl--PaddingLeft);
|
|
@@ -345,6 +348,19 @@
|
|
|
345
348
|
}
|
|
346
349
|
}
|
|
347
350
|
|
|
351
|
+
// For regular and expandable tables
|
|
352
|
+
// stylelint-disable
|
|
353
|
+
&.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), // regular table
|
|
354
|
+
&.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-c-table__expandable-row), // expandable table
|
|
355
|
+
> .pf-m-striped > tr:nth-child(odd), // tbody odd
|
|
356
|
+
> .pf-m-striped-even > tr:nth-child(even), // tbody even
|
|
357
|
+
tr.pf-m-striped { // tr
|
|
358
|
+
--pf-c-table__sticky-column--BackgroundColor: var(--pf-c-table--m-striped__tr--BackgroundColor);
|
|
359
|
+
|
|
360
|
+
background: var(--pf-c-table--m-striped__tr--BackgroundColor);
|
|
361
|
+
}
|
|
362
|
+
// stylelint-enable
|
|
363
|
+
|
|
348
364
|
// Standard table row (non-expandable)
|
|
349
365
|
// exclude expandable rows
|
|
350
366
|
tr:not(.pf-c-table__expandable-row) {
|