@patternfly/react-styles 6.0.0-alpha.12 → 6.0.0-alpha.13
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +4 -0
- package/css/components/Accordion/accordion.css +1 -1
- package/css/components/Button/button.css +21 -43
- package/css/components/DataList/data-list.css +1 -1
- package/css/components/DualListSelector/dual-list-selector.css +3 -8
- package/css/components/Form/form.css +3 -7
- package/css/components/FormControl/form-control.css +3 -3
- package/css/components/Label/label.css +5 -7
- package/css/components/Login/login.css +5 -22
- package/css/components/Login/login.d.ts +1 -1
- package/css/components/Login/login.js +1 -1
- package/css/components/Login/login.mjs +1 -1
- package/css/components/Menu/menu.css +4 -5
- package/css/components/MenuToggle/menu-toggle.css +7 -24
- package/css/components/NotificationBadge/notification-badge.css +4 -4
- package/css/components/Pagination/pagination.css +1 -1
- package/css/components/SimpleList/simple-list.css +0 -3
- package/css/components/Table/table-grid.css +3 -3
- package/css/components/Table/table-tree-view.css +10 -5
- package/css/components/Table/table-tree-view.d.ts +1 -0
- package/css/components/Table/table-tree-view.js +1 -0
- package/css/components/Table/table-tree-view.mjs +1 -0
- package/css/components/Table/table.css +119 -198
- package/css/components/Table/table.d.ts +0 -1
- package/css/components/Table/table.js +0 -1
- package/css/components/Table/table.mjs +0 -1
- package/css/components/Tabs/tabs.css +1 -2
- package/css/components/Wizard/wizard.css +0 -6
- package/package.json +3 -3
@@ -59,7 +59,8 @@
|
|
59
59
|
}
|
60
60
|
}
|
61
61
|
|
62
|
-
|
62
|
+
:where(:root),
|
63
|
+
:where(.pf-v5-c-table) {
|
63
64
|
--pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
64
65
|
--pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
65
66
|
--pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
|
@@ -69,21 +70,22 @@
|
|
69
70
|
--pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
|
70
71
|
--pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
|
71
72
|
--pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
|
72
|
-
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--
|
73
|
+
--pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
73
74
|
--pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
74
|
-
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-
|
75
|
-
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-
|
75
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
|
76
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
|
77
|
+
--pf-v5-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
76
78
|
--pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
|
77
79
|
--pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
|
78
80
|
--pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
79
81
|
--pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
|
82
|
+
--pf-v5-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
80
83
|
--pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
81
84
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
|
82
85
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
|
83
86
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
|
84
87
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
85
|
-
--pf-v5-c-table--cell--first-last-child--
|
86
|
-
--pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
|
88
|
+
--pf-v5-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
|
87
89
|
--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
88
90
|
--pf-v5-c-table--cell--MinWidth: 0;
|
89
91
|
--pf-v5-c-table--cell--MaxWidth: none;
|
@@ -100,29 +102,33 @@
|
|
100
102
|
--pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
|
101
103
|
--pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
|
102
104
|
--pf-v5-c-table--cell--hidden-visible--Display: table-cell;
|
103
|
-
--pf-v5-c-table__toggle--
|
104
|
-
--pf-v5-c-table__toggle--
|
105
|
+
--pf-v5-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
106
|
+
--pf-v5-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
|
107
|
+
--pf-v5-c-table__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
108
|
+
--pf-v5-c-table__toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
105
109
|
--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
|
106
110
|
--pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
|
107
111
|
--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
|
108
|
-
--pf-v5-c-table__button--
|
112
|
+
--pf-v5-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
|
113
|
+
--pf-v5-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
|
114
|
+
--pf-v5-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
115
|
+
--pf-v5-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
109
116
|
--pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
117
|
+
--pf-v5-c-table__button--BackgroundColor: transparent;
|
118
|
+
--pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
119
|
+
--pf-v5-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
110
120
|
--pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
111
121
|
--pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
|
112
122
|
--pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
|
113
123
|
--pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
114
124
|
--pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
|
115
125
|
--pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
|
116
|
-
--pf-v5-c-table__check--
|
117
|
-
--pf-v5-c-
|
118
|
-
--pf-v5-c-
|
119
|
-
--pf-v5-c-
|
120
|
-
--pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
|
126
|
+
--pf-v5-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
127
|
+
--pf-v5-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
128
|
+
--pf-v5-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
|
129
|
+
--pf-v5-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
|
121
130
|
--pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
122
|
-
--pf-v5-c-
|
123
|
-
--pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
|
124
|
-
--pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
125
|
-
--pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
|
131
|
+
--pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
126
132
|
--pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
|
127
133
|
--pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
|
128
134
|
--pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
|
@@ -134,24 +140,21 @@
|
|
134
140
|
--pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
|
135
141
|
--pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
|
136
142
|
--pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
137
|
-
--pf-v5-c-table__action--PaddingTop:
|
138
|
-
--pf-v5-c-table__action--
|
139
|
-
--pf-v5-c-
|
140
|
-
--pf-v5-c-
|
141
|
-
--pf-v5-c-table__inline-edit-action--PaddingTop: 0;
|
142
|
-
--pf-v5-c-table__inline-edit-action--PaddingRight: 0;
|
143
|
-
--pf-v5-c-table__inline-edit-action--PaddingBottom: 0;
|
144
|
-
--pf-v5-c-table__inline-edit-action--PaddingLeft: 0;
|
143
|
+
--pf-v5-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
|
144
|
+
--pf-v5-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
145
|
+
--pf-v5-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
|
146
|
+
--pf-v5-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
145
147
|
--pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
|
146
|
-
--pf-v5-c-table__expandable-row--
|
148
|
+
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
|
149
|
+
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
|
150
|
+
--pf-v5-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
|
151
|
+
--pf-v5-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
|
147
152
|
--pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
|
148
|
-
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
|
149
|
-
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
|
150
153
|
--pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
151
154
|
--pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
|
152
155
|
--pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
|
153
156
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
154
|
-
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--
|
157
|
+
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
155
158
|
--pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
|
156
159
|
--pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
|
157
160
|
--pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
|
@@ -162,21 +165,22 @@
|
|
162
165
|
--pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
|
163
166
|
--pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
|
164
167
|
--pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
|
165
|
-
--pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--
|
168
|
+
--pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
|
166
169
|
--pf-v5-c-table__sort--m-help--MinWidth: 15ch;
|
167
170
|
--pf-v5-c-table__sort__button__text--Color: currentcolor;
|
168
171
|
--pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
|
169
172
|
--pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
|
170
173
|
--pf-v5-c-table__sort__button--active__text--Color: currentcolor;
|
174
|
+
--pf-v5-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
|
175
|
+
--pf-v5-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
171
176
|
--pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
|
172
177
|
--pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
|
173
|
-
--pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--
|
178
|
+
--pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
|
174
179
|
--pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
175
180
|
--pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
176
181
|
--pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
177
182
|
--pf-v5-c-table__th--m-help--MinWidth: 11ch;
|
178
|
-
--pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--
|
179
|
-
--pf-v5-c-table__column-help--TranslateY: 0.125rem;
|
183
|
+
--pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
|
180
184
|
--pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
|
181
185
|
--pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
|
182
186
|
--pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
@@ -184,7 +188,7 @@
|
|
184
188
|
--pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
|
185
189
|
--pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
186
190
|
--pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
|
187
|
-
--pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--
|
191
|
+
--pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
|
188
192
|
--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
|
189
193
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
190
194
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
@@ -192,7 +196,7 @@
|
|
192
196
|
--pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
193
197
|
--pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
194
198
|
--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
|
195
|
-
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--
|
199
|
+
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
196
200
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
|
197
201
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
198
202
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
|
@@ -202,15 +206,8 @@
|
|
202
206
|
--pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
203
207
|
--pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
|
204
208
|
--pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
|
205
|
-
--pf-v5-c-table--m-
|
206
|
-
--pf-v5-c-table--m-
|
207
|
-
--pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
|
208
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
|
209
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
|
210
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
|
211
|
-
--pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
|
212
|
-
--pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
213
|
-
--pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
209
|
+
--pf-v5-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
|
210
|
+
--pf-v5-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
|
214
211
|
--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
|
215
212
|
--pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
216
213
|
--pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
|
@@ -221,7 +218,7 @@
|
|
221
218
|
--pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
222
219
|
--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
223
220
|
--pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
224
|
-
--pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--
|
221
|
+
--pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
225
222
|
--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
|
226
223
|
--pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
227
224
|
--pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
@@ -242,23 +239,28 @@
|
|
242
239
|
--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
243
240
|
--pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
244
241
|
--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
245
|
-
--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--
|
242
|
+
--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
246
243
|
--pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
|
247
244
|
--pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
248
245
|
--pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
249
246
|
--pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
250
247
|
--pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
251
248
|
--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
|
252
|
-
--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--
|
249
|
+
--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
|
253
250
|
--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
254
251
|
--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
|
255
252
|
--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
|
256
253
|
--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
257
254
|
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
|
258
255
|
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
|
256
|
+
--pf-v5-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
|
257
|
+
--pf-v5-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
|
259
258
|
--pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
260
259
|
--pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
261
260
|
--pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
|
261
|
+
}
|
262
|
+
|
263
|
+
.pf-v5-c-table {
|
262
264
|
color: var(--pf-v5-global--Color--100);
|
263
265
|
width: 100%;
|
264
266
|
background-color: var(--pf-v5-c-table--BackgroundColor);
|
@@ -336,16 +338,17 @@
|
|
336
338
|
overflow: var(--pf-v5-c-table--cell--Overflow);
|
337
339
|
font-size: var(--pf-v5-c-table--cell--FontSize);
|
338
340
|
font-weight: var(--pf-v5-c-table--cell--FontWeight);
|
341
|
+
line-height: var(--pf-v5-c-table--cell--LineHeight);
|
339
342
|
color: var(--pf-v5-c-table--cell--Color);
|
340
343
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
341
344
|
word-break: var(--pf-v5-c-table--cell--WordBreak);
|
342
345
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
343
346
|
}
|
344
347
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
345
|
-
--pf-v5-c-table--cell--
|
348
|
+
padding-inline-start: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingLeft));
|
346
349
|
}
|
347
350
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
348
|
-
--pf-v5-c-table--cell--
|
351
|
+
padding-inline-end: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingRight));
|
349
352
|
}
|
350
353
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
|
351
354
|
text-align: center;
|
@@ -366,10 +369,7 @@
|
|
366
369
|
}
|
367
370
|
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before, .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
|
368
371
|
position: absolute;
|
369
|
-
inset
|
370
|
-
inset-block-end: 0;
|
371
|
-
inset-inline-start: 0;
|
372
|
-
inset-inline-end: 0;
|
372
|
+
inset: 0;
|
373
373
|
pointer-events: none;
|
374
374
|
content: "";
|
375
375
|
}
|
@@ -391,35 +391,32 @@
|
|
391
391
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
392
392
|
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
|
393
393
|
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
|
394
|
-
vertical-align:
|
394
|
+
vertical-align: baseline;
|
395
395
|
}
|
396
396
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
|
397
397
|
outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
|
398
398
|
}
|
399
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
|
400
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
|
401
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
|
402
|
-
vertical-align: middle;
|
403
|
-
}
|
404
|
-
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
|
405
|
-
display: flex;
|
406
|
-
align-items: center;
|
407
|
-
}
|
408
399
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) th:where(.pf-v5-c-table__th):not([rowspan]),
|
409
400
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) td:where(.pf-v5-c-table__td):not([rowspan]) {
|
410
401
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
|
411
402
|
}
|
412
403
|
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
|
404
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__subhead--PaddingLeft);
|
405
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__subhead--PaddingRight);
|
413
406
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
|
414
407
|
color: var(--pf-v5-c-table__subhead--Color);
|
415
408
|
}
|
409
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead .pf-v5-c-table__button {
|
410
|
+
margin-inline-start: 0;
|
411
|
+
}
|
416
412
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
417
413
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
|
418
414
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
|
415
|
+
vertical-align: top;
|
416
|
+
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__tbody--cell--FontSize);
|
419
417
|
}
|
420
418
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
|
421
419
|
overflow-wrap: break-word;
|
422
|
-
vertical-align: baseline;
|
423
420
|
}
|
424
421
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
|
425
422
|
position: absolute;
|
@@ -430,16 +427,9 @@
|
|
430
427
|
background-color: transparent;
|
431
428
|
border-inline-start: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
|
432
429
|
}
|
433
|
-
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
|
434
|
-
margin-block-start: var(--pf-v5-c-table__check--input--MarginTop);
|
435
|
-
vertical-align: top;
|
436
|
-
}
|
437
430
|
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
|
438
431
|
border-block-end-width: 0;
|
439
432
|
}
|
440
|
-
.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:first-child, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:last-child {
|
441
|
-
padding: 0;
|
442
|
-
}
|
443
433
|
.pf-v5-c-table .pf-v5-c-table__sort {
|
444
434
|
min-width: var(--pf-v5-c-table__sort--MinWidth);
|
445
435
|
}
|
@@ -576,9 +566,10 @@
|
|
576
566
|
position: relative;
|
577
567
|
display: block;
|
578
568
|
width: var(--pf-v5-c-table--cell--Width);
|
579
|
-
min-width: var(--pf-v5-c-table--
|
569
|
+
min-width: var(--pf-v5-c-table--text--MinWidth);
|
580
570
|
max-width: var(--pf-v5-c-table--cell--MaxWidth);
|
581
571
|
overflow: var(--pf-v5-c-table--cell--Overflow);
|
572
|
+
line-height: var(--pf-v5-c-table--cell--LineHeight);
|
582
573
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
583
574
|
word-break: var(--pf-v5-c-table--cell--WordBreak);
|
584
575
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
@@ -594,11 +585,12 @@
|
|
594
585
|
|
595
586
|
.pf-v5-c-table__button {
|
596
587
|
position: static;
|
597
|
-
width:
|
598
|
-
padding-block-start: var(--pf-v5-c-
|
599
|
-
padding-block-end: var(--pf-v5-c-
|
600
|
-
padding-inline-start: var(--pf-v5-c-
|
601
|
-
padding-inline-end: var(--pf-v5-c-
|
588
|
+
width: auto;
|
589
|
+
padding-block-start: var(--pf-v5-c-table__button--PaddingTop);
|
590
|
+
padding-block-end: var(--pf-v5-c-table__button--PaddingBottom);
|
591
|
+
padding-inline-start: var(--pf-v5-c-table__button--PaddingLeft);
|
592
|
+
padding-inline-end: var(--pf-v5-c-table__button--PaddingRight);
|
593
|
+
margin-inline-start: calc(var(--pf-v5-c-table__button--PaddingLeft) * -1);
|
602
594
|
font-size: inherit;
|
603
595
|
font-weight: inherit;
|
604
596
|
color: var(--pf-v5-c-table__button--Color);
|
@@ -607,6 +599,10 @@
|
|
607
599
|
user-select: text;
|
608
600
|
background-color: var(--pf-v5-c-table__button--BackgroundColor);
|
609
601
|
border: 0;
|
602
|
+
border-radius: var(--pf-v5-c-table__button--BorderRadius);
|
603
|
+
}
|
604
|
+
.pf-v5-c-table .pf-v5-c-table .pf-v5-c-table__button {
|
605
|
+
margin-block-end: 0;
|
610
606
|
}
|
611
607
|
.pf-v5-c-table__button::before {
|
612
608
|
position: absolute;
|
@@ -636,15 +632,11 @@
|
|
636
632
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
637
633
|
}
|
638
634
|
|
639
|
-
.pf-v5-c-table__sort .pf-v5-c-table__text {
|
640
|
-
--pf-v5-c-table--cell--MinWidth: 0;
|
641
|
-
}
|
642
|
-
|
643
635
|
.pf-v5-c-table__button-content,
|
644
636
|
.pf-v5-c-table__column-help {
|
645
|
-
display: grid;
|
637
|
+
display: inline-grid;
|
646
638
|
grid-template-columns: auto max-content;
|
647
|
-
align-items:
|
639
|
+
align-items: baseline;
|
648
640
|
justify-content: start;
|
649
641
|
}
|
650
642
|
.pf-v5-c-table__button-content .pf-v5-c-table__text,
|
@@ -673,12 +665,6 @@
|
|
673
665
|
grid-template-columns: auto max-content;
|
674
666
|
}
|
675
667
|
|
676
|
-
.pf-v5-c-table .pf-v5-c-table__toggle,
|
677
|
-
.pf-v5-c-table .pf-v5-c-table__action,
|
678
|
-
.pf-v5-c-table .pf-v5-c-table__inline-edit-action {
|
679
|
-
--pf-v5-c-table--cell--PaddingBottom: 0;
|
680
|
-
}
|
681
|
-
|
682
668
|
.pf-v5-c-table .pf-v5-c-table__check,
|
683
669
|
.pf-v5-c-table .pf-v5-c-table__toggle,
|
684
670
|
.pf-v5-c-table .pf-v5-c-table__action,
|
@@ -691,13 +677,10 @@
|
|
691
677
|
}
|
692
678
|
|
693
679
|
.pf-v5-c-table__toggle {
|
694
|
-
--pf-v5-c-table--cell--
|
695
|
-
--pf-v5-c-table--cell--
|
696
|
-
|
697
|
-
|
698
|
-
.pf-v5-c-table__toggle .pf-v5-c-button {
|
699
|
-
margin-block-start: var(--pf-v5-c-table__toggle--c-button--MarginTop);
|
700
|
-
margin-block-end: var(--pf-v5-c-table__toggle--c-button--MarginBottom);
|
680
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__toggle--PaddingTop);
|
681
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__toggle--PaddingBottom);
|
682
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__toggle--PaddingLeft);
|
683
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__toggle--PaddingRight);
|
701
684
|
}
|
702
685
|
.pf-v5-c-table__toggle .pf-v5-c-button.pf-m-expanded .pf-v5-c-table__toggle-icon {
|
703
686
|
transform: rotate(var(--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
@@ -715,41 +698,34 @@
|
|
715
698
|
}
|
716
699
|
|
717
700
|
.pf-v5-c-table__check {
|
718
|
-
--pf-v5-c-table--cell--
|
719
|
-
|
720
|
-
.pf-v5-c-table__check label:not([disabled]),
|
721
|
-
.pf-v5-c-table__check input:not([disabled]) {
|
722
|
-
cursor: pointer;
|
701
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__check--PaddingLeft);
|
702
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__check--PaddingRight);
|
723
703
|
}
|
724
|
-
.pf-v5-c-table__check
|
704
|
+
.pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
725
705
|
display: inline-flex;
|
726
|
-
padding: inherit;
|
727
|
-
margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
|
728
|
-
margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
|
729
|
-
margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
|
730
|
-
margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
|
731
706
|
}
|
732
|
-
.pf-v5-c-
|
733
|
-
|
707
|
+
thead .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
708
|
+
vertical-align: bottom;
|
709
|
+
}
|
710
|
+
tbody .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
|
711
|
+
vertical-align: top;
|
712
|
+
}
|
713
|
+
.pf-v5-c-table__check label {
|
714
|
+
display: contents;
|
734
715
|
}
|
735
716
|
|
717
|
+
.pf-v5-c-table__favorite {
|
718
|
+
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__favorite--PaddingLeft);
|
719
|
+
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__favorite--PaddingRight);
|
720
|
+
}
|
736
721
|
.pf-v5-c-table__favorite .pf-v5-c-button {
|
737
|
-
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
|
738
722
|
--pf-v5-c-button--FontSize: var(--pf-v5-c-table__favorite--c-button--FontSize);
|
739
|
-
margin-block-start: var(--pf-v5-c-table__favorite--c-button--MarginTop);
|
740
|
-
margin-block-end: var(--pf-v5-c-table__favorite--c-button--MarginBottom);
|
741
|
-
margin-inline-start: var(--pf-v5-c-table__favorite--c-button--MarginLeft);
|
742
|
-
margin-inline-end: var(--pf-v5-c-table__favorite--c-button--MarginRight);
|
743
723
|
}
|
744
724
|
.pf-m-favorited.pf-v5-c-table__favorite .pf-v5-c-button {
|
745
725
|
--pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--m-favorited--c-button--Color);
|
746
726
|
}
|
747
727
|
|
748
728
|
.pf-v5-c-table__draggable .pf-v5-c-button {
|
749
|
-
margin-block-start: var(--pf-v5-c-table__draggable--c-button--MarginTop);
|
750
|
-
margin-block-end: var(--pf-v5-c-table__draggable--c-button--MarginBottom);
|
751
|
-
margin-inline-start: var(--pf-v5-c-table__draggable--c-button--MarginLeft);
|
752
|
-
margin-inline-end: var(--pf-v5-c-table__draggable--c-button--MarginRight);
|
753
729
|
cursor: grab;
|
754
730
|
}
|
755
731
|
.pf-v5-c-table__draggable .pf-v5-c-button:active {
|
@@ -757,23 +733,14 @@
|
|
757
733
|
}
|
758
734
|
|
759
735
|
.pf-v5-c-table__action,
|
760
|
-
.pf-v5-c-table__inline-edit-action
|
761
|
-
|
762
|
-
--pf-v5-c-table--cell--
|
763
|
-
--pf-v5-c-table--cell--PaddingBottom:
|
764
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
|
765
|
-
padding-block-start: 0;
|
766
|
-
padding-block-end: 0;
|
767
|
-
vertical-align: middle;
|
768
|
-
}
|
769
|
-
|
770
|
-
.pf-v5-c-table__action {
|
771
|
-
text-align: end;
|
736
|
+
.pf-v5-c-table__inline-edit-action,
|
737
|
+
.pf-v5-c-table__draggable {
|
738
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
|
739
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
|
772
740
|
}
|
773
741
|
|
774
|
-
.pf-v5-c-
|
775
|
-
|
776
|
-
--pf-v5-c-table--cell--PaddingRight: 0;
|
742
|
+
.pf-v5-c-table__action:last-child,
|
743
|
+
.pf-v5-c-table__inline-edit-action:last-child {
|
777
744
|
text-align: end;
|
778
745
|
}
|
779
746
|
|
@@ -783,12 +750,16 @@
|
|
783
750
|
--pf-v5-c-table__button--focus--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--focus--Color);
|
784
751
|
--pf-v5-c-table__button--active--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--active--Color);
|
785
752
|
position: relative;
|
753
|
+
padding: 0;
|
786
754
|
}
|
787
755
|
.pf-v5-c-table__compound-expansion-toggle.pf-m-truncate {
|
788
756
|
overflow: visible;
|
789
757
|
}
|
790
758
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button {
|
759
|
+
position: static;
|
791
760
|
min-width: 100%;
|
761
|
+
padding: 0;
|
762
|
+
margin: 0;
|
792
763
|
overflow: hidden;
|
793
764
|
}
|
794
765
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:hover, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:focus, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:active {
|
@@ -797,7 +768,7 @@
|
|
797
768
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before,
|
798
769
|
.pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::after {
|
799
770
|
position: absolute;
|
800
|
-
inset
|
771
|
+
inset: 0;
|
801
772
|
content: "";
|
802
773
|
border-style: solid;
|
803
774
|
border-width: 0;
|
@@ -822,10 +793,6 @@
|
|
822
793
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
|
823
794
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base);
|
824
795
|
}
|
825
|
-
.pf-v5-c-table__compound-expansion-toggle:first-child {
|
826
|
-
--pf-v5-c-table__compound-expansion-toggle__button--before--Left: 0;
|
827
|
-
--pf-v5-c-table__compound-expansion-toggle__button--after--Left: 0;
|
828
|
-
}
|
829
796
|
.pf-v5-c-table__compound-expansion-toggle.pf-m-expanded .pf-v5-c-table__button::before {
|
830
797
|
border-block-end: var(--pf-v5-c-table--BackgroundColor) solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
|
831
798
|
}
|
@@ -844,28 +811,8 @@
|
|
844
811
|
|
845
812
|
.pf-v5-c-table__column-help-action {
|
846
813
|
margin-inline-start: var(--pf-v5-c-table__column-help--MarginLeft);
|
847
|
-
transform: translateY(var(--pf-v5-c-table__column-help--TranslateY));
|
848
|
-
}
|
849
|
-
.pf-v5-c-table__column-help-action .pf-v5-c-button {
|
850
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-table__column-help--c-button--PaddingRight);
|
851
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-table__column-help--c-button--PaddingLeft);
|
852
|
-
margin-block-start: var(--pf-v5-c-table__column-help--c-button--MarginTop);
|
853
|
-
margin-block-end: var(--pf-v5-c-table__column-help--c-button--MarginBottom);
|
854
|
-
font-size: inherit;
|
855
|
-
line-height: 1;
|
856
814
|
}
|
857
815
|
|
858
|
-
.pf-v5-c-table__sort .pf-v5-c-table__button {
|
859
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__sort__button--PaddingTop);
|
860
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__sort__button--PaddingRight);
|
861
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__sort__button--PaddingBottom);
|
862
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__sort__button--PaddingLeft);
|
863
|
-
display: flex;
|
864
|
-
width: auto;
|
865
|
-
margin-block-start: var(--pf-v5-c-table__sort__button--MarginTop);
|
866
|
-
margin-block-end: var(--pf-v5-c-table__sort__button--MarginBottom);
|
867
|
-
margin-inline-start: var(--pf-v5-c-table__sort__button--MarginLeft);
|
868
|
-
}
|
869
816
|
.pf-v5-c-table__sort .pf-v5-c-table__button:hover {
|
870
817
|
--pf-v5-c-table__sort-indicator--Color: var(--pf-v5-c-table__sort__button--hover__sort-indicator--Color);
|
871
818
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort__button--hover__text--Color);
|
@@ -901,12 +848,11 @@
|
|
901
848
|
grid-column: 2;
|
902
849
|
margin-inline-start: var(--pf-v5-c-table__sort-indicator--MarginLeft);
|
903
850
|
color: var(--pf-v5-c-table__sort-indicator--Color);
|
851
|
+
color: var(--pf-v5-c-table__sort-indicator--FontSize);
|
904
852
|
pointer-events: none;
|
905
853
|
}
|
906
854
|
|
907
855
|
.pf-v5-c-table__expandable-row {
|
908
|
-
--pf-v5-c-table--cell--PaddingTop: 0;
|
909
|
-
--pf-v5-c-table--cell--PaddingBottom: 0;
|
910
856
|
position: relative;
|
911
857
|
border-block-end: 0 solid transparent;
|
912
858
|
box-shadow: 0 0 0 0 transparent;
|
@@ -915,6 +861,10 @@
|
|
915
861
|
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
|
916
862
|
transition: var(--pf-v5-c-table__expandable-row--Transition);
|
917
863
|
}
|
864
|
+
.pf-v5-c-table__expandable-row > td,
|
865
|
+
.pf-v5-c-table__expandable-row > th {
|
866
|
+
padding-top: 0;
|
867
|
+
}
|
918
868
|
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
|
919
869
|
.pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
|
920
870
|
padding-block-start: 0;
|
@@ -938,64 +888,35 @@
|
|
938
888
|
.pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
939
889
|
display: none;
|
940
890
|
}
|
941
|
-
|
942
|
-
|
943
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
944
|
-
}
|
945
|
-
.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
946
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
891
|
+
.pf-v5-c-table__expandable-row tr:last-child {
|
892
|
+
border-block-end: 0;
|
947
893
|
}
|
948
894
|
|
949
895
|
.pf-v5-c-table.pf-m-compact {
|
950
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
|
951
896
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
|
952
897
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
953
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
954
|
-
}
|
955
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
|
956
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
957
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
|
958
898
|
}
|
959
899
|
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
960
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
|
961
900
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
|
962
901
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
963
902
|
}
|
964
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
965
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
966
|
-
}
|
967
|
-
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
|
968
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
969
|
-
}
|
970
903
|
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
|
971
904
|
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
|
972
905
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
|
973
906
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
|
974
907
|
}
|
975
|
-
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action
|
976
|
-
|
977
|
-
|
978
|
-
|
979
|
-
|
980
|
-
|
981
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__toggle--PaddingTop);
|
982
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__toggle--PaddingBottom);
|
908
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action,
|
909
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__favorite,
|
910
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle,
|
911
|
+
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__draggable {
|
912
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__action--PaddingTop);
|
913
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__action--PaddingBottom);
|
983
914
|
}
|
984
915
|
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__icon {
|
985
916
|
width: auto;
|
986
917
|
min-width: 0;
|
987
918
|
text-align: center;
|
988
919
|
}
|
989
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
|
990
|
-
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
991
|
-
}
|
992
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
|
993
|
-
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
994
|
-
}
|
995
|
-
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
|
996
|
-
--pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop);
|
997
|
-
--pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom);
|
998
|
-
}
|
999
920
|
|
1000
921
|
.pf-v5-c-table__icon-inline {
|
1001
922
|
display: flex;
|