@patternfly/react-styles 5.0.0-alpha.11 → 5.0.0-alpha.13
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/CHANGELOG.md +12 -0
- package/css/components/FormControl/form-control.css +164 -214
- package/css/components/FormControl/form-control.d.ts +10 -6
- package/css/components/FormControl/form-control.js +10 -6
- package/css/components/FormControl/form-control.mjs +10 -6
- package/css/components/NumberInput/number-input.css +0 -1
- package/css/components/Table/table-grid.css +380 -391
- package/css/components/Table/table-grid.d.ts +6 -1
- package/css/components/Table/table-grid.js +6 -1
- package/css/components/Table/table-grid.mjs +6 -1
- package/css/components/Table/table-tree-view.css +254 -254
- package/css/components/Table/table-tree-view.d.ts +5 -0
- package/css/components/Table/table-tree-view.js +5 -0
- package/css/components/Table/table-tree-view.mjs +5 -0
- package/css/components/Table/table.css +232 -232
- package/css/components/Table/table.d.ts +7 -0
- package/css/components/Table/table.js +7 -0
- package/css/components/Table/table.mjs +7 -0
- package/package.json +3 -3
- package/css/docs/components/FormControl/examples/FormControl.css +0 -5
- package/css/docs/components/FormControl/examples/FormControl.d.ts +0 -3
- package/css/docs/components/FormControl/examples/FormControl.js +0 -4
- package/css/docs/components/FormControl/examples/FormControl.mjs +0 -2
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
.pf-v5-c-table[class*=pf-m-grid] {
|
|
2
2
|
--pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
3
|
-
--pf-v5-c-
|
|
4
|
-
--pf-v5-c-
|
|
5
|
-
--pf-v5-c-
|
|
6
|
-
--pf-v5-c-
|
|
7
|
-
--pf-v5-c-
|
|
8
|
-
--pf-v5-c-
|
|
9
|
-
--pf-v5-c-
|
|
10
|
-
--pf-v5-c-
|
|
11
|
-
--pf-v5-c-
|
|
12
|
-
--pf-v5-c-
|
|
13
|
-
--pf-v5-c-
|
|
14
|
-
--pf-v5-c-
|
|
15
|
-
--pf-v5-c-
|
|
16
|
-
--pf-v5-c-
|
|
17
|
-
--pf-v5-c-
|
|
18
|
-
--pf-v5-c-
|
|
19
|
-
--pf-v5-c-
|
|
20
|
-
--pf-v5-c-
|
|
21
|
-
--pf-v5-c-
|
|
22
|
-
--pf-v5-c-
|
|
23
|
-
--pf-v5-c-
|
|
24
|
-
--pf-v5-c-
|
|
25
|
-
--pf-v5-c-
|
|
26
|
-
--pf-v5-c-
|
|
3
|
+
--pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
|
|
4
|
+
--pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
|
|
5
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
6
|
+
--pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
7
|
+
--pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
|
|
8
|
+
--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9
|
+
--pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
|
|
10
|
+
--pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
11
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
12
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
13
|
+
--pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
14
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
15
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
16
|
+
--pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
17
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
18
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
19
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
20
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
21
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
|
|
22
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
|
|
23
|
+
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
24
|
+
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
|
|
25
|
+
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
26
|
+
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
|
|
27
27
|
--pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
|
|
28
28
|
--pf-v5-c-table--m-grid--cell--PaddingTop: 0;
|
|
29
29
|
--pf-v5-c-table--m-grid--cell--PaddingRight: 0;
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
--pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
36
36
|
--pf-v5-c-table--cell--responsive--PaddingRight: 0;
|
|
37
37
|
--pf-v5-c-table--cell--responsive--PaddingLeft: 0;
|
|
38
|
-
--pf-v5-c-table--m-
|
|
39
|
-
--pf-v5-c-table--m-
|
|
40
|
-
--pf-v5-c-table--m-
|
|
41
|
-
--pf-v5-c-table--m-
|
|
38
|
+
--pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
39
|
+
--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
40
|
+
--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
41
|
+
--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
42
42
|
--pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
43
43
|
--pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
44
44
|
--pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
}
|
|
61
61
|
@media screen and (max-width: 1200px) {
|
|
62
62
|
.pf-v5-c-table[class*=pf-m-grid] {
|
|
63
|
-
--pf-v5-c-
|
|
64
|
-
--pf-v5-c-
|
|
63
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
|
|
64
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
@media screen and (max-width: 1200px) {
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
display: grid;
|
|
84
84
|
border: none;
|
|
85
85
|
}
|
|
86
|
-
.pf-m-grid.pf-v5-c-table tr > * {
|
|
86
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
87
87
|
width: auto;
|
|
88
88
|
min-width: 0;
|
|
89
89
|
max-width: none;
|
|
@@ -100,57 +100,57 @@
|
|
|
100
100
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
101
101
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
102
102
|
}
|
|
103
|
-
.pf-m-grid.pf-v5-c-table thead {
|
|
103
|
+
.pf-m-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
104
104
|
display: none;
|
|
105
105
|
}
|
|
106
|
-
.pf-m-grid.pf-v5-c-table tbody {
|
|
106
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
107
107
|
display: block;
|
|
108
108
|
}
|
|
109
|
-
.pf-m-grid.pf-v5-c-table tbody:first-of-type {
|
|
110
|
-
border-top: var(--pf-v5-c-
|
|
109
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
110
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
111
111
|
}
|
|
112
|
-
.pf-m-grid.pf-v5-c-table table.pf-m-compact > tbody {
|
|
112
|
+
.pf-m-grid.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
113
113
|
border-top: 0;
|
|
114
114
|
}
|
|
115
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
116
|
-
border-bottom: var(--pf-v5-c-
|
|
115
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
116
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
117
117
|
}
|
|
118
|
-
.pf-m-grid.pf-v5-c-table tr:last-child,
|
|
119
|
-
.pf-m-grid.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
120
|
-
border-bottom-width: var(--pf-v5-c-
|
|
118
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
119
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
|
|
120
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
121
121
|
}
|
|
122
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
|
|
122
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
123
123
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
124
124
|
}
|
|
125
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
125
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
126
126
|
border-bottom: 0;
|
|
127
127
|
}
|
|
128
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
129
|
-
border-bottom: var(--pf-v5-c-
|
|
128
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
129
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
130
130
|
}
|
|
131
|
-
.pf-m-grid.pf-v5-c-table tr.pf-m-selected {
|
|
131
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
132
132
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
133
133
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
134
134
|
}
|
|
135
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
135
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
136
136
|
display: grid;
|
|
137
137
|
grid-template-columns: 1fr;
|
|
138
138
|
height: auto;
|
|
139
139
|
grid-auto-columns: max-content;
|
|
140
|
-
grid-column-gap: var(--pf-v5-c-
|
|
141
|
-
padding: var(--pf-v5-c-
|
|
140
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
141
|
+
padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
|
|
142
142
|
}
|
|
143
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
143
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
144
144
|
padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
|
|
145
145
|
}
|
|
146
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
146
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
147
147
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
148
148
|
}
|
|
149
149
|
.pf-m-grid.pf-v5-c-table.pf-m-compact {
|
|
150
|
-
--pf-v5-c-
|
|
151
|
-
--pf-v5-c-
|
|
152
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
153
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
150
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
151
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
152
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
153
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
154
154
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
155
155
|
}
|
|
156
156
|
.pf-m-grid.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -163,61 +163,61 @@
|
|
|
163
163
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
164
164
|
text-align: left;
|
|
165
165
|
}
|
|
166
|
-
.pf-m-grid.pf-v5-c-table [data-label] {
|
|
166
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
167
167
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
168
168
|
grid-column: 1;
|
|
169
169
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
170
170
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
171
171
|
align-items: start;
|
|
172
172
|
}
|
|
173
|
-
.pf-m-grid.pf-v5-c-table [data-label] > * {
|
|
173
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
174
174
|
grid-column: 2;
|
|
175
175
|
}
|
|
176
|
-
.pf-m-grid.pf-v5-c-table [data-label]::before {
|
|
176
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
177
177
|
font-weight: bold;
|
|
178
178
|
text-align: left;
|
|
179
179
|
content: attr(data-label);
|
|
180
180
|
}
|
|
181
|
-
.pf-m-grid.pf-v5-c-table tr > *:first-child {
|
|
181
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
182
182
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
183
183
|
}
|
|
184
|
-
.pf-m-grid.pf-v5-c-table tr > *:last-child {
|
|
184
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
185
185
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
186
186
|
}
|
|
187
187
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table {
|
|
188
|
-
--pf-v5-c-
|
|
189
|
-
--pf-v5-c-
|
|
190
|
-
--pf-v5-c-
|
|
191
|
-
--pf-v5-c-
|
|
188
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
189
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
190
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
191
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
192
192
|
border: 0;
|
|
193
193
|
}
|
|
194
|
-
.pf-m-grid.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
|
|
195
|
-
--pf-v5-c-
|
|
194
|
+
.pf-m-grid.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
195
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
196
196
|
}
|
|
197
197
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
198
198
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
199
199
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
200
200
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
201
201
|
}
|
|
202
|
-
.pf-m-grid.pf-v5-c-table tbody {
|
|
202
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
203
203
|
position: relative;
|
|
204
204
|
}
|
|
205
|
-
.pf-m-grid.pf-v5-c-table tbody::after {
|
|
205
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
206
206
|
position: absolute;
|
|
207
207
|
top: 0;
|
|
208
208
|
bottom: 0;
|
|
209
209
|
left: 0;
|
|
210
210
|
content: "";
|
|
211
211
|
border: 0;
|
|
212
|
-
border-left: var(--pf-v5-c-
|
|
212
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
213
213
|
}
|
|
214
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
|
|
215
|
-
--pf-v5-c-
|
|
214
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
215
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
216
216
|
}
|
|
217
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
218
|
-
--pf-v5-c-
|
|
217
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
|
|
218
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
219
219
|
}
|
|
220
|
-
.pf-m-grid.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
220
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
|
|
221
221
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
222
222
|
position: static;
|
|
223
223
|
width: auto;
|
|
@@ -246,7 +246,8 @@
|
|
|
246
246
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
247
247
|
content: none;
|
|
248
248
|
}
|
|
249
|
-
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
249
|
+
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
250
|
+
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
250
251
|
padding: 0;
|
|
251
252
|
}
|
|
252
253
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -256,44 +257,44 @@
|
|
|
256
257
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
257
258
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
258
259
|
}
|
|
259
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable {
|
|
260
|
-
--pf-v5-c-
|
|
261
|
-
--pf-v5-c-
|
|
260
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
261
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
262
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
262
263
|
}
|
|
263
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable,
|
|
264
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
264
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
265
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
|
|
265
266
|
position: relative;
|
|
266
267
|
}
|
|
267
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
268
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
|
|
268
269
|
content: "";
|
|
269
270
|
position: absolute;
|
|
270
271
|
top: 0;
|
|
271
272
|
bottom: 0;
|
|
272
273
|
left: 0;
|
|
273
|
-
width: var(--pf-v5-c-
|
|
274
|
-
background-color: var(--pf-v5-c-
|
|
274
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
275
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
275
276
|
}
|
|
276
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
277
|
-
--pf-v5-c-
|
|
278
|
-
--pf-v5-c-
|
|
277
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
278
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
279
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
279
280
|
}
|
|
280
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
281
|
-
--pf-v5-c-
|
|
282
|
-
--pf-v5-c-
|
|
281
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
282
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
283
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
283
284
|
}
|
|
284
|
-
.pf-m-grid.pf-v5-c-table tr.pf-m-selected::after {
|
|
285
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
285
286
|
content: "";
|
|
286
287
|
position: absolute;
|
|
287
288
|
top: 0;
|
|
288
289
|
bottom: 0;
|
|
289
290
|
left: 0;
|
|
290
|
-
width: var(--pf-v5-c-
|
|
291
|
-
background-color: var(--pf-v5-c-
|
|
291
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
292
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
292
293
|
}
|
|
293
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
294
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
295
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
296
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
294
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
295
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
296
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
297
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
297
298
|
width: auto;
|
|
298
299
|
padding: 0;
|
|
299
300
|
}
|
|
@@ -358,14 +359,14 @@
|
|
|
358
359
|
.pf-v5-c-button.pf-m-expanded > .pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle-icon {
|
|
359
360
|
transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
|
|
360
361
|
}
|
|
361
|
-
.pf-m-grid.pf-v5-c-table .pf-m-nowrap {
|
|
362
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
|
|
362
363
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
363
364
|
}
|
|
364
|
-
.pf-m-grid.pf-v5-c-table .pf-m-fit-content {
|
|
365
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
|
|
365
366
|
width: auto;
|
|
366
367
|
white-space: normal;
|
|
367
368
|
}
|
|
368
|
-
.pf-m-grid.pf-v5-c-table .pf-m-truncate {
|
|
369
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
|
|
369
370
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
370
371
|
}
|
|
371
372
|
.pf-m-grid.pf-v5-c-table [class*=pf-m-width] {
|
|
@@ -385,7 +386,7 @@
|
|
|
385
386
|
display: grid;
|
|
386
387
|
border: none;
|
|
387
388
|
}
|
|
388
|
-
.pf-m-grid-md.pf-v5-c-table tr > * {
|
|
389
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
389
390
|
width: auto;
|
|
390
391
|
min-width: 0;
|
|
391
392
|
max-width: none;
|
|
@@ -402,57 +403,57 @@
|
|
|
402
403
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
403
404
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
404
405
|
}
|
|
405
|
-
.pf-m-grid-md.pf-v5-c-table thead {
|
|
406
|
+
.pf-m-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
406
407
|
display: none;
|
|
407
408
|
}
|
|
408
|
-
.pf-m-grid-md.pf-v5-c-table tbody {
|
|
409
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
409
410
|
display: block;
|
|
410
411
|
}
|
|
411
|
-
.pf-m-grid-md.pf-v5-c-table tbody:first-of-type {
|
|
412
|
-
border-top: var(--pf-v5-c-
|
|
412
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
413
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
413
414
|
}
|
|
414
|
-
.pf-m-grid-md.pf-v5-c-table table.pf-m-compact > tbody {
|
|
415
|
+
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
415
416
|
border-top: 0;
|
|
416
417
|
}
|
|
417
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
418
|
-
border-bottom: var(--pf-v5-c-
|
|
418
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
419
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
419
420
|
}
|
|
420
|
-
.pf-m-grid-md.pf-v5-c-table tr:last-child,
|
|
421
|
-
.pf-m-grid-md.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
422
|
-
border-bottom-width: var(--pf-v5-c-
|
|
421
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
422
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
|
|
423
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
423
424
|
}
|
|
424
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
|
|
425
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
425
426
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
426
427
|
}
|
|
427
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
428
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
428
429
|
border-bottom: 0;
|
|
429
430
|
}
|
|
430
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
431
|
-
border-bottom: var(--pf-v5-c-
|
|
431
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
432
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
432
433
|
}
|
|
433
|
-
.pf-m-grid-md.pf-v5-c-table tr.pf-m-selected {
|
|
434
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
434
435
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
435
436
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
436
437
|
}
|
|
437
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
438
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
438
439
|
display: grid;
|
|
439
440
|
grid-template-columns: 1fr;
|
|
440
441
|
height: auto;
|
|
441
442
|
grid-auto-columns: max-content;
|
|
442
|
-
grid-column-gap: var(--pf-v5-c-
|
|
443
|
-
padding: var(--pf-v5-c-
|
|
443
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
444
|
+
padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
|
|
444
445
|
}
|
|
445
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
446
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
446
447
|
padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
|
|
447
448
|
}
|
|
448
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
449
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
449
450
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
450
451
|
}
|
|
451
452
|
.pf-m-grid-md.pf-v5-c-table.pf-m-compact {
|
|
452
|
-
--pf-v5-c-
|
|
453
|
-
--pf-v5-c-
|
|
454
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
455
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
453
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
454
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
455
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
456
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
456
457
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
457
458
|
}
|
|
458
459
|
.pf-m-grid-md.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -465,61 +466,61 @@
|
|
|
465
466
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
466
467
|
text-align: left;
|
|
467
468
|
}
|
|
468
|
-
.pf-m-grid-md.pf-v5-c-table [data-label] {
|
|
469
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
469
470
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
470
471
|
grid-column: 1;
|
|
471
472
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
472
473
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
473
474
|
align-items: start;
|
|
474
475
|
}
|
|
475
|
-
.pf-m-grid-md.pf-v5-c-table [data-label] > * {
|
|
476
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
476
477
|
grid-column: 2;
|
|
477
478
|
}
|
|
478
|
-
.pf-m-grid-md.pf-v5-c-table [data-label]::before {
|
|
479
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
479
480
|
font-weight: bold;
|
|
480
481
|
text-align: left;
|
|
481
482
|
content: attr(data-label);
|
|
482
483
|
}
|
|
483
|
-
.pf-m-grid-md.pf-v5-c-table tr > *:first-child {
|
|
484
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
484
485
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
485
486
|
}
|
|
486
|
-
.pf-m-grid-md.pf-v5-c-table tr > *:last-child {
|
|
487
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
487
488
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
488
489
|
}
|
|
489
490
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table {
|
|
490
|
-
--pf-v5-c-
|
|
491
|
-
--pf-v5-c-
|
|
492
|
-
--pf-v5-c-
|
|
493
|
-
--pf-v5-c-
|
|
491
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
492
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
493
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
494
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
494
495
|
border: 0;
|
|
495
496
|
}
|
|
496
|
-
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
|
|
497
|
-
--pf-v5-c-
|
|
497
|
+
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
498
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
498
499
|
}
|
|
499
500
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
500
501
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
501
502
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
502
503
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
503
504
|
}
|
|
504
|
-
.pf-m-grid-md.pf-v5-c-table tbody {
|
|
505
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
505
506
|
position: relative;
|
|
506
507
|
}
|
|
507
|
-
.pf-m-grid-md.pf-v5-c-table tbody::after {
|
|
508
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
508
509
|
position: absolute;
|
|
509
510
|
top: 0;
|
|
510
511
|
bottom: 0;
|
|
511
512
|
left: 0;
|
|
512
513
|
content: "";
|
|
513
514
|
border: 0;
|
|
514
|
-
border-left: var(--pf-v5-c-
|
|
515
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
515
516
|
}
|
|
516
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
|
|
517
|
-
--pf-v5-c-
|
|
517
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
518
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
518
519
|
}
|
|
519
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
520
|
-
--pf-v5-c-
|
|
520
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
|
|
521
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
521
522
|
}
|
|
522
|
-
.pf-m-grid-md.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
523
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
|
|
523
524
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
524
525
|
position: static;
|
|
525
526
|
width: auto;
|
|
@@ -548,7 +549,8 @@
|
|
|
548
549
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
549
550
|
content: none;
|
|
550
551
|
}
|
|
551
|
-
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
552
|
+
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
553
|
+
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
552
554
|
padding: 0;
|
|
553
555
|
}
|
|
554
556
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -558,44 +560,44 @@
|
|
|
558
560
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
559
561
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
560
562
|
}
|
|
561
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable {
|
|
562
|
-
--pf-v5-c-
|
|
563
|
-
--pf-v5-c-
|
|
563
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
564
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
565
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
564
566
|
}
|
|
565
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable,
|
|
566
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
567
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
568
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
|
|
567
569
|
position: relative;
|
|
568
570
|
}
|
|
569
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
571
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
|
|
570
572
|
content: "";
|
|
571
573
|
position: absolute;
|
|
572
574
|
top: 0;
|
|
573
575
|
bottom: 0;
|
|
574
576
|
left: 0;
|
|
575
|
-
width: var(--pf-v5-c-
|
|
576
|
-
background-color: var(--pf-v5-c-
|
|
577
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
578
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
577
579
|
}
|
|
578
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
579
|
-
--pf-v5-c-
|
|
580
|
-
--pf-v5-c-
|
|
580
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
581
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
582
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
581
583
|
}
|
|
582
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
583
|
-
--pf-v5-c-
|
|
584
|
-
--pf-v5-c-
|
|
584
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
585
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
586
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
585
587
|
}
|
|
586
|
-
.pf-m-grid-md.pf-v5-c-table tr.pf-m-selected::after {
|
|
588
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
587
589
|
content: "";
|
|
588
590
|
position: absolute;
|
|
589
591
|
top: 0;
|
|
590
592
|
bottom: 0;
|
|
591
593
|
left: 0;
|
|
592
|
-
width: var(--pf-v5-c-
|
|
593
|
-
background-color: var(--pf-v5-c-
|
|
594
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
595
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
594
596
|
}
|
|
595
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
596
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
597
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
598
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
597
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
598
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
599
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
600
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
599
601
|
width: auto;
|
|
600
602
|
padding: 0;
|
|
601
603
|
}
|
|
@@ -666,18 +668,14 @@
|
|
|
666
668
|
}
|
|
667
669
|
}
|
|
668
670
|
@media screen and (max-width: 768px) {
|
|
669
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-nowrap {
|
|
671
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
|
|
670
672
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
671
673
|
}
|
|
672
|
-
|
|
673
|
-
@media screen and (max-width: 768px) {
|
|
674
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-fit-content {
|
|
674
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
|
|
675
675
|
width: auto;
|
|
676
676
|
white-space: normal;
|
|
677
677
|
}
|
|
678
|
-
|
|
679
|
-
@media screen and (max-width: 768px) {
|
|
680
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-truncate {
|
|
678
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
|
|
681
679
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
682
680
|
}
|
|
683
681
|
}
|
|
@@ -700,7 +698,7 @@
|
|
|
700
698
|
display: grid;
|
|
701
699
|
border: none;
|
|
702
700
|
}
|
|
703
|
-
.pf-m-grid-lg.pf-v5-c-table tr > * {
|
|
701
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
704
702
|
width: auto;
|
|
705
703
|
min-width: 0;
|
|
706
704
|
max-width: none;
|
|
@@ -717,57 +715,57 @@
|
|
|
717
715
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
718
716
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
719
717
|
}
|
|
720
|
-
.pf-m-grid-lg.pf-v5-c-table thead {
|
|
718
|
+
.pf-m-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
721
719
|
display: none;
|
|
722
720
|
}
|
|
723
|
-
.pf-m-grid-lg.pf-v5-c-table tbody {
|
|
721
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
724
722
|
display: block;
|
|
725
723
|
}
|
|
726
|
-
.pf-m-grid-lg.pf-v5-c-table tbody:first-of-type {
|
|
727
|
-
border-top: var(--pf-v5-c-
|
|
724
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
725
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
728
726
|
}
|
|
729
|
-
.pf-m-grid-lg.pf-v5-c-table table.pf-m-compact > tbody {
|
|
727
|
+
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
730
728
|
border-top: 0;
|
|
731
729
|
}
|
|
732
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
733
|
-
border-bottom: var(--pf-v5-c-
|
|
730
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
731
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
734
732
|
}
|
|
735
|
-
.pf-m-grid-lg.pf-v5-c-table tr:last-child,
|
|
736
|
-
.pf-m-grid-lg.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
737
|
-
border-bottom-width: var(--pf-v5-c-
|
|
733
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
734
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
|
|
735
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
738
736
|
}
|
|
739
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
|
|
737
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
740
738
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
741
739
|
}
|
|
742
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
740
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
743
741
|
border-bottom: 0;
|
|
744
742
|
}
|
|
745
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
746
|
-
border-bottom: var(--pf-v5-c-
|
|
743
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
744
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
747
745
|
}
|
|
748
|
-
.pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected {
|
|
746
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
749
747
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
750
748
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
751
749
|
}
|
|
752
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
750
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
753
751
|
display: grid;
|
|
754
752
|
grid-template-columns: 1fr;
|
|
755
753
|
height: auto;
|
|
756
754
|
grid-auto-columns: max-content;
|
|
757
|
-
grid-column-gap: var(--pf-v5-c-
|
|
758
|
-
padding: var(--pf-v5-c-
|
|
755
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
756
|
+
padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
|
|
759
757
|
}
|
|
760
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
758
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
761
759
|
padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
|
|
762
760
|
}
|
|
763
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
761
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
764
762
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
765
763
|
}
|
|
766
764
|
.pf-m-grid-lg.pf-v5-c-table.pf-m-compact {
|
|
767
|
-
--pf-v5-c-
|
|
768
|
-
--pf-v5-c-
|
|
769
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
770
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
765
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
766
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
767
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
768
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
771
769
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
772
770
|
}
|
|
773
771
|
.pf-m-grid-lg.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -780,61 +778,61 @@
|
|
|
780
778
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
781
779
|
text-align: left;
|
|
782
780
|
}
|
|
783
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label] {
|
|
781
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
784
782
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
785
783
|
grid-column: 1;
|
|
786
784
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
787
785
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
788
786
|
align-items: start;
|
|
789
787
|
}
|
|
790
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label] > * {
|
|
788
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
791
789
|
grid-column: 2;
|
|
792
790
|
}
|
|
793
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label]::before {
|
|
791
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
794
792
|
font-weight: bold;
|
|
795
793
|
text-align: left;
|
|
796
794
|
content: attr(data-label);
|
|
797
795
|
}
|
|
798
|
-
.pf-m-grid-lg.pf-v5-c-table tr > *:first-child {
|
|
796
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
799
797
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
800
798
|
}
|
|
801
|
-
.pf-m-grid-lg.pf-v5-c-table tr > *:last-child {
|
|
799
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
802
800
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
803
801
|
}
|
|
804
802
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table {
|
|
805
|
-
--pf-v5-c-
|
|
806
|
-
--pf-v5-c-
|
|
807
|
-
--pf-v5-c-
|
|
808
|
-
--pf-v5-c-
|
|
803
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
804
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
805
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
806
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
809
807
|
border: 0;
|
|
810
808
|
}
|
|
811
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
|
|
812
|
-
--pf-v5-c-
|
|
809
|
+
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
810
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
813
811
|
}
|
|
814
812
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
815
813
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
816
814
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
817
815
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
818
816
|
}
|
|
819
|
-
.pf-m-grid-lg.pf-v5-c-table tbody {
|
|
817
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
820
818
|
position: relative;
|
|
821
819
|
}
|
|
822
|
-
.pf-m-grid-lg.pf-v5-c-table tbody::after {
|
|
820
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
823
821
|
position: absolute;
|
|
824
822
|
top: 0;
|
|
825
823
|
bottom: 0;
|
|
826
824
|
left: 0;
|
|
827
825
|
content: "";
|
|
828
826
|
border: 0;
|
|
829
|
-
border-left: var(--pf-v5-c-
|
|
827
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
830
828
|
}
|
|
831
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
|
|
832
|
-
--pf-v5-c-
|
|
829
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
830
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
833
831
|
}
|
|
834
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
835
|
-
--pf-v5-c-
|
|
832
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
|
|
833
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
836
834
|
}
|
|
837
|
-
.pf-m-grid-lg.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
835
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
|
|
838
836
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
839
837
|
position: static;
|
|
840
838
|
width: auto;
|
|
@@ -863,7 +861,8 @@
|
|
|
863
861
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
864
862
|
content: none;
|
|
865
863
|
}
|
|
866
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
864
|
+
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
865
|
+
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
867
866
|
padding: 0;
|
|
868
867
|
}
|
|
869
868
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -873,44 +872,44 @@
|
|
|
873
872
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
874
873
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
875
874
|
}
|
|
876
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable {
|
|
877
|
-
--pf-v5-c-
|
|
878
|
-
--pf-v5-c-
|
|
875
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
876
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
877
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
879
878
|
}
|
|
880
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable,
|
|
881
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
879
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
880
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
|
|
882
881
|
position: relative;
|
|
883
882
|
}
|
|
884
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
883
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
|
|
885
884
|
content: "";
|
|
886
885
|
position: absolute;
|
|
887
886
|
top: 0;
|
|
888
887
|
bottom: 0;
|
|
889
888
|
left: 0;
|
|
890
|
-
width: var(--pf-v5-c-
|
|
891
|
-
background-color: var(--pf-v5-c-
|
|
889
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
890
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
892
891
|
}
|
|
893
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
894
|
-
--pf-v5-c-
|
|
895
|
-
--pf-v5-c-
|
|
892
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
893
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
894
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
896
895
|
}
|
|
897
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
898
|
-
--pf-v5-c-
|
|
899
|
-
--pf-v5-c-
|
|
896
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
897
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
898
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
900
899
|
}
|
|
901
|
-
.pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected::after {
|
|
900
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
902
901
|
content: "";
|
|
903
902
|
position: absolute;
|
|
904
903
|
top: 0;
|
|
905
904
|
bottom: 0;
|
|
906
905
|
left: 0;
|
|
907
|
-
width: var(--pf-v5-c-
|
|
908
|
-
background-color: var(--pf-v5-c-
|
|
906
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
907
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
909
908
|
}
|
|
910
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
911
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
912
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
913
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
909
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
910
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
911
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
912
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
914
913
|
width: auto;
|
|
915
914
|
padding: 0;
|
|
916
915
|
}
|
|
@@ -981,18 +980,14 @@
|
|
|
981
980
|
}
|
|
982
981
|
}
|
|
983
982
|
@media screen and (max-width: 992px) {
|
|
984
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-nowrap {
|
|
983
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
|
|
985
984
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
986
985
|
}
|
|
987
|
-
|
|
988
|
-
@media screen and (max-width: 992px) {
|
|
989
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-fit-content {
|
|
986
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
|
|
990
987
|
width: auto;
|
|
991
988
|
white-space: normal;
|
|
992
989
|
}
|
|
993
|
-
|
|
994
|
-
@media screen and (max-width: 992px) {
|
|
995
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-truncate {
|
|
990
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
|
|
996
991
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
997
992
|
}
|
|
998
993
|
}
|
|
@@ -1015,7 +1010,7 @@
|
|
|
1015
1010
|
display: grid;
|
|
1016
1011
|
border: none;
|
|
1017
1012
|
}
|
|
1018
|
-
.pf-m-grid-xl.pf-v5-c-table tr > * {
|
|
1013
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
1019
1014
|
width: auto;
|
|
1020
1015
|
min-width: 0;
|
|
1021
1016
|
max-width: none;
|
|
@@ -1032,57 +1027,57 @@
|
|
|
1032
1027
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
1033
1028
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
1034
1029
|
}
|
|
1035
|
-
.pf-m-grid-xl.pf-v5-c-table thead {
|
|
1030
|
+
.pf-m-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
1036
1031
|
display: none;
|
|
1037
1032
|
}
|
|
1038
|
-
.pf-m-grid-xl.pf-v5-c-table tbody {
|
|
1033
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
1039
1034
|
display: block;
|
|
1040
1035
|
}
|
|
1041
|
-
.pf-m-grid-xl.pf-v5-c-table tbody:first-of-type {
|
|
1042
|
-
border-top: var(--pf-v5-c-
|
|
1036
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
1037
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
1043
1038
|
}
|
|
1044
|
-
.pf-m-grid-xl.pf-v5-c-table table.pf-m-compact > tbody {
|
|
1039
|
+
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
1045
1040
|
border-top: 0;
|
|
1046
1041
|
}
|
|
1047
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
1048
|
-
border-bottom: var(--pf-v5-c-
|
|
1042
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
1043
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
1049
1044
|
}
|
|
1050
|
-
.pf-m-grid-xl.pf-v5-c-table tr:last-child,
|
|
1051
|
-
.pf-m-grid-xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
1052
|
-
border-bottom-width: var(--pf-v5-c-
|
|
1045
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
1046
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
|
|
1047
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
1053
1048
|
}
|
|
1054
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
1049
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
1055
1050
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
1056
1051
|
}
|
|
1057
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
1052
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
1058
1053
|
border-bottom: 0;
|
|
1059
1054
|
}
|
|
1060
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
1061
|
-
border-bottom: var(--pf-v5-c-
|
|
1055
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
1056
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
1062
1057
|
}
|
|
1063
|
-
.pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected {
|
|
1058
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
1064
1059
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
1065
1060
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
1066
1061
|
}
|
|
1067
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
1062
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
1068
1063
|
display: grid;
|
|
1069
1064
|
grid-template-columns: 1fr;
|
|
1070
1065
|
height: auto;
|
|
1071
1066
|
grid-auto-columns: max-content;
|
|
1072
|
-
grid-column-gap: var(--pf-v5-c-
|
|
1073
|
-
padding: var(--pf-v5-c-
|
|
1067
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
1068
|
+
padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
|
|
1074
1069
|
}
|
|
1075
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
1070
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
1076
1071
|
padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
|
|
1077
1072
|
}
|
|
1078
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
1073
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
1079
1074
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
1080
1075
|
}
|
|
1081
1076
|
.pf-m-grid-xl.pf-v5-c-table.pf-m-compact {
|
|
1082
|
-
--pf-v5-c-
|
|
1083
|
-
--pf-v5-c-
|
|
1084
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
1085
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
1077
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
1078
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
1079
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
1080
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
1086
1081
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
1087
1082
|
}
|
|
1088
1083
|
.pf-m-grid-xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -1095,61 +1090,61 @@
|
|
|
1095
1090
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
1096
1091
|
text-align: left;
|
|
1097
1092
|
}
|
|
1098
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label] {
|
|
1093
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
1099
1094
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
1100
1095
|
grid-column: 1;
|
|
1101
1096
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
1102
1097
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
1103
1098
|
align-items: start;
|
|
1104
1099
|
}
|
|
1105
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label] > * {
|
|
1100
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
1106
1101
|
grid-column: 2;
|
|
1107
1102
|
}
|
|
1108
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label]::before {
|
|
1103
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
1109
1104
|
font-weight: bold;
|
|
1110
1105
|
text-align: left;
|
|
1111
1106
|
content: attr(data-label);
|
|
1112
1107
|
}
|
|
1113
|
-
.pf-m-grid-xl.pf-v5-c-table tr > *:first-child {
|
|
1108
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
1114
1109
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
1115
1110
|
}
|
|
1116
|
-
.pf-m-grid-xl.pf-v5-c-table tr > *:last-child {
|
|
1111
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
1117
1112
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
1118
1113
|
}
|
|
1119
1114
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table {
|
|
1120
|
-
--pf-v5-c-
|
|
1121
|
-
--pf-v5-c-
|
|
1122
|
-
--pf-v5-c-
|
|
1123
|
-
--pf-v5-c-
|
|
1115
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
1116
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
1117
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
1118
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
1124
1119
|
border: 0;
|
|
1125
1120
|
}
|
|
1126
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
|
|
1127
|
-
--pf-v5-c-
|
|
1121
|
+
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
1122
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
1128
1123
|
}
|
|
1129
1124
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
1130
1125
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
1131
1126
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
1132
1127
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
1133
1128
|
}
|
|
1134
|
-
.pf-m-grid-xl.pf-v5-c-table tbody {
|
|
1129
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
1135
1130
|
position: relative;
|
|
1136
1131
|
}
|
|
1137
|
-
.pf-m-grid-xl.pf-v5-c-table tbody::after {
|
|
1132
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
1138
1133
|
position: absolute;
|
|
1139
1134
|
top: 0;
|
|
1140
1135
|
bottom: 0;
|
|
1141
1136
|
left: 0;
|
|
1142
1137
|
content: "";
|
|
1143
1138
|
border: 0;
|
|
1144
|
-
border-left: var(--pf-v5-c-
|
|
1139
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
1145
1140
|
}
|
|
1146
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
1147
|
-
--pf-v5-c-
|
|
1141
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
1142
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
1148
1143
|
}
|
|
1149
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
1150
|
-
--pf-v5-c-
|
|
1144
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
|
|
1145
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
1151
1146
|
}
|
|
1152
|
-
.pf-m-grid-xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
1147
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
|
|
1153
1148
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
1154
1149
|
position: static;
|
|
1155
1150
|
width: auto;
|
|
@@ -1178,7 +1173,8 @@
|
|
|
1178
1173
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
1179
1174
|
content: none;
|
|
1180
1175
|
}
|
|
1181
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
1176
|
+
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
1177
|
+
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
1182
1178
|
padding: 0;
|
|
1183
1179
|
}
|
|
1184
1180
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -1188,44 +1184,44 @@
|
|
|
1188
1184
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
1189
1185
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
1190
1186
|
}
|
|
1191
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable {
|
|
1192
|
-
--pf-v5-c-
|
|
1193
|
-
--pf-v5-c-
|
|
1187
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
1188
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
1189
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
1194
1190
|
}
|
|
1195
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable,
|
|
1196
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
1191
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
1192
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
|
|
1197
1193
|
position: relative;
|
|
1198
1194
|
}
|
|
1199
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
1195
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
|
|
1200
1196
|
content: "";
|
|
1201
1197
|
position: absolute;
|
|
1202
1198
|
top: 0;
|
|
1203
1199
|
bottom: 0;
|
|
1204
1200
|
left: 0;
|
|
1205
|
-
width: var(--pf-v5-c-
|
|
1206
|
-
background-color: var(--pf-v5-c-
|
|
1201
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
1202
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
1207
1203
|
}
|
|
1208
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
1209
|
-
--pf-v5-c-
|
|
1210
|
-
--pf-v5-c-
|
|
1204
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
1205
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
1206
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
1211
1207
|
}
|
|
1212
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
1213
|
-
--pf-v5-c-
|
|
1214
|
-
--pf-v5-c-
|
|
1208
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
1209
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
1210
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
1215
1211
|
}
|
|
1216
|
-
.pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected::after {
|
|
1212
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
1217
1213
|
content: "";
|
|
1218
1214
|
position: absolute;
|
|
1219
1215
|
top: 0;
|
|
1220
1216
|
bottom: 0;
|
|
1221
1217
|
left: 0;
|
|
1222
|
-
width: var(--pf-v5-c-
|
|
1223
|
-
background-color: var(--pf-v5-c-
|
|
1218
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
1219
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
1224
1220
|
}
|
|
1225
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
1226
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
1227
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
1228
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
1221
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
1222
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
1223
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
1224
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
1229
1225
|
width: auto;
|
|
1230
1226
|
padding: 0;
|
|
1231
1227
|
}
|
|
@@ -1296,18 +1292,14 @@
|
|
|
1296
1292
|
}
|
|
1297
1293
|
}
|
|
1298
1294
|
@media screen and (max-width: 1200px) {
|
|
1299
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-nowrap {
|
|
1295
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
|
|
1300
1296
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
1301
1297
|
}
|
|
1302
|
-
|
|
1303
|
-
@media screen and (max-width: 1200px) {
|
|
1304
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-fit-content {
|
|
1298
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
|
|
1305
1299
|
width: auto;
|
|
1306
1300
|
white-space: normal;
|
|
1307
1301
|
}
|
|
1308
|
-
|
|
1309
|
-
@media screen and (max-width: 1200px) {
|
|
1310
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-truncate {
|
|
1302
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
|
|
1311
1303
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
1312
1304
|
}
|
|
1313
1305
|
}
|
|
@@ -1330,7 +1322,7 @@
|
|
|
1330
1322
|
display: grid;
|
|
1331
1323
|
border: none;
|
|
1332
1324
|
}
|
|
1333
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > * {
|
|
1325
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
1334
1326
|
width: auto;
|
|
1335
1327
|
min-width: 0;
|
|
1336
1328
|
max-width: none;
|
|
@@ -1347,57 +1339,57 @@
|
|
|
1347
1339
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
1348
1340
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
1349
1341
|
}
|
|
1350
|
-
.pf-m-grid-2xl.pf-v5-c-table thead {
|
|
1342
|
+
.pf-m-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
1351
1343
|
display: none;
|
|
1352
1344
|
}
|
|
1353
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody {
|
|
1345
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
1354
1346
|
display: block;
|
|
1355
1347
|
}
|
|
1356
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody:first-of-type {
|
|
1357
|
-
border-top: var(--pf-v5-c-
|
|
1348
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
1349
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
1358
1350
|
}
|
|
1359
|
-
.pf-m-grid-2xl.pf-v5-c-table table.pf-m-compact > tbody {
|
|
1351
|
+
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
1360
1352
|
border-top: 0;
|
|
1361
1353
|
}
|
|
1362
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
1363
|
-
border-bottom: var(--pf-v5-c-
|
|
1354
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
1355
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
1364
1356
|
}
|
|
1365
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:last-child,
|
|
1366
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
1367
|
-
border-bottom-width: var(--pf-v5-c-
|
|
1357
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
1358
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v5-c-table__tr) {
|
|
1359
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
1368
1360
|
}
|
|
1369
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
1361
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
1370
1362
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
1371
1363
|
}
|
|
1372
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
1364
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
1373
1365
|
border-bottom: 0;
|
|
1374
1366
|
}
|
|
1375
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
1376
|
-
border-bottom: var(--pf-v5-c-
|
|
1367
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
1368
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
1377
1369
|
}
|
|
1378
|
-
.pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected {
|
|
1370
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
1379
1371
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
1380
1372
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
1381
1373
|
}
|
|
1382
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
1374
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
1383
1375
|
display: grid;
|
|
1384
1376
|
grid-template-columns: 1fr;
|
|
1385
1377
|
height: auto;
|
|
1386
1378
|
grid-auto-columns: max-content;
|
|
1387
|
-
grid-column-gap: var(--pf-v5-c-
|
|
1388
|
-
padding: var(--pf-v5-c-
|
|
1379
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
1380
|
+
padding: var(--pf-v5-c-table__tr--responsive--PaddingTop) var(--pf-v5-c-table__tr--responsive--PaddingRight) var(--pf-v5-c-table__tr--responsive--PaddingBottom) var(--pf-v5-c-table__tr--responsive--PaddingLeft);
|
|
1389
1381
|
}
|
|
1390
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
1382
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
1391
1383
|
padding: var(--pf-v5-c-table--cell--responsive--PaddingTop) var(--pf-v5-c-table--cell--responsive--PaddingRight) var(--pf-v5-c-table--cell--responsive--PaddingBottom) var(--pf-v5-c-table--cell--responsive--PaddingLeft);
|
|
1392
1384
|
}
|
|
1393
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
1385
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
1394
1386
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
1395
1387
|
}
|
|
1396
1388
|
.pf-m-grid-2xl.pf-v5-c-table.pf-m-compact {
|
|
1397
|
-
--pf-v5-c-
|
|
1398
|
-
--pf-v5-c-
|
|
1399
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
1400
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
1389
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
1390
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
1391
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
1392
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
1401
1393
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
1402
1394
|
}
|
|
1403
1395
|
.pf-m-grid-2xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -1410,61 +1402,61 @@
|
|
|
1410
1402
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
1411
1403
|
text-align: left;
|
|
1412
1404
|
}
|
|
1413
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label] {
|
|
1405
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
1414
1406
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
1415
1407
|
grid-column: 1;
|
|
1416
1408
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
1417
1409
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
1418
1410
|
align-items: start;
|
|
1419
1411
|
}
|
|
1420
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label] > * {
|
|
1412
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
1421
1413
|
grid-column: 2;
|
|
1422
1414
|
}
|
|
1423
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label]::before {
|
|
1415
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
1424
1416
|
font-weight: bold;
|
|
1425
1417
|
text-align: left;
|
|
1426
1418
|
content: attr(data-label);
|
|
1427
1419
|
}
|
|
1428
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > *:first-child {
|
|
1420
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
1429
1421
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
1430
1422
|
}
|
|
1431
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > *:last-child {
|
|
1423
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
1432
1424
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
1433
1425
|
}
|
|
1434
1426
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table {
|
|
1435
|
-
--pf-v5-c-
|
|
1436
|
-
--pf-v5-c-
|
|
1437
|
-
--pf-v5-c-
|
|
1438
|
-
--pf-v5-c-
|
|
1427
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
1428
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
1429
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
1430
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
1439
1431
|
border: 0;
|
|
1440
1432
|
}
|
|
1441
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) + tr:not(.pf-v5-c-table__expandable-row) {
|
|
1442
|
-
--pf-v5-c-
|
|
1433
|
+
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) + tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
1434
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
1443
1435
|
}
|
|
1444
1436
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
1445
1437
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
1446
1438
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
1447
1439
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
1448
1440
|
}
|
|
1449
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody {
|
|
1441
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
1450
1442
|
position: relative;
|
|
1451
1443
|
}
|
|
1452
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody::after {
|
|
1444
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
1453
1445
|
position: absolute;
|
|
1454
1446
|
top: 0;
|
|
1455
1447
|
bottom: 0;
|
|
1456
1448
|
left: 0;
|
|
1457
1449
|
content: "";
|
|
1458
1450
|
border: 0;
|
|
1459
|
-
border-left: var(--pf-v5-c-
|
|
1451
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
1460
1452
|
}
|
|
1461
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
1462
|
-
--pf-v5-c-
|
|
1453
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
1454
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
1463
1455
|
}
|
|
1464
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
1465
|
-
--pf-v5-c-
|
|
1456
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
|
|
1457
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
1466
1458
|
}
|
|
1467
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
1459
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child:not(.pf-v5-c-table__check)::after {
|
|
1468
1460
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
1469
1461
|
position: static;
|
|
1470
1462
|
width: auto;
|
|
@@ -1493,7 +1485,8 @@
|
|
|
1493
1485
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
1494
1486
|
content: none;
|
|
1495
1487
|
}
|
|
1496
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
1488
|
+
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
1489
|
+
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
1497
1490
|
padding: 0;
|
|
1498
1491
|
}
|
|
1499
1492
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -1503,44 +1496,44 @@
|
|
|
1503
1496
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
1504
1497
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
1505
1498
|
}
|
|
1506
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable {
|
|
1507
|
-
--pf-v5-c-
|
|
1508
|
-
--pf-v5-c-
|
|
1499
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
1500
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
1501
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
1509
1502
|
}
|
|
1510
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable,
|
|
1511
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
1503
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
1504
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
|
|
1512
1505
|
position: relative;
|
|
1513
1506
|
}
|
|
1514
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
1507
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr)::after {
|
|
1515
1508
|
content: "";
|
|
1516
1509
|
position: absolute;
|
|
1517
1510
|
top: 0;
|
|
1518
1511
|
bottom: 0;
|
|
1519
1512
|
left: 0;
|
|
1520
|
-
width: var(--pf-v5-c-
|
|
1521
|
-
background-color: var(--pf-v5-c-
|
|
1513
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
1514
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
1522
1515
|
}
|
|
1523
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
1524
|
-
--pf-v5-c-
|
|
1525
|
-
--pf-v5-c-
|
|
1516
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
1517
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
1518
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
1526
1519
|
}
|
|
1527
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
1528
|
-
--pf-v5-c-
|
|
1529
|
-
--pf-v5-c-
|
|
1520
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
1521
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
1522
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
1530
1523
|
}
|
|
1531
|
-
.pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected::after {
|
|
1524
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
1532
1525
|
content: "";
|
|
1533
1526
|
position: absolute;
|
|
1534
1527
|
top: 0;
|
|
1535
1528
|
bottom: 0;
|
|
1536
1529
|
left: 0;
|
|
1537
|
-
width: var(--pf-v5-c-
|
|
1538
|
-
background-color: var(--pf-v5-c-
|
|
1530
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
1531
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
1539
1532
|
}
|
|
1540
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
1541
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
1542
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
1543
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
1533
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
1534
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
1535
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
1536
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
1544
1537
|
width: auto;
|
|
1545
1538
|
padding: 0;
|
|
1546
1539
|
}
|
|
@@ -1611,18 +1604,14 @@
|
|
|
1611
1604
|
}
|
|
1612
1605
|
}
|
|
1613
1606
|
@media screen and (max-width: 1450px) {
|
|
1614
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-nowrap {
|
|
1607
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
|
|
1615
1608
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
1616
1609
|
}
|
|
1617
|
-
|
|
1618
|
-
@media screen and (max-width: 1450px) {
|
|
1619
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-fit-content {
|
|
1610
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content {
|
|
1620
1611
|
width: auto;
|
|
1621
1612
|
white-space: normal;
|
|
1622
1613
|
}
|
|
1623
|
-
|
|
1624
|
-
@media screen and (max-width: 1450px) {
|
|
1625
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-truncate {
|
|
1614
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
|
|
1626
1615
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
1627
1616
|
}
|
|
1628
1617
|
}
|