@patternfly/patternfly 5.0.0-alpha.53 → 5.0.0-alpha.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/FormControl/form-control.css +164 -214
- package/components/FormControl/form-control.scss +175 -281
- package/components/FormControl/themes/dark/form-control.scss +1 -2
- package/components/NumberInput/number-input.css +0 -1
- package/components/NumberInput/number-input.scss +0 -1
- package/components/Table/table-grid.css +380 -391
- package/components/Table/table-grid.scss +97 -92
- package/components/Table/table-tree-view.css +254 -254
- package/components/Table/table-tree-view.scss +30 -30
- package/components/Table/table.css +232 -232
- package/components/Table/table.scss +265 -255
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -28
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +52 -46
- package/docs/components/DatePicker/examples/DatePicker.md +55 -49
- package/docs/components/FileUpload/examples/FileUpload.md +105 -93
- package/docs/components/Form/examples/Form.md +165 -145
- package/docs/components/FormControl/examples/FormControl.md +439 -475
- package/docs/components/InlineEdit/examples/InlineEdit.md +137 -104
- package/docs/components/InputGroup/examples/InputGroup.md +84 -74
- package/docs/components/Login/examples/Login.md +92 -82
- package/docs/components/NumberInput/examples/NumberInput.md +99 -87
- package/docs/components/Pagination/examples/Pagination.md +100 -89
- package/docs/components/Select/examples/Select.md +77 -68
- package/docs/components/Slider/examples/Slider.md +31 -44
- package/docs/components/Table/examples/Table.md +6839 -3703
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -52
- package/docs/components/Toolbar/examples/Toolbar.md +18 -16
- package/docs/components/Wizard/examples/Wizard.md +280 -245
- package/docs/demos/Alert/examples/Alert.md +69 -57
- package/docs/demos/Button/examples/Button.md +54 -48
- package/docs/demos/Card/examples/Card.md +73 -34
- package/docs/demos/CardView/examples/CardView.md +9 -8
- package/docs/demos/DataList/examples/DataList.md +223 -84
- package/docs/demos/DescriptionList/examples/DescriptionList.md +63 -23
- package/docs/demos/Form/examples/BasicForms.md +247 -227
- package/docs/demos/HelperText/examples/HelperText.md +37 -33
- package/docs/demos/Modal/examples/Modal.md +14 -21
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -10
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -40
- package/docs/demos/Table/examples/Table.md +2765 -1397
- package/docs/demos/Tabs/examples/Tabs.md +203 -50
- package/docs/demos/Toolbar/examples/Toolbar.md +300 -137
- package/docs/demos/Wizard/examples/Wizard.md +448 -392
- package/package.json +3 -3
- package/patternfly-no-globals.css +1027 -1089
- package/patternfly.css +1027 -1089
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/docs/components/FormControl/examples/FormControl.css +0 -5
package/patternfly.css
CHANGED
|
@@ -19,51 +19,51 @@
|
|
|
19
19
|
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.pf-v5-c-table tr > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group, .pf-v5-c-data-list__item-action {
|
|
22
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group, .pf-v5-c-data-list__item-action {
|
|
23
23
|
--pf-v5-hidden-visible--hidden--Display: none;
|
|
24
24
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
25
25
|
display: var(--pf-v5-hidden-visible--Display);
|
|
26
26
|
}
|
|
27
|
-
.pf-v5-c-table tr > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__group, .pf-m-hidden.pf-v5-c-data-list__item-action {
|
|
27
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-divider, .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__group, .pf-m-hidden.pf-v5-c-data-list__item-action {
|
|
28
28
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
29
29
|
}
|
|
30
30
|
@media screen and (min-width: 576px) {
|
|
31
|
-
.pf-v5-c-table tr > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
|
|
31
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-divider, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action {
|
|
32
32
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
33
33
|
}
|
|
34
|
-
.pf-v5-c-table tr > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
|
|
34
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-divider, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__group, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action {
|
|
35
35
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
@media screen and (min-width: 768px) {
|
|
39
|
-
.pf-v5-c-table tr > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
|
|
39
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-divider, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__group, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action {
|
|
40
40
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
41
41
|
}
|
|
42
|
-
.pf-v5-c-table tr > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
|
|
42
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-divider, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__group, .pf-m-visible-on-md.pf-v5-c-data-list__item-action {
|
|
43
43
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
@media screen and (min-width: 992px) {
|
|
47
|
-
.pf-v5-c-table tr > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
|
|
47
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-divider, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action {
|
|
48
48
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
49
49
|
}
|
|
50
|
-
.pf-v5-c-table tr > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
|
|
50
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-divider, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__group, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action {
|
|
51
51
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
@media screen and (min-width: 1200px) {
|
|
55
|
-
.pf-v5-c-table tr > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
|
|
55
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-divider, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action {
|
|
56
56
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
57
57
|
}
|
|
58
|
-
.pf-v5-c-table tr > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
|
|
58
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-divider, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__group, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action {
|
|
59
59
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
@media screen and (min-width: 1450px) {
|
|
63
|
-
.pf-v5-c-table tr > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
|
|
63
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-divider, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
|
|
64
64
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
65
65
|
}
|
|
66
|
-
.pf-v5-c-table tr > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
|
|
66
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-divider, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action {
|
|
67
67
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
68
68
|
}
|
|
69
69
|
}
|
|
@@ -14819,9 +14819,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
14819
14819
|
}
|
|
14820
14820
|
|
|
14821
14821
|
.pf-v5-c-form-control {
|
|
14822
|
+
--pf-v5-c-form-control--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
14822
14823
|
--pf-v5-c-form-control--Color: var(--pf-v5-global--Color--100);
|
|
14823
14824
|
--pf-v5-c-form-control--FontSize: var(--pf-v5-global--FontSize--md);
|
|
14824
14825
|
--pf-v5-c-form-control--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
14826
|
+
--pf-v5-c-form-control--Resize: none;
|
|
14825
14827
|
--pf-v5-c-form-control--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
14826
14828
|
--pf-v5-c-form-control--BorderTopColor: var(--pf-v5-global--BorderColor--300);
|
|
14827
14829
|
--pf-v5-c-form-control--BorderRightColor: var(--pf-v5-global--BorderColor--300);
|
|
@@ -14829,7 +14831,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
14829
14831
|
--pf-v5-c-form-control--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
|
|
14830
14832
|
--pf-v5-c-form-control--BorderRadius: 0;
|
|
14831
14833
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
14832
|
-
--pf-v5-c-form-control--Width:
|
|
14834
|
+
--pf-v5-c-form-control--Width: auto;
|
|
14833
14835
|
--pf-v5-c-form-control--Height: calc(var(--pf-v5-c-form-control--FontSize) * var(--pf-v5-c-form-control--LineHeight) + var(--pf-v5-c-form-control--BorderWidth) * 2 + var(--pf-v5-c-form-control--PaddingTop) + var(--pf-v5-c-form-control--PaddingBottom));
|
|
14834
14836
|
--pf-v5-c-form-control--inset--base: var(--pf-v5-global--spacer--sm);
|
|
14835
14837
|
--pf-v5-c-form-control--PaddingTop: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
|
|
@@ -14843,134 +14845,101 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
14843
14845
|
--pf-v5-c-form-control--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14844
14846
|
--pf-v5-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
|
|
14845
14847
|
--pf-v5-c-form-control--m-expanded--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
14846
|
-
--pf-v5-c-form-control--placeholder--Color: var(--pf-v5-global--Color--dark-200);
|
|
14847
|
-
--pf-v5-c-form-control--placeholder--child--Color: var(--pf-v5-global--Color--100);
|
|
14848
|
-
--pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
14849
|
-
--pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
14850
|
-
--pf-v5-c-form-control--disabled--BorderColor: transparent;
|
|
14851
|
-
--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
14852
|
-
--pf-v5-c-form-control--readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
14853
|
-
--pf-v5-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
|
|
14854
|
-
--pf-v5-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
14855
|
-
--pf-v5-c-form-control--readonly--focus--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
14856
|
-
--pf-v5-c-form-control--readonly--m-plain--BackgroundColor: transparent;
|
|
14857
|
-
--pf-v5-c-form-control--readonly--m-plain--inset--base: 0;
|
|
14858
|
-
--pf-v5-c-form-control--success--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14859
|
-
--pf-v5-c-form-control--success--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--success--BorderBottomWidth));
|
|
14860
|
-
--pf-v5-c-form-control--success--BorderBottomColor: var(--pf-v5-global--success-color--100);
|
|
14861
|
-
--pf-v5-c-form-control--success--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14862
|
-
--pf-v5-c-form-control--success--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--PaddingLeft));
|
|
14863
|
-
--pf-v5-c-form-control--success--BackgroundPositionY: center;
|
|
14864
|
-
--pf-v5-c-form-control--success--BackgroundPosition: var(--pf-v5-c-form-control--success--BackgroundPositionX) var(--pf-v5-c-form-control--success--BackgroundPositionY);
|
|
14865
|
-
--pf-v5-c-form-control--success--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
|
|
14866
|
-
--pf-v5-c-form-control--success--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
|
|
14867
|
-
--pf-v5-c-form-control--success--BackgroundSize: var(--pf-v5-c-form-control--success--BackgroundSizeX) var(--pf-v5-c-form-control--success--BackgroundSizeY);
|
|
14868
|
-
--pf-v5-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
|
|
14848
|
+
--pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-global--Color--dark-200);
|
|
14849
|
+
--pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-v5-global--Color--100);
|
|
14850
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
14851
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
14852
|
+
--pf-v5-c-form-control--m-disabled--BorderColor: transparent;
|
|
14853
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
14854
|
+
--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
14855
|
+
--pf-v5-c-form-control--m-readonly--focus--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
|
|
14856
|
+
--pf-v5-c-form-control--m-readonly--focus--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
14857
|
+
--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
14858
|
+
--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
14859
|
+
--pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
14860
|
+
--pf-v5-c-form-control--m-success--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14861
|
+
--pf-v5-c-form-control--m-success--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--m-success--BorderBottomWidth));
|
|
14862
|
+
--pf-v5-c-form-control--m-success--BorderBottomColor: var(--pf-v5-global--success-color--100);
|
|
14863
|
+
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14869
14864
|
--pf-v5-c-form-control--m-warning--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14870
14865
|
--pf-v5-c-form-control--m-warning--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--m-warning--BorderBottomWidth));
|
|
14871
14866
|
--pf-v5-c-form-control--m-warning--BorderBottomColor: var(--pf-v5-global--warning-color--100);
|
|
14872
14867
|
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14873
|
-
--pf-v5-c-form-control--m-
|
|
14874
|
-
--pf-v5-c-form-control--m-
|
|
14875
|
-
--pf-v5-c-form-control--m-
|
|
14876
|
-
--pf-v5-c-form-control--m-
|
|
14877
|
-
--pf-v5-c-form-control--m-
|
|
14878
|
-
--pf-v5-c-form-control--m-
|
|
14879
|
-
--pf-v5-c-form-control--m-
|
|
14880
|
-
--pf-v5-c-form-control--invalid--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14881
|
-
--pf-v5-c-form-control--invalid--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--invalid--BorderBottomWidth));
|
|
14882
|
-
--pf-v5-c-form-control--invalid--BorderBottomColor: var(--pf-v5-global--danger-color--100);
|
|
14883
|
-
--pf-v5-c-form-control--invalid--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14884
|
-
--pf-v5-c-form-control--invalid--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--PaddingLeft));
|
|
14885
|
-
--pf-v5-c-form-control--invalid--BackgroundPositionY: center;
|
|
14886
|
-
--pf-v5-c-form-control--invalid--BackgroundPosition: var(--pf-v5-c-form-control--invalid--BackgroundPositionX) var(--pf-v5-c-form-control--invalid--BackgroundPositionY);
|
|
14887
|
-
--pf-v5-c-form-control--invalid--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
|
|
14888
|
-
--pf-v5-c-form-control--invalid--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
|
|
14889
|
-
--pf-v5-c-form-control--invalid--BackgroundSize: var(--pf-v5-c-form-control--invalid--BackgroundSizeX) var(--pf-v5-c-form-control--invalid--BackgroundSizeY);
|
|
14890
|
-
--pf-v5-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fe5142' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
|
|
14891
|
-
--pf-v5-c-form-control--invalid--exclamation--Background: var(--pf-v5-c-form-control--invalid--BackgroundUrl) var(--pf-v5-c-form-control--invalid--BackgroundPosition) / var(--pf-v5-c-form-control--invalid--BackgroundSize) no-repeat;
|
|
14892
|
-
--pf-v5-c-form-control--invalid--Background: var(--pf-v5-c-form-control--BackgroundColor) var(--pf-v5-c-form-control--invalid--exclamation--Background);
|
|
14893
|
-
--pf-v5-c-form-control--m-search--PaddingLeft: var(--pf-v5-global--spacer--xl);
|
|
14894
|
-
--pf-v5-c-form-control--m-search--BackgroundPosition: var(--pf-v5-c-form-control--PaddingRight);
|
|
14895
|
-
--pf-v5-c-form-control--m-search--BackgroundSize: var(--pf-v5-c-form-control--FontSize) var(--pf-v5-c-form-control--FontSize);
|
|
14896
|
-
--pf-v5-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
|
|
14897
|
-
--pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
|
|
14898
|
-
--pf-v5-c-form-control--m-icon--BackgroundUrl: none;
|
|
14899
|
-
--pf-v5-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--inset--base));
|
|
14900
|
-
--pf-v5-c-form-control--m-icon--BackgroundPositionY: center;
|
|
14901
|
-
--pf-v5-c-form-control--m-icon--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
|
|
14902
|
-
--pf-v5-c-form-control--m-icon--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
|
|
14868
|
+
--pf-v5-c-form-control--m-error--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14869
|
+
--pf-v5-c-form-control--m-error--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--m-error--BorderBottomWidth));
|
|
14870
|
+
--pf-v5-c-form-control--m-error--BorderBottomColor: var(--pf-v5-global--danger-color--100);
|
|
14871
|
+
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14872
|
+
--pf-v5-c-form-control--m-error--IconWidth: var(--pf-v5-c-form-control--FontSize);
|
|
14873
|
+
--pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--IconWidth) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
|
|
14874
|
+
--pf-v5-c-form-control--m-icon--IconWidth: var(--pf-v5-c-form-control--FontSize);
|
|
14903
14875
|
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-v5-global--spacer--sm);
|
|
14904
|
-
--pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--
|
|
14905
|
-
--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX: calc(var(--pf-v5-c-form-control--m-icon--BackgroundPositionX) - var(--pf-v5-c-form-control--m-icon--icon--spacer) - var(--pf-v5-c-form-control--invalid--BackgroundSizeX));
|
|
14906
|
-
--pf-v5-c-form-control--m-icon--invalid--BackgroundUrl: var(--pf-v5-c-form-control--invalid--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
|
|
14907
|
-
--pf-v5-c-form-control--m-icon--invalid--BackgroundPosition: var(--pf-v5-c-form-control--invalid--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
|
|
14908
|
-
--pf-v5-c-form-control--m-icon--invalid--BackgroundSize: var(--pf-v5-c-form-control--invalid--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
|
|
14909
|
-
--pf-v5-c-form-control--m-icon--success--BackgroundUrl: var(--pf-v5-c-form-control--success--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
|
|
14910
|
-
--pf-v5-c-form-control--m-icon--success--BackgroundPosition: var(--pf-v5-c-form-control--success--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
|
|
14911
|
-
--pf-v5-c-form-control--m-icon--success--BackgroundSize: var(--pf-v5-c-form-control--success--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
|
|
14912
|
-
--pf-v5-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-v5-c-form-control--m-warning--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
|
|
14913
|
-
--pf-v5-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-warning--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
|
|
14914
|
-
--pf-v5-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-v5-c-form-control--m-warning--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
|
|
14915
|
-
--pf-v5-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
|
|
14916
|
-
--pf-v5-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
|
|
14876
|
+
--pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-error--IconWidth) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--IconWidth) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
|
|
14917
14877
|
--pf-v5-c-form-control__select--PaddingRight: calc(var(--pf-v5-global--spacer--lg) + var(--pf-v5-c-form-control--BorderWidth) + var(--pf-v5-c-form-control--BorderWidth));
|
|
14918
14878
|
--pf-v5-c-form-control__select--PaddingLeft: calc(var(--pf-v5-global--spacer--sm) - var(--pf-v5-c-form-control--BorderWidth));
|
|
14919
|
-
--pf-v5-c-form-control__select--
|
|
14920
|
-
--pf-v5-c-form-control__select--
|
|
14921
|
-
--pf-v5-c-form-control__select--
|
|
14922
|
-
--pf-v5-c-form-control__select--BackgroundPositionY: center;
|
|
14923
|
-
--pf-v5-c-form-control__select--BackgroundPosition: var(--pf-v5-c-form-control__select--BackgroundPositionX) var(--pf-v5-c-form-control__select--BackgroundPositionY);
|
|
14924
|
-
--pf-v5-c-form-control__select--success--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14925
|
-
--pf-v5-c-form-control__select--success--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-v5-global--spacer--lg));
|
|
14926
|
-
--pf-v5-c-form-control__select--m-warning--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14927
|
-
--pf-v5-c-form-control__select--m-warning--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-v5-global--spacer--lg) + 0.0625rem);
|
|
14928
|
-
--pf-v5-c-form-control__select--invalid--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14929
|
-
--pf-v5-c-form-control__select--invalid--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-v5-global--spacer--lg));
|
|
14879
|
+
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14880
|
+
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14881
|
+
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14930
14882
|
--pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
|
|
14931
14883
|
--pf-v5-c-form-control--textarea--Height: auto;
|
|
14932
|
-
--pf-v5-c-form-
|
|
14933
|
-
--pf-v5-c-form-
|
|
14934
|
-
--pf-v5-c-form-control--
|
|
14935
|
-
--pf-v5-c-form-control--m-
|
|
14936
|
-
--pf-v5-c-form-control--m-
|
|
14937
|
-
--pf-v5-c-form-
|
|
14938
|
-
--pf-v5-c-form-
|
|
14939
|
-
--pf-v5-c-form-
|
|
14884
|
+
--pf-v5-c-form-control__icon--Color: var(--pf-v5-global--icon--Color--light);
|
|
14885
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-global--icon--Color--light);
|
|
14886
|
+
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-v5-global--success-color--100);
|
|
14887
|
+
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-v5-global--warning-color--100);
|
|
14888
|
+
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-v5-global--danger-color--100);
|
|
14889
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - (2 * var(--pf-v5-c-form-control--BorderWidth)));
|
|
14890
|
+
--pf-v5-c-form-control__utilities--Gap: var(--pf-v5-global--spacer--sm);
|
|
14891
|
+
--pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
|
|
14892
|
+
--pf-v5-c-form-control__utilities--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
14893
|
+
--pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
14894
|
+
--pf-v5-c-form-control__toggle-icon--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
|
|
14895
|
+
--pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - (2 * var(--pf-v5-c-form-control--BorderWidth)));
|
|
14896
|
+
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-global--Color--100);
|
|
14897
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
14940
14898
|
color: var(--pf-v5-c-form-control--Color);
|
|
14899
|
+
position: relative;
|
|
14900
|
+
display: grid;
|
|
14901
|
+
grid-template-columns: 1fr auto;
|
|
14902
|
+
column-gap: var(--pf-v5-c-form-control--ColumnGap);
|
|
14903
|
+
align-items: start;
|
|
14941
14904
|
width: var(--pf-v5-c-form-control--Width);
|
|
14942
|
-
padding: var(--pf-v5-c-form-control--PaddingTop) var(--pf-v5-c-form-control--PaddingRight) var(--pf-v5-c-form-control--PaddingBottom) var(--pf-v5-c-form-control--PaddingLeft);
|
|
14943
14905
|
font-size: var(--pf-v5-c-form-control--FontSize);
|
|
14944
14906
|
line-height: var(--pf-v5-c-form-control--LineHeight);
|
|
14907
|
+
resize: var(--pf-v5-c-form-control--Resize);
|
|
14945
14908
|
background-color: var(--pf-v5-c-form-control--BackgroundColor);
|
|
14946
|
-
background-repeat: no-repeat;
|
|
14947
14909
|
border: var(--pf-v5-c-form-control--BorderWidth) solid;
|
|
14948
14910
|
border-color: var(--pf-v5-c-form-control--BorderTopColor) var(--pf-v5-c-form-control--BorderRightColor) var(--pf-v5-c-form-control--BorderBottomColor) var(--pf-v5-c-form-control--BorderLeftColor);
|
|
14949
14911
|
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
14912
|
+
}
|
|
14913
|
+
.pf-v5-c-form-control > :is(input, select, textarea) {
|
|
14914
|
+
grid-row: 1/2;
|
|
14915
|
+
grid-column: 1/-1;
|
|
14916
|
+
padding: var(--pf-v5-c-form-control--PaddingTop) var(--pf-v5-c-form-control--PaddingRight) var(--pf-v5-c-form-control--PaddingBottom) var(--pf-v5-c-form-control--PaddingLeft);
|
|
14917
|
+
color: var(--pf-v5-c-form-control--Color);
|
|
14918
|
+
background-color: transparent;
|
|
14919
|
+
border: none;
|
|
14950
14920
|
-moz-appearance: none;
|
|
14951
14921
|
-webkit-appearance: none;
|
|
14952
14922
|
}
|
|
14953
|
-
.pf-v5-c-form-control::placeholder {
|
|
14954
|
-
color: var(--pf-v5-c-form-control--placeholder--Color);
|
|
14923
|
+
.pf-v5-c-form-control > ::placeholder {
|
|
14924
|
+
color: var(--pf-v5-c-form-control--m-placeholder--Color);
|
|
14955
14925
|
}
|
|
14956
|
-
.pf-v5-c-form-control:
|
|
14957
|
-
height: var(--pf-v5-c-form-control--Height);
|
|
14926
|
+
.pf-v5-c-form-control > :is(input, select) {
|
|
14958
14927
|
text-overflow: ellipsis;
|
|
14959
14928
|
}
|
|
14960
|
-
.pf-v5-c-form-control
|
|
14961
|
-
|
|
14929
|
+
.pf-v5-c-form-control.pf-m-readonly {
|
|
14930
|
+
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
|
|
14962
14931
|
}
|
|
14963
|
-
.pf-v5-c-form-control
|
|
14964
|
-
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--readonly--hover--BorderBottomColor);
|
|
14932
|
+
.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error):hover {
|
|
14933
|
+
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor);
|
|
14965
14934
|
}
|
|
14966
|
-
.pf-v5-c-form-control
|
|
14967
|
-
--pf-v5-c-form-control--focus--PaddingBottom: var(--pf-v5-c-form-control--readonly--focus--PaddingBottom);
|
|
14968
|
-
--pf-v5-c-form-control--focus--BorderBottomWidth: var(--pf-v5-c-form-control--readonly--focus--BorderBottomWidth);
|
|
14969
|
-
--pf-v5-c-form-control--focus--BorderBottomColor: var(--pf-v5-c-form-control--readonly--focus--BorderBottomColor);
|
|
14935
|
+
.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error):focus {
|
|
14936
|
+
--pf-v5-c-form-control--focus--PaddingBottom: var(--pf-v5-c-form-control--m-readonly--focus--PaddingBottom);
|
|
14937
|
+
--pf-v5-c-form-control--focus--BorderBottomWidth: var(--pf-v5-c-form-control--m-readonly--focus--BorderBottomWidth);
|
|
14938
|
+
--pf-v5-c-form-control--focus--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor);
|
|
14970
14939
|
}
|
|
14971
|
-
.pf-v5-c-form-control
|
|
14972
|
-
--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-c-form-control--readonly--m-plain--BackgroundColor);
|
|
14973
|
-
--pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--readonly--m-plain--inset--base);
|
|
14940
|
+
.pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
|
|
14941
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
14942
|
+
--pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--m-readonly--m-plain--inset--base);
|
|
14974
14943
|
border-color: transparent;
|
|
14975
14944
|
}
|
|
14976
14945
|
.pf-v5-c-form-control:hover {
|
|
@@ -14978,154 +14947,136 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
14978
14947
|
}
|
|
14979
14948
|
.pf-v5-c-form-control:focus {
|
|
14980
14949
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--focus--BorderBottomColor);
|
|
14981
|
-
|
|
14950
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
|
|
14951
|
+
--pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
|
|
14952
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--focus--PaddingBottom);
|
|
14982
14953
|
border-bottom-width: var(--pf-v5-c-form-control--focus--BorderBottomWidth);
|
|
14983
14954
|
}
|
|
14984
14955
|
.pf-v5-c-form-control.pf-m-expanded {
|
|
14985
14956
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-expanded--BorderBottomColor);
|
|
14986
|
-
|
|
14957
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-expanded--BorderBottomWidth));
|
|
14958
|
+
--pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-expanded--BorderBottomWidth));
|
|
14959
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-expanded--PaddingBottom);
|
|
14987
14960
|
border-bottom-width: var(--pf-v5-c-form-control--m-expanded--BorderBottomWidth);
|
|
14988
14961
|
}
|
|
14989
|
-
.pf-v5-c-form-control
|
|
14990
|
-
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--disabled--BackgroundColor);
|
|
14991
|
-
|
|
14962
|
+
.pf-v5-c-form-control.pf-m-disabled {
|
|
14963
|
+
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
|
|
14964
|
+
--pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
|
|
14965
|
+
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
|
|
14992
14966
|
cursor: not-allowed;
|
|
14993
|
-
border-color: var(--pf-v5-c-form-control--disabled--BorderColor);
|
|
14994
|
-
}
|
|
14995
|
-
.pf-v5-c-form-control
|
|
14996
|
-
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--
|
|
14997
|
-
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--
|
|
14998
|
-
|
|
14999
|
-
|
|
15000
|
-
|
|
15001
|
-
|
|
15002
|
-
|
|
15003
|
-
|
|
15004
|
-
|
|
14967
|
+
border-color: var(--pf-v5-c-form-control--m-disabled--BorderColor);
|
|
14968
|
+
}
|
|
14969
|
+
.pf-v5-c-form-control.pf-m-error {
|
|
14970
|
+
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
|
|
14971
|
+
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-error--BorderBottomColor);
|
|
14972
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
|
|
14973
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-error--BorderBottomWidth));
|
|
14974
|
+
--pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-error--BorderBottomWidth));
|
|
14975
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-error--PaddingBottom);
|
|
14976
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight);
|
|
14977
|
+
border-bottom-width: var(--pf-v5-c-form-control--m-error--BorderBottomWidth);
|
|
14978
|
+
}
|
|
14979
|
+
.pf-v5-c-form-control.pf-m-error.pf-m-icon {
|
|
15005
14980
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15006
|
-
background-image: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundUrl);
|
|
15007
|
-
background-position: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundPosition);
|
|
15008
|
-
background-size: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundSize);
|
|
15009
14981
|
}
|
|
15010
14982
|
.pf-v5-c-form-control.pf-m-success {
|
|
15011
|
-
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--success--PaddingRight);
|
|
15012
|
-
--pf-v5-c-form-control--
|
|
15013
|
-
|
|
15014
|
-
|
|
15015
|
-
|
|
15016
|
-
|
|
15017
|
-
|
|
14983
|
+
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
|
|
14984
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-success--PaddingBottom);
|
|
14985
|
+
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-success--BorderBottomColor);
|
|
14986
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
|
|
14987
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-success--BorderBottomWidth));
|
|
14988
|
+
--pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-success--BorderBottomWidth));
|
|
14989
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight);
|
|
14990
|
+
border-bottom-width: var(--pf-v5-c-form-control--m-success--BorderBottomWidth);
|
|
15018
14991
|
}
|
|
15019
14992
|
.pf-v5-c-form-control.pf-m-success.pf-m-icon {
|
|
15020
14993
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15021
|
-
background-image: var(--pf-v5-c-form-control--m-icon--success--BackgroundUrl);
|
|
15022
|
-
background-position: var(--pf-v5-c-form-control--m-icon--success--BackgroundPosition);
|
|
15023
|
-
background-size: var(--pf-v5-c-form-control--m-icon--success--BackgroundSize);
|
|
15024
14994
|
}
|
|
15025
14995
|
.pf-v5-c-form-control.pf-m-warning {
|
|
15026
14996
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
|
|
14997
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-warning--PaddingBottom);
|
|
15027
14998
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-warning--BorderBottomColor);
|
|
15028
|
-
|
|
15029
|
-
|
|
15030
|
-
|
|
15031
|
-
|
|
14999
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
|
|
15000
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-warning--BorderBottomWidth));
|
|
15001
|
+
--pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-warning--BorderBottomWidth));
|
|
15002
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight);
|
|
15032
15003
|
border-bottom-width: var(--pf-v5-c-form-control--m-warning--BorderBottomWidth);
|
|
15033
15004
|
}
|
|
15034
15005
|
.pf-v5-c-form-control.pf-m-warning.pf-m-icon {
|
|
15035
15006
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
15036
|
-
background-image: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundUrl);
|
|
15037
|
-
background-position: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundPosition);
|
|
15038
|
-
background-size: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundSize);
|
|
15039
|
-
}
|
|
15040
|
-
.pf-v5-c-form-control.pf-m-search {
|
|
15041
|
-
--pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--m-search--PaddingLeft);
|
|
15042
|
-
background-image: var(--pf-v5-c-form-control--m-search--BackgroundUrl);
|
|
15043
|
-
background-position: var(--pf-v5-c-form-control--m-search--BackgroundPosition);
|
|
15044
|
-
background-size: var(--pf-v5-c-form-control--m-search--BackgroundSize);
|
|
15045
15007
|
}
|
|
15046
15008
|
.pf-v5-c-form-control.pf-m-icon {
|
|
15047
15009
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--PaddingRight);
|
|
15048
|
-
|
|
15049
|
-
|
|
15050
|
-
background-size: var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
|
|
15051
|
-
}
|
|
15052
|
-
.pf-v5-c-form-control.pf-m-icon.pf-m-calendar {
|
|
15053
|
-
--pf-v5-c-form-control--m-icon--BackgroundUrl: var(--pf-v5-c-form-control--m-calendar--BackgroundUrl);
|
|
15054
|
-
}
|
|
15055
|
-
.pf-v5-c-form-control.pf-m-icon.pf-m-clock {
|
|
15056
|
-
--pf-v5-c-form-control--m-icon--BackgroundUrl: var(--pf-v5-c-form-control--m-clock--BackgroundUrl);
|
|
15057
|
-
}
|
|
15058
|
-
.pf-v5-c-form-control.pf-m-icon-sprite {
|
|
15059
|
-
--pf-v5-c-form-control--success--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl);
|
|
15060
|
-
--pf-v5-c-form-control--m-warning--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
|
|
15061
|
-
--pf-v5-c-form-control--invalid--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
|
|
15062
|
-
--pf-v5-c-form-control__select--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl);
|
|
15063
|
-
--pf-v5-c-form-control--m-search--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
|
|
15064
|
-
--pf-v5-c-form-control--m-calendar--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
|
|
15065
|
-
--pf-v5-c-form-control--m-clock--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
|
|
15066
|
-
--pf-v5-c-form-control__select--BackgroundSize: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize);
|
|
15067
|
-
--pf-v5-c-form-control__select--BackgroundPositionX: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX);
|
|
15068
|
-
--pf-v5-c-form-control__select--success--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
|
|
15069
|
-
--pf-v5-c-form-control__select--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
|
|
15070
|
-
--pf-v5-c-form-control__select--invalid--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
|
|
15071
|
-
}
|
|
15072
|
-
select.pf-v5-c-form-control {
|
|
15010
|
+
}
|
|
15011
|
+
.pf-v5-c-form-control > select {
|
|
15073
15012
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
|
|
15074
15013
|
--pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
|
|
15075
|
-
background-image: var(--pf-v5-c-form-control__select--BackgroundUrl);
|
|
15076
|
-
background-position: var(--pf-v5-c-form-control__select--BackgroundPosition);
|
|
15077
|
-
background-size: var(--pf-v5-c-form-control__select--BackgroundSize);
|
|
15078
15014
|
}
|
|
15079
15015
|
@-moz-document url-prefix() {
|
|
15080
|
-
|
|
15016
|
+
.pf-v5-c-form-control > select {
|
|
15081
15017
|
--pf-v5-c-form-control--PaddingRight: calc(var(--pf-v5-c-form-control__select--PaddingRight) - 1px);
|
|
15082
15018
|
--pf-v5-c-form-control--PaddingLeft: calc(var(--pf-v5-c-form-control__select--PaddingLeft) - 4px);
|
|
15083
15019
|
}
|
|
15084
15020
|
}
|
|
15085
|
-
|
|
15086
|
-
--pf-v5-c-form-control--
|
|
15087
|
-
--pf-v5-c-form-control--invalid--BackgroundPosition: var(--pf-v5-c-form-control__select--invalid--BackgroundPosition);
|
|
15088
|
-
background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--invalid--BackgroundUrl);
|
|
15089
|
-
background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control--invalid--BackgroundPosition);
|
|
15090
|
-
background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--invalid--BackgroundSize);
|
|
15021
|
+
.pf-v5-c-form-control.pf-m-placeholder > select {
|
|
15022
|
+
--pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
|
|
15091
15023
|
}
|
|
15092
|
-
|
|
15093
|
-
--pf-v5-c-form-control--
|
|
15094
|
-
--pf-v5-c-form-control--success--BackgroundPosition: var(--pf-v5-c-form-control__select--success--BackgroundPosition);
|
|
15095
|
-
background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--success--BackgroundUrl);
|
|
15096
|
-
background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control--success--BackgroundPosition);
|
|
15097
|
-
background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--success--BackgroundSize);
|
|
15024
|
+
.pf-v5-c-form-control.pf-m-placeholder > select > * {
|
|
15025
|
+
--pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
|
|
15098
15026
|
}
|
|
15099
|
-
|
|
15100
|
-
|
|
15101
|
-
background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--m-warning--BackgroundUrl);
|
|
15102
|
-
background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control__select--m-warning--BackgroundPosition);
|
|
15103
|
-
background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--m-warning--BackgroundSize);
|
|
15027
|
+
.pf-v5-c-form-control.pf-m-placeholder > select > *:disabled {
|
|
15028
|
+
color: revert;
|
|
15104
15029
|
}
|
|
15105
|
-
|
|
15106
|
-
|
|
15030
|
+
.pf-v5-c-form-control > textarea {
|
|
15031
|
+
width: 100%;
|
|
15032
|
+
height: 100%;
|
|
15033
|
+
vertical-align: bottom;
|
|
15034
|
+
resize: none;
|
|
15107
15035
|
}
|
|
15108
|
-
|
|
15109
|
-
|
|
15036
|
+
.pf-v5-c-form-control.pf-m-resize-vertical {
|
|
15037
|
+
--pf-v5-c-form-control--Resize: vertical;
|
|
15038
|
+
overflow: auto;
|
|
15110
15039
|
}
|
|
15111
|
-
|
|
15112
|
-
|
|
15040
|
+
.pf-v5-c-form-control.pf-m-resize-horizontal {
|
|
15041
|
+
--pf-v5-c-form-control--Resize: horizontal;
|
|
15042
|
+
overflow: auto;
|
|
15043
|
+
}
|
|
15044
|
+
.pf-v5-c-form-control.pf-m-resize-both {
|
|
15045
|
+
--pf-v5-c-form-control--Resize: both;
|
|
15046
|
+
overflow: auto;
|
|
15113
15047
|
}
|
|
15114
15048
|
|
|
15115
|
-
|
|
15116
|
-
|
|
15117
|
-
|
|
15118
|
-
|
|
15119
|
-
|
|
15120
|
-
|
|
15121
|
-
|
|
15049
|
+
.pf-v5-c-form-control__icon {
|
|
15050
|
+
display: flex;
|
|
15051
|
+
align-items: center;
|
|
15052
|
+
height: var(--pf-v5-c-form-control__icon--Height);
|
|
15053
|
+
color: var(--pf-v5-c-form-control__icon--Color);
|
|
15054
|
+
}
|
|
15055
|
+
.pf-v5-c-form-control__icon.pf-m-status {
|
|
15056
|
+
--pf-v5-c-form-control__icon--Color: var(--pf-v5-c-form-control__icon--m-status--Color);
|
|
15122
15057
|
}
|
|
15123
15058
|
|
|
15124
|
-
.pf-v5-c-form-
|
|
15125
|
-
|
|
15059
|
+
.pf-v5-c-form-control__toggle-icon {
|
|
15060
|
+
display: flex;
|
|
15061
|
+
grid-row: 1/2;
|
|
15062
|
+
grid-column: 3;
|
|
15063
|
+
align-items: center;
|
|
15064
|
+
height: var(--pf-v5-c-form-control__toggle-icon--Height);
|
|
15065
|
+
padding-right: var(--pf-v5-c-form-control__toggle-icon--PaddingRight);
|
|
15066
|
+
padding-left: var(--pf-v5-c-form-control__toggle-icon--PaddingLeft);
|
|
15067
|
+
color: var(--pf-v5-c-form-control__toggle-icon--Color);
|
|
15068
|
+
pointer-events: none;
|
|
15126
15069
|
}
|
|
15127
|
-
|
|
15128
|
-
|
|
15070
|
+
|
|
15071
|
+
.pf-v5-c-form-control__utilities {
|
|
15072
|
+
display: flex;
|
|
15073
|
+
flex-wrap: nowrap;
|
|
15074
|
+
grid-row: 1/2;
|
|
15075
|
+
grid-column: 2;
|
|
15076
|
+
gap: var(--pf-v5-c-form-control__utilities--Gap);
|
|
15077
|
+
align-items: flex-start;
|
|
15078
|
+
padding-right: var(--pf-v5-c-form-control__utilities--PaddingRight);
|
|
15079
|
+
pointer-events: none;
|
|
15129
15080
|
}
|
|
15130
15081
|
|
|
15131
15082
|
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
|
|
@@ -15142,7 +15093,6 @@ textarea.pf-v5-c-form-control {
|
|
|
15142
15093
|
}
|
|
15143
15094
|
|
|
15144
15095
|
:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
|
|
15145
|
-
--pf-v5-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
|
|
15146
15096
|
--pf-v5-c-form-control--BorderTopColor: transparent;
|
|
15147
15097
|
--pf-v5-c-form-control--BorderRightColor: transparent;
|
|
15148
15098
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
@@ -15156,7 +15106,7 @@ textarea.pf-v5-c-form-control {
|
|
|
15156
15106
|
:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
15157
15107
|
filter: invert(1);
|
|
15158
15108
|
}
|
|
15159
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control
|
|
15109
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
|
|
15160
15110
|
border-bottom-color: var(--pf-v5-global--palette--black-700);
|
|
15161
15111
|
}
|
|
15162
15112
|
|
|
@@ -24994,30 +24944,30 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
24994
24944
|
|
|
24995
24945
|
.pf-v5-c-table[class*=pf-m-grid] {
|
|
24996
24946
|
--pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
24997
|
-
--pf-v5-c-
|
|
24998
|
-
--pf-v5-c-
|
|
24999
|
-
--pf-v5-c-
|
|
25000
|
-
--pf-v5-c-
|
|
25001
|
-
--pf-v5-c-
|
|
25002
|
-
--pf-v5-c-
|
|
25003
|
-
--pf-v5-c-
|
|
25004
|
-
--pf-v5-c-
|
|
25005
|
-
--pf-v5-c-
|
|
25006
|
-
--pf-v5-c-
|
|
25007
|
-
--pf-v5-c-
|
|
25008
|
-
--pf-v5-c-
|
|
25009
|
-
--pf-v5-c-
|
|
25010
|
-
--pf-v5-c-
|
|
25011
|
-
--pf-v5-c-
|
|
25012
|
-
--pf-v5-c-
|
|
25013
|
-
--pf-v5-c-
|
|
25014
|
-
--pf-v5-c-
|
|
25015
|
-
--pf-v5-c-
|
|
25016
|
-
--pf-v5-c-
|
|
25017
|
-
--pf-v5-c-
|
|
25018
|
-
--pf-v5-c-
|
|
25019
|
-
--pf-v5-c-
|
|
25020
|
-
--pf-v5-c-
|
|
24947
|
+
--pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
|
|
24948
|
+
--pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
|
|
24949
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
24950
|
+
--pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
24951
|
+
--pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
|
|
24952
|
+
--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
24953
|
+
--pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
|
|
24954
|
+
--pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
24955
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
24956
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
24957
|
+
--pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
24958
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
24959
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
24960
|
+
--pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
24961
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
24962
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
24963
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
24964
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
24965
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
|
|
24966
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
|
|
24967
|
+
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
24968
|
+
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
|
|
24969
|
+
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
24970
|
+
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
|
|
25021
24971
|
--pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
|
|
25022
24972
|
--pf-v5-c-table--m-grid--cell--PaddingTop: 0;
|
|
25023
24973
|
--pf-v5-c-table--m-grid--cell--PaddingRight: 0;
|
|
@@ -25029,10 +24979,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25029
24979
|
--pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
25030
24980
|
--pf-v5-c-table--cell--responsive--PaddingRight: 0;
|
|
25031
24981
|
--pf-v5-c-table--cell--responsive--PaddingLeft: 0;
|
|
25032
|
-
--pf-v5-c-table--m-
|
|
25033
|
-
--pf-v5-c-table--m-
|
|
25034
|
-
--pf-v5-c-table--m-
|
|
25035
|
-
--pf-v5-c-table--m-
|
|
24982
|
+
--pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
24983
|
+
--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
24984
|
+
--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
24985
|
+
--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
25036
24986
|
--pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
25037
24987
|
--pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
25038
24988
|
--pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
|
|
@@ -25054,8 +25004,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25054
25004
|
}
|
|
25055
25005
|
@media screen and (max-width: 1200px) {
|
|
25056
25006
|
.pf-v5-c-table[class*=pf-m-grid] {
|
|
25057
|
-
--pf-v5-c-
|
|
25058
|
-
--pf-v5-c-
|
|
25007
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
|
|
25008
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
|
|
25059
25009
|
}
|
|
25060
25010
|
}
|
|
25061
25011
|
@media screen and (max-width: 1200px) {
|
|
@@ -25077,7 +25027,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25077
25027
|
display: grid;
|
|
25078
25028
|
border: none;
|
|
25079
25029
|
}
|
|
25080
|
-
.pf-m-grid.pf-v5-c-table tr > * {
|
|
25030
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
25081
25031
|
width: auto;
|
|
25082
25032
|
min-width: 0;
|
|
25083
25033
|
max-width: none;
|
|
@@ -25094,57 +25044,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25094
25044
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
25095
25045
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
25096
25046
|
}
|
|
25097
|
-
.pf-m-grid.pf-v5-c-table thead {
|
|
25047
|
+
.pf-m-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
25098
25048
|
display: none;
|
|
25099
25049
|
}
|
|
25100
|
-
.pf-m-grid.pf-v5-c-table tbody {
|
|
25050
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25101
25051
|
display: block;
|
|
25102
25052
|
}
|
|
25103
|
-
.pf-m-grid.pf-v5-c-table tbody:first-of-type {
|
|
25104
|
-
border-top: var(--pf-v5-c-
|
|
25053
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
25054
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25105
25055
|
}
|
|
25106
|
-
.pf-m-grid.pf-v5-c-table table.pf-m-compact > tbody {
|
|
25056
|
+
.pf-m-grid.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
25107
25057
|
border-top: 0;
|
|
25108
25058
|
}
|
|
25109
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25110
|
-
border-bottom: var(--pf-v5-c-
|
|
25059
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25060
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25111
25061
|
}
|
|
25112
|
-
.pf-m-grid.pf-v5-c-table tr:last-child,
|
|
25113
|
-
.pf-m-grid.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
25114
|
-
border-bottom-width: var(--pf-v5-c-
|
|
25062
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
25063
|
+
.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) {
|
|
25064
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
25115
25065
|
}
|
|
25116
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
|
|
25066
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25117
25067
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
25118
25068
|
}
|
|
25119
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
25069
|
+
.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) {
|
|
25120
25070
|
border-bottom: 0;
|
|
25121
25071
|
}
|
|
25122
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
25123
|
-
border-bottom: var(--pf-v5-c-
|
|
25072
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
25073
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25124
25074
|
}
|
|
25125
|
-
.pf-m-grid.pf-v5-c-table tr.pf-m-selected {
|
|
25075
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
25126
25076
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25127
25077
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
25128
25078
|
}
|
|
25129
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25079
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25130
25080
|
display: grid;
|
|
25131
25081
|
grid-template-columns: 1fr;
|
|
25132
25082
|
height: auto;
|
|
25133
25083
|
grid-auto-columns: max-content;
|
|
25134
|
-
grid-column-gap: var(--pf-v5-c-
|
|
25135
|
-
padding: var(--pf-v5-c-
|
|
25084
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
25085
|
+
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);
|
|
25136
25086
|
}
|
|
25137
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
25087
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
25138
25088
|
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);
|
|
25139
25089
|
}
|
|
25140
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25090
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25141
25091
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
25142
25092
|
}
|
|
25143
25093
|
.pf-m-grid.pf-v5-c-table.pf-m-compact {
|
|
25144
|
-
--pf-v5-c-
|
|
25145
|
-
--pf-v5-c-
|
|
25146
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
25147
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
25094
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
25095
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
25096
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
25097
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
25148
25098
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
25149
25099
|
}
|
|
25150
25100
|
.pf-m-grid.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -25157,61 +25107,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25157
25107
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
25158
25108
|
text-align: left;
|
|
25159
25109
|
}
|
|
25160
|
-
.pf-m-grid.pf-v5-c-table [data-label] {
|
|
25110
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
25161
25111
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
25162
25112
|
grid-column: 1;
|
|
25163
25113
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
25164
25114
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
25165
25115
|
align-items: start;
|
|
25166
25116
|
}
|
|
25167
|
-
.pf-m-grid.pf-v5-c-table [data-label] > * {
|
|
25117
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
25168
25118
|
grid-column: 2;
|
|
25169
25119
|
}
|
|
25170
|
-
.pf-m-grid.pf-v5-c-table [data-label]::before {
|
|
25120
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
25171
25121
|
font-weight: bold;
|
|
25172
25122
|
text-align: left;
|
|
25173
25123
|
content: attr(data-label);
|
|
25174
25124
|
}
|
|
25175
|
-
.pf-m-grid.pf-v5-c-table tr > *:first-child {
|
|
25125
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
25176
25126
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
25177
25127
|
}
|
|
25178
|
-
.pf-m-grid.pf-v5-c-table tr > *:last-child {
|
|
25128
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
25179
25129
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
25180
25130
|
}
|
|
25181
25131
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table {
|
|
25182
|
-
--pf-v5-c-
|
|
25183
|
-
--pf-v5-c-
|
|
25184
|
-
--pf-v5-c-
|
|
25185
|
-
--pf-v5-c-
|
|
25132
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
25133
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
25134
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
25135
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
25186
25136
|
border: 0;
|
|
25187
25137
|
}
|
|
25188
|
-
.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) {
|
|
25189
|
-
--pf-v5-c-
|
|
25138
|
+
.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) {
|
|
25139
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
25190
25140
|
}
|
|
25191
25141
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
25192
25142
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
25193
25143
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
25194
25144
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
25195
25145
|
}
|
|
25196
|
-
.pf-m-grid.pf-v5-c-table tbody {
|
|
25146
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25197
25147
|
position: relative;
|
|
25198
25148
|
}
|
|
25199
|
-
.pf-m-grid.pf-v5-c-table tbody::after {
|
|
25149
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
25200
25150
|
position: absolute;
|
|
25201
25151
|
top: 0;
|
|
25202
25152
|
bottom: 0;
|
|
25203
25153
|
left: 0;
|
|
25204
25154
|
content: "";
|
|
25205
25155
|
border: 0;
|
|
25206
|
-
border-left: var(--pf-v5-c-
|
|
25156
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
25207
25157
|
}
|
|
25208
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
|
|
25209
|
-
--pf-v5-c-
|
|
25158
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25159
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
25210
25160
|
}
|
|
25211
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
25212
|
-
--pf-v5-c-
|
|
25161
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
|
|
25162
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25213
25163
|
}
|
|
25214
|
-
.pf-m-grid.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25164
|
+
.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 {
|
|
25215
25165
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25216
25166
|
position: static;
|
|
25217
25167
|
width: auto;
|
|
@@ -25240,7 +25190,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25240
25190
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25241
25191
|
content: none;
|
|
25242
25192
|
}
|
|
25243
|
-
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
25193
|
+
.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,
|
|
25194
|
+
.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 {
|
|
25244
25195
|
padding: 0;
|
|
25245
25196
|
}
|
|
25246
25197
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -25250,44 +25201,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25250
25201
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
25251
25202
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
25252
25203
|
}
|
|
25253
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable {
|
|
25254
|
-
--pf-v5-c-
|
|
25255
|
-
--pf-v5-c-
|
|
25204
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
25205
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25206
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
25256
25207
|
}
|
|
25257
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable,
|
|
25258
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
25208
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
25209
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
|
|
25259
25210
|
position: relative;
|
|
25260
25211
|
}
|
|
25261
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
25212
|
+
.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 {
|
|
25262
25213
|
content: "";
|
|
25263
25214
|
position: absolute;
|
|
25264
25215
|
top: 0;
|
|
25265
25216
|
bottom: 0;
|
|
25266
25217
|
left: 0;
|
|
25267
|
-
width: var(--pf-v5-c-
|
|
25268
|
-
background-color: var(--pf-v5-c-
|
|
25218
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
25219
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
25269
25220
|
}
|
|
25270
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
25271
|
-
--pf-v5-c-
|
|
25272
|
-
--pf-v5-c-
|
|
25221
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
25222
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
25223
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
25273
25224
|
}
|
|
25274
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
25275
|
-
--pf-v5-c-
|
|
25276
|
-
--pf-v5-c-
|
|
25225
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
25226
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
25227
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
25277
25228
|
}
|
|
25278
|
-
.pf-m-grid.pf-v5-c-table tr.pf-m-selected::after {
|
|
25229
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
25279
25230
|
content: "";
|
|
25280
25231
|
position: absolute;
|
|
25281
25232
|
top: 0;
|
|
25282
25233
|
bottom: 0;
|
|
25283
25234
|
left: 0;
|
|
25284
|
-
width: var(--pf-v5-c-
|
|
25285
|
-
background-color: var(--pf-v5-c-
|
|
25235
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
25236
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
25286
25237
|
}
|
|
25287
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
25288
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
25289
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
25290
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
25238
|
+
.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,
|
|
25239
|
+
.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,
|
|
25240
|
+
.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,
|
|
25241
|
+
.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 {
|
|
25291
25242
|
width: auto;
|
|
25292
25243
|
padding: 0;
|
|
25293
25244
|
}
|
|
@@ -25352,14 +25303,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25352
25303
|
.pf-v5-c-button.pf-m-expanded > .pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle-icon {
|
|
25353
25304
|
transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
|
|
25354
25305
|
}
|
|
25355
|
-
.pf-m-grid.pf-v5-c-table .pf-m-nowrap {
|
|
25306
|
+
.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 {
|
|
25356
25307
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
25357
25308
|
}
|
|
25358
|
-
.pf-m-grid.pf-v5-c-table .pf-m-fit-content {
|
|
25309
|
+
.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 {
|
|
25359
25310
|
width: auto;
|
|
25360
25311
|
white-space: normal;
|
|
25361
25312
|
}
|
|
25362
|
-
.pf-m-grid.pf-v5-c-table .pf-m-truncate {
|
|
25313
|
+
.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 {
|
|
25363
25314
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
25364
25315
|
}
|
|
25365
25316
|
.pf-m-grid.pf-v5-c-table [class*=pf-m-width] {
|
|
@@ -25379,7 +25330,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25379
25330
|
display: grid;
|
|
25380
25331
|
border: none;
|
|
25381
25332
|
}
|
|
25382
|
-
.pf-m-grid-md.pf-v5-c-table tr > * {
|
|
25333
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
25383
25334
|
width: auto;
|
|
25384
25335
|
min-width: 0;
|
|
25385
25336
|
max-width: none;
|
|
@@ -25396,57 +25347,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25396
25347
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
25397
25348
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
25398
25349
|
}
|
|
25399
|
-
.pf-m-grid-md.pf-v5-c-table thead {
|
|
25350
|
+
.pf-m-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
25400
25351
|
display: none;
|
|
25401
25352
|
}
|
|
25402
|
-
.pf-m-grid-md.pf-v5-c-table tbody {
|
|
25353
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25403
25354
|
display: block;
|
|
25404
25355
|
}
|
|
25405
|
-
.pf-m-grid-md.pf-v5-c-table tbody:first-of-type {
|
|
25406
|
-
border-top: var(--pf-v5-c-
|
|
25356
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
25357
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25407
25358
|
}
|
|
25408
|
-
.pf-m-grid-md.pf-v5-c-table table.pf-m-compact > tbody {
|
|
25359
|
+
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
25409
25360
|
border-top: 0;
|
|
25410
25361
|
}
|
|
25411
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25412
|
-
border-bottom: var(--pf-v5-c-
|
|
25362
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25363
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25413
25364
|
}
|
|
25414
|
-
.pf-m-grid-md.pf-v5-c-table tr:last-child,
|
|
25415
|
-
.pf-m-grid-md.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
25416
|
-
border-bottom-width: var(--pf-v5-c-
|
|
25365
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
25366
|
+
.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) {
|
|
25367
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
25417
25368
|
}
|
|
25418
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
|
|
25369
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25419
25370
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
25420
25371
|
}
|
|
25421
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
25372
|
+
.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) {
|
|
25422
25373
|
border-bottom: 0;
|
|
25423
25374
|
}
|
|
25424
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
25425
|
-
border-bottom: var(--pf-v5-c-
|
|
25375
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
25376
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25426
25377
|
}
|
|
25427
|
-
.pf-m-grid-md.pf-v5-c-table tr.pf-m-selected {
|
|
25378
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
25428
25379
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25429
25380
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
25430
25381
|
}
|
|
25431
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25382
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25432
25383
|
display: grid;
|
|
25433
25384
|
grid-template-columns: 1fr;
|
|
25434
25385
|
height: auto;
|
|
25435
25386
|
grid-auto-columns: max-content;
|
|
25436
|
-
grid-column-gap: var(--pf-v5-c-
|
|
25437
|
-
padding: var(--pf-v5-c-
|
|
25387
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
25388
|
+
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);
|
|
25438
25389
|
}
|
|
25439
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
25390
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
25440
25391
|
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);
|
|
25441
25392
|
}
|
|
25442
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25393
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25443
25394
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
25444
25395
|
}
|
|
25445
25396
|
.pf-m-grid-md.pf-v5-c-table.pf-m-compact {
|
|
25446
|
-
--pf-v5-c-
|
|
25447
|
-
--pf-v5-c-
|
|
25448
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
25449
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
25397
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
25398
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
25399
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
25400
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
25450
25401
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
25451
25402
|
}
|
|
25452
25403
|
.pf-m-grid-md.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -25459,61 +25410,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25459
25410
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
25460
25411
|
text-align: left;
|
|
25461
25412
|
}
|
|
25462
|
-
.pf-m-grid-md.pf-v5-c-table [data-label] {
|
|
25413
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
25463
25414
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
25464
25415
|
grid-column: 1;
|
|
25465
25416
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
25466
25417
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
25467
25418
|
align-items: start;
|
|
25468
25419
|
}
|
|
25469
|
-
.pf-m-grid-md.pf-v5-c-table [data-label] > * {
|
|
25420
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
25470
25421
|
grid-column: 2;
|
|
25471
25422
|
}
|
|
25472
|
-
.pf-m-grid-md.pf-v5-c-table [data-label]::before {
|
|
25423
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
25473
25424
|
font-weight: bold;
|
|
25474
25425
|
text-align: left;
|
|
25475
25426
|
content: attr(data-label);
|
|
25476
25427
|
}
|
|
25477
|
-
.pf-m-grid-md.pf-v5-c-table tr > *:first-child {
|
|
25428
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
25478
25429
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
25479
25430
|
}
|
|
25480
|
-
.pf-m-grid-md.pf-v5-c-table tr > *:last-child {
|
|
25431
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
25481
25432
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
25482
25433
|
}
|
|
25483
25434
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table {
|
|
25484
|
-
--pf-v5-c-
|
|
25485
|
-
--pf-v5-c-
|
|
25486
|
-
--pf-v5-c-
|
|
25487
|
-
--pf-v5-c-
|
|
25435
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
25436
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
25437
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
25438
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
25488
25439
|
border: 0;
|
|
25489
25440
|
}
|
|
25490
|
-
.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) {
|
|
25491
|
-
--pf-v5-c-
|
|
25441
|
+
.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) {
|
|
25442
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
25492
25443
|
}
|
|
25493
25444
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
25494
25445
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
25495
25446
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
25496
25447
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
25497
25448
|
}
|
|
25498
|
-
.pf-m-grid-md.pf-v5-c-table tbody {
|
|
25449
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25499
25450
|
position: relative;
|
|
25500
25451
|
}
|
|
25501
|
-
.pf-m-grid-md.pf-v5-c-table tbody::after {
|
|
25452
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
25502
25453
|
position: absolute;
|
|
25503
25454
|
top: 0;
|
|
25504
25455
|
bottom: 0;
|
|
25505
25456
|
left: 0;
|
|
25506
25457
|
content: "";
|
|
25507
25458
|
border: 0;
|
|
25508
|
-
border-left: var(--pf-v5-c-
|
|
25459
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
25509
25460
|
}
|
|
25510
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
|
|
25511
|
-
--pf-v5-c-
|
|
25461
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25462
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
25512
25463
|
}
|
|
25513
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
25514
|
-
--pf-v5-c-
|
|
25464
|
+
.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) {
|
|
25465
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25515
25466
|
}
|
|
25516
|
-
.pf-m-grid-md.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25467
|
+
.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 {
|
|
25517
25468
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25518
25469
|
position: static;
|
|
25519
25470
|
width: auto;
|
|
@@ -25542,7 +25493,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25542
25493
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25543
25494
|
content: none;
|
|
25544
25495
|
}
|
|
25545
|
-
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
25496
|
+
.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,
|
|
25497
|
+
.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 {
|
|
25546
25498
|
padding: 0;
|
|
25547
25499
|
}
|
|
25548
25500
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -25552,44 +25504,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25552
25504
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
25553
25505
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
25554
25506
|
}
|
|
25555
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable {
|
|
25556
|
-
--pf-v5-c-
|
|
25557
|
-
--pf-v5-c-
|
|
25507
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
25508
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25509
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
25558
25510
|
}
|
|
25559
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable,
|
|
25560
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
25511
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
25512
|
+
.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) {
|
|
25561
25513
|
position: relative;
|
|
25562
25514
|
}
|
|
25563
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
25515
|
+
.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 {
|
|
25564
25516
|
content: "";
|
|
25565
25517
|
position: absolute;
|
|
25566
25518
|
top: 0;
|
|
25567
25519
|
bottom: 0;
|
|
25568
25520
|
left: 0;
|
|
25569
|
-
width: var(--pf-v5-c-
|
|
25570
|
-
background-color: var(--pf-v5-c-
|
|
25521
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
25522
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
25571
25523
|
}
|
|
25572
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
25573
|
-
--pf-v5-c-
|
|
25574
|
-
--pf-v5-c-
|
|
25524
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
25525
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
25526
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
25575
25527
|
}
|
|
25576
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
25577
|
-
--pf-v5-c-
|
|
25578
|
-
--pf-v5-c-
|
|
25528
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
25529
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
25530
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
25579
25531
|
}
|
|
25580
|
-
.pf-m-grid-md.pf-v5-c-table tr.pf-m-selected::after {
|
|
25532
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
25581
25533
|
content: "";
|
|
25582
25534
|
position: absolute;
|
|
25583
25535
|
top: 0;
|
|
25584
25536
|
bottom: 0;
|
|
25585
25537
|
left: 0;
|
|
25586
|
-
width: var(--pf-v5-c-
|
|
25587
|
-
background-color: var(--pf-v5-c-
|
|
25538
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
25539
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
25588
25540
|
}
|
|
25589
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
25590
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
25591
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
25592
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
25541
|
+
.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,
|
|
25542
|
+
.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,
|
|
25543
|
+
.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,
|
|
25544
|
+
.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 {
|
|
25593
25545
|
width: auto;
|
|
25594
25546
|
padding: 0;
|
|
25595
25547
|
}
|
|
@@ -25660,18 +25612,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25660
25612
|
}
|
|
25661
25613
|
}
|
|
25662
25614
|
@media screen and (max-width: 768px) {
|
|
25663
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-nowrap {
|
|
25615
|
+
.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 {
|
|
25664
25616
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
25665
25617
|
}
|
|
25666
|
-
|
|
25667
|
-
@media screen and (max-width: 768px) {
|
|
25668
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-fit-content {
|
|
25618
|
+
.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 {
|
|
25669
25619
|
width: auto;
|
|
25670
25620
|
white-space: normal;
|
|
25671
25621
|
}
|
|
25672
|
-
|
|
25673
|
-
@media screen and (max-width: 768px) {
|
|
25674
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-truncate {
|
|
25622
|
+
.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 {
|
|
25675
25623
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
25676
25624
|
}
|
|
25677
25625
|
}
|
|
@@ -25694,7 +25642,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25694
25642
|
display: grid;
|
|
25695
25643
|
border: none;
|
|
25696
25644
|
}
|
|
25697
|
-
.pf-m-grid-lg.pf-v5-c-table tr > * {
|
|
25645
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
25698
25646
|
width: auto;
|
|
25699
25647
|
min-width: 0;
|
|
25700
25648
|
max-width: none;
|
|
@@ -25711,57 +25659,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25711
25659
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
25712
25660
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
25713
25661
|
}
|
|
25714
|
-
.pf-m-grid-lg.pf-v5-c-table thead {
|
|
25662
|
+
.pf-m-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
25715
25663
|
display: none;
|
|
25716
25664
|
}
|
|
25717
|
-
.pf-m-grid-lg.pf-v5-c-table tbody {
|
|
25665
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25718
25666
|
display: block;
|
|
25719
25667
|
}
|
|
25720
|
-
.pf-m-grid-lg.pf-v5-c-table tbody:first-of-type {
|
|
25721
|
-
border-top: var(--pf-v5-c-
|
|
25668
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
25669
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25722
25670
|
}
|
|
25723
|
-
.pf-m-grid-lg.pf-v5-c-table table.pf-m-compact > tbody {
|
|
25671
|
+
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
25724
25672
|
border-top: 0;
|
|
25725
25673
|
}
|
|
25726
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25727
|
-
border-bottom: var(--pf-v5-c-
|
|
25674
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25675
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25728
25676
|
}
|
|
25729
|
-
.pf-m-grid-lg.pf-v5-c-table tr:last-child,
|
|
25730
|
-
.pf-m-grid-lg.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
25731
|
-
border-bottom-width: var(--pf-v5-c-
|
|
25677
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
25678
|
+
.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) {
|
|
25679
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
25732
25680
|
}
|
|
25733
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
|
|
25681
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25734
25682
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
25735
25683
|
}
|
|
25736
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
25684
|
+
.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) {
|
|
25737
25685
|
border-bottom: 0;
|
|
25738
25686
|
}
|
|
25739
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
25740
|
-
border-bottom: var(--pf-v5-c-
|
|
25687
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
25688
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25741
25689
|
}
|
|
25742
|
-
.pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected {
|
|
25690
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
25743
25691
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25744
25692
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
25745
25693
|
}
|
|
25746
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25694
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25747
25695
|
display: grid;
|
|
25748
25696
|
grid-template-columns: 1fr;
|
|
25749
25697
|
height: auto;
|
|
25750
25698
|
grid-auto-columns: max-content;
|
|
25751
|
-
grid-column-gap: var(--pf-v5-c-
|
|
25752
|
-
padding: var(--pf-v5-c-
|
|
25699
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
25700
|
+
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);
|
|
25753
25701
|
}
|
|
25754
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
25702
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
25755
25703
|
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);
|
|
25756
25704
|
}
|
|
25757
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25705
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25758
25706
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
25759
25707
|
}
|
|
25760
25708
|
.pf-m-grid-lg.pf-v5-c-table.pf-m-compact {
|
|
25761
|
-
--pf-v5-c-
|
|
25762
|
-
--pf-v5-c-
|
|
25763
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
25764
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
25709
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
25710
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
25711
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
25712
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
25765
25713
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
25766
25714
|
}
|
|
25767
25715
|
.pf-m-grid-lg.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -25774,61 +25722,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25774
25722
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
25775
25723
|
text-align: left;
|
|
25776
25724
|
}
|
|
25777
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label] {
|
|
25725
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
25778
25726
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
25779
25727
|
grid-column: 1;
|
|
25780
25728
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
25781
25729
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
25782
25730
|
align-items: start;
|
|
25783
25731
|
}
|
|
25784
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label] > * {
|
|
25732
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
25785
25733
|
grid-column: 2;
|
|
25786
25734
|
}
|
|
25787
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label]::before {
|
|
25735
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
25788
25736
|
font-weight: bold;
|
|
25789
25737
|
text-align: left;
|
|
25790
25738
|
content: attr(data-label);
|
|
25791
25739
|
}
|
|
25792
|
-
.pf-m-grid-lg.pf-v5-c-table tr > *:first-child {
|
|
25740
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
25793
25741
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
25794
25742
|
}
|
|
25795
|
-
.pf-m-grid-lg.pf-v5-c-table tr > *:last-child {
|
|
25743
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
25796
25744
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
25797
25745
|
}
|
|
25798
25746
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table {
|
|
25799
|
-
--pf-v5-c-
|
|
25800
|
-
--pf-v5-c-
|
|
25801
|
-
--pf-v5-c-
|
|
25802
|
-
--pf-v5-c-
|
|
25747
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
25748
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
25749
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
25750
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
25803
25751
|
border: 0;
|
|
25804
25752
|
}
|
|
25805
|
-
.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) {
|
|
25806
|
-
--pf-v5-c-
|
|
25753
|
+
.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) {
|
|
25754
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
25807
25755
|
}
|
|
25808
25756
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
25809
25757
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
25810
25758
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
25811
25759
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
25812
25760
|
}
|
|
25813
|
-
.pf-m-grid-lg.pf-v5-c-table tbody {
|
|
25761
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25814
25762
|
position: relative;
|
|
25815
25763
|
}
|
|
25816
|
-
.pf-m-grid-lg.pf-v5-c-table tbody::after {
|
|
25764
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
25817
25765
|
position: absolute;
|
|
25818
25766
|
top: 0;
|
|
25819
25767
|
bottom: 0;
|
|
25820
25768
|
left: 0;
|
|
25821
25769
|
content: "";
|
|
25822
25770
|
border: 0;
|
|
25823
|
-
border-left: var(--pf-v5-c-
|
|
25771
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
25824
25772
|
}
|
|
25825
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
|
|
25826
|
-
--pf-v5-c-
|
|
25773
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25774
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
25827
25775
|
}
|
|
25828
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
25829
|
-
--pf-v5-c-
|
|
25776
|
+
.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) {
|
|
25777
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25830
25778
|
}
|
|
25831
|
-
.pf-m-grid-lg.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25779
|
+
.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 {
|
|
25832
25780
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25833
25781
|
position: static;
|
|
25834
25782
|
width: auto;
|
|
@@ -25857,7 +25805,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25857
25805
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25858
25806
|
content: none;
|
|
25859
25807
|
}
|
|
25860
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
25808
|
+
.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,
|
|
25809
|
+
.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 {
|
|
25861
25810
|
padding: 0;
|
|
25862
25811
|
}
|
|
25863
25812
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -25867,44 +25816,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25867
25816
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
25868
25817
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
25869
25818
|
}
|
|
25870
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable {
|
|
25871
|
-
--pf-v5-c-
|
|
25872
|
-
--pf-v5-c-
|
|
25819
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
25820
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25821
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
25873
25822
|
}
|
|
25874
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable,
|
|
25875
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
25823
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
25824
|
+
.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) {
|
|
25876
25825
|
position: relative;
|
|
25877
25826
|
}
|
|
25878
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
25827
|
+
.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 {
|
|
25879
25828
|
content: "";
|
|
25880
25829
|
position: absolute;
|
|
25881
25830
|
top: 0;
|
|
25882
25831
|
bottom: 0;
|
|
25883
25832
|
left: 0;
|
|
25884
|
-
width: var(--pf-v5-c-
|
|
25885
|
-
background-color: var(--pf-v5-c-
|
|
25833
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
25834
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
25886
25835
|
}
|
|
25887
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
25888
|
-
--pf-v5-c-
|
|
25889
|
-
--pf-v5-c-
|
|
25836
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
25837
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
25838
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
25890
25839
|
}
|
|
25891
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
25892
|
-
--pf-v5-c-
|
|
25893
|
-
--pf-v5-c-
|
|
25840
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
25841
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
25842
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
25894
25843
|
}
|
|
25895
|
-
.pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected::after {
|
|
25844
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
25896
25845
|
content: "";
|
|
25897
25846
|
position: absolute;
|
|
25898
25847
|
top: 0;
|
|
25899
25848
|
bottom: 0;
|
|
25900
25849
|
left: 0;
|
|
25901
|
-
width: var(--pf-v5-c-
|
|
25902
|
-
background-color: var(--pf-v5-c-
|
|
25850
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
25851
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
25903
25852
|
}
|
|
25904
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
25905
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
25906
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
25907
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
25853
|
+
.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,
|
|
25854
|
+
.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,
|
|
25855
|
+
.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,
|
|
25856
|
+
.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 {
|
|
25908
25857
|
width: auto;
|
|
25909
25858
|
padding: 0;
|
|
25910
25859
|
}
|
|
@@ -25975,18 +25924,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25975
25924
|
}
|
|
25976
25925
|
}
|
|
25977
25926
|
@media screen and (max-width: 992px) {
|
|
25978
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-nowrap {
|
|
25927
|
+
.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 {
|
|
25979
25928
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
25980
25929
|
}
|
|
25981
|
-
|
|
25982
|
-
@media screen and (max-width: 992px) {
|
|
25983
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-fit-content {
|
|
25930
|
+
.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 {
|
|
25984
25931
|
width: auto;
|
|
25985
25932
|
white-space: normal;
|
|
25986
25933
|
}
|
|
25987
|
-
|
|
25988
|
-
@media screen and (max-width: 992px) {
|
|
25989
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-truncate {
|
|
25934
|
+
.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 {
|
|
25990
25935
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
25991
25936
|
}
|
|
25992
25937
|
}
|
|
@@ -26009,7 +25954,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26009
25954
|
display: grid;
|
|
26010
25955
|
border: none;
|
|
26011
25956
|
}
|
|
26012
|
-
.pf-m-grid-xl.pf-v5-c-table tr > * {
|
|
25957
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
26013
25958
|
width: auto;
|
|
26014
25959
|
min-width: 0;
|
|
26015
25960
|
max-width: none;
|
|
@@ -26026,57 +25971,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26026
25971
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
26027
25972
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
26028
25973
|
}
|
|
26029
|
-
.pf-m-grid-xl.pf-v5-c-table thead {
|
|
25974
|
+
.pf-m-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
26030
25975
|
display: none;
|
|
26031
25976
|
}
|
|
26032
|
-
.pf-m-grid-xl.pf-v5-c-table tbody {
|
|
25977
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26033
25978
|
display: block;
|
|
26034
25979
|
}
|
|
26035
|
-
.pf-m-grid-xl.pf-v5-c-table tbody:first-of-type {
|
|
26036
|
-
border-top: var(--pf-v5-c-
|
|
25980
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
25981
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26037
25982
|
}
|
|
26038
|
-
.pf-m-grid-xl.pf-v5-c-table table.pf-m-compact > tbody {
|
|
25983
|
+
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
26039
25984
|
border-top: 0;
|
|
26040
25985
|
}
|
|
26041
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
26042
|
-
border-bottom: var(--pf-v5-c-
|
|
25986
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25987
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26043
25988
|
}
|
|
26044
|
-
.pf-m-grid-xl.pf-v5-c-table tr:last-child,
|
|
26045
|
-
.pf-m-grid-xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26046
|
-
border-bottom-width: var(--pf-v5-c-
|
|
25989
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
25990
|
+
.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) {
|
|
25991
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
26047
25992
|
}
|
|
26048
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
25993
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
26049
25994
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
26050
25995
|
}
|
|
26051
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
25996
|
+
.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) {
|
|
26052
25997
|
border-bottom: 0;
|
|
26053
25998
|
}
|
|
26054
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
26055
|
-
border-bottom: var(--pf-v5-c-
|
|
25999
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
26000
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26056
26001
|
}
|
|
26057
|
-
.pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected {
|
|
26002
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
26058
26003
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
26059
26004
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
26060
26005
|
}
|
|
26061
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
26006
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
26062
26007
|
display: grid;
|
|
26063
26008
|
grid-template-columns: 1fr;
|
|
26064
26009
|
height: auto;
|
|
26065
26010
|
grid-auto-columns: max-content;
|
|
26066
|
-
grid-column-gap: var(--pf-v5-c-
|
|
26067
|
-
padding: var(--pf-v5-c-
|
|
26011
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
26012
|
+
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);
|
|
26068
26013
|
}
|
|
26069
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
26014
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
26070
26015
|
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);
|
|
26071
26016
|
}
|
|
26072
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
26017
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
26073
26018
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
26074
26019
|
}
|
|
26075
26020
|
.pf-m-grid-xl.pf-v5-c-table.pf-m-compact {
|
|
26076
|
-
--pf-v5-c-
|
|
26077
|
-
--pf-v5-c-
|
|
26078
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
26079
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
26021
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
26022
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
26023
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
26024
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
26080
26025
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
26081
26026
|
}
|
|
26082
26027
|
.pf-m-grid-xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -26089,61 +26034,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26089
26034
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
26090
26035
|
text-align: left;
|
|
26091
26036
|
}
|
|
26092
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label] {
|
|
26037
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
26093
26038
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
26094
26039
|
grid-column: 1;
|
|
26095
26040
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
26096
26041
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
26097
26042
|
align-items: start;
|
|
26098
26043
|
}
|
|
26099
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label] > * {
|
|
26044
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
26100
26045
|
grid-column: 2;
|
|
26101
26046
|
}
|
|
26102
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label]::before {
|
|
26047
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
26103
26048
|
font-weight: bold;
|
|
26104
26049
|
text-align: left;
|
|
26105
26050
|
content: attr(data-label);
|
|
26106
26051
|
}
|
|
26107
|
-
.pf-m-grid-xl.pf-v5-c-table tr > *:first-child {
|
|
26052
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
26108
26053
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
26109
26054
|
}
|
|
26110
|
-
.pf-m-grid-xl.pf-v5-c-table tr > *:last-child {
|
|
26055
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
26111
26056
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
26112
26057
|
}
|
|
26113
26058
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table {
|
|
26114
|
-
--pf-v5-c-
|
|
26115
|
-
--pf-v5-c-
|
|
26116
|
-
--pf-v5-c-
|
|
26117
|
-
--pf-v5-c-
|
|
26059
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
26060
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
26061
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
26062
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
26118
26063
|
border: 0;
|
|
26119
26064
|
}
|
|
26120
|
-
.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) {
|
|
26121
|
-
--pf-v5-c-
|
|
26065
|
+
.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) {
|
|
26066
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
26122
26067
|
}
|
|
26123
26068
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
26124
26069
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
26125
26070
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
26126
26071
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
26127
26072
|
}
|
|
26128
|
-
.pf-m-grid-xl.pf-v5-c-table tbody {
|
|
26073
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26129
26074
|
position: relative;
|
|
26130
26075
|
}
|
|
26131
|
-
.pf-m-grid-xl.pf-v5-c-table tbody::after {
|
|
26076
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
26132
26077
|
position: absolute;
|
|
26133
26078
|
top: 0;
|
|
26134
26079
|
bottom: 0;
|
|
26135
26080
|
left: 0;
|
|
26136
26081
|
content: "";
|
|
26137
26082
|
border: 0;
|
|
26138
|
-
border-left: var(--pf-v5-c-
|
|
26083
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
26139
26084
|
}
|
|
26140
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
26141
|
-
--pf-v5-c-
|
|
26085
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
26086
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
26142
26087
|
}
|
|
26143
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
26144
|
-
--pf-v5-c-
|
|
26088
|
+
.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) {
|
|
26089
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26145
26090
|
}
|
|
26146
|
-
.pf-m-grid-xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
26091
|
+
.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 {
|
|
26147
26092
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
26148
26093
|
position: static;
|
|
26149
26094
|
width: auto;
|
|
@@ -26172,7 +26117,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26172
26117
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
26173
26118
|
content: none;
|
|
26174
26119
|
}
|
|
26175
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
26120
|
+
.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,
|
|
26121
|
+
.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 {
|
|
26176
26122
|
padding: 0;
|
|
26177
26123
|
}
|
|
26178
26124
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -26182,44 +26128,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26182
26128
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
26183
26129
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
26184
26130
|
}
|
|
26185
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable {
|
|
26186
|
-
--pf-v5-c-
|
|
26187
|
-
--pf-v5-c-
|
|
26131
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
26132
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26133
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
26188
26134
|
}
|
|
26189
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable,
|
|
26190
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
26135
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
26136
|
+
.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) {
|
|
26191
26137
|
position: relative;
|
|
26192
26138
|
}
|
|
26193
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
26139
|
+
.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 {
|
|
26194
26140
|
content: "";
|
|
26195
26141
|
position: absolute;
|
|
26196
26142
|
top: 0;
|
|
26197
26143
|
bottom: 0;
|
|
26198
26144
|
left: 0;
|
|
26199
|
-
width: var(--pf-v5-c-
|
|
26200
|
-
background-color: var(--pf-v5-c-
|
|
26145
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
26146
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
26201
26147
|
}
|
|
26202
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
26203
|
-
--pf-v5-c-
|
|
26204
|
-
--pf-v5-c-
|
|
26148
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
26149
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
26150
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
26205
26151
|
}
|
|
26206
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
26207
|
-
--pf-v5-c-
|
|
26208
|
-
--pf-v5-c-
|
|
26152
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
26153
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
26154
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
26209
26155
|
}
|
|
26210
|
-
.pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected::after {
|
|
26156
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
26211
26157
|
content: "";
|
|
26212
26158
|
position: absolute;
|
|
26213
26159
|
top: 0;
|
|
26214
26160
|
bottom: 0;
|
|
26215
26161
|
left: 0;
|
|
26216
|
-
width: var(--pf-v5-c-
|
|
26217
|
-
background-color: var(--pf-v5-c-
|
|
26162
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
26163
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
26218
26164
|
}
|
|
26219
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
26220
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
26221
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
26222
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
26165
|
+
.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,
|
|
26166
|
+
.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,
|
|
26167
|
+
.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,
|
|
26168
|
+
.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 {
|
|
26223
26169
|
width: auto;
|
|
26224
26170
|
padding: 0;
|
|
26225
26171
|
}
|
|
@@ -26290,18 +26236,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26290
26236
|
}
|
|
26291
26237
|
}
|
|
26292
26238
|
@media screen and (max-width: 1200px) {
|
|
26293
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-nowrap {
|
|
26239
|
+
.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 {
|
|
26294
26240
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
26295
26241
|
}
|
|
26296
|
-
|
|
26297
|
-
@media screen and (max-width: 1200px) {
|
|
26298
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-fit-content {
|
|
26242
|
+
.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 {
|
|
26299
26243
|
width: auto;
|
|
26300
26244
|
white-space: normal;
|
|
26301
26245
|
}
|
|
26302
|
-
|
|
26303
|
-
@media screen and (max-width: 1200px) {
|
|
26304
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-truncate {
|
|
26246
|
+
.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 {
|
|
26305
26247
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
26306
26248
|
}
|
|
26307
26249
|
}
|
|
@@ -26324,7 +26266,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26324
26266
|
display: grid;
|
|
26325
26267
|
border: none;
|
|
26326
26268
|
}
|
|
26327
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > * {
|
|
26269
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
26328
26270
|
width: auto;
|
|
26329
26271
|
min-width: 0;
|
|
26330
26272
|
max-width: none;
|
|
@@ -26341,57 +26283,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26341
26283
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
26342
26284
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
26343
26285
|
}
|
|
26344
|
-
.pf-m-grid-2xl.pf-v5-c-table thead {
|
|
26286
|
+
.pf-m-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
26345
26287
|
display: none;
|
|
26346
26288
|
}
|
|
26347
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody {
|
|
26289
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26348
26290
|
display: block;
|
|
26349
26291
|
}
|
|
26350
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody:first-of-type {
|
|
26351
|
-
border-top: var(--pf-v5-c-
|
|
26292
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
26293
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26352
26294
|
}
|
|
26353
|
-
.pf-m-grid-2xl.pf-v5-c-table table.pf-m-compact > tbody {
|
|
26295
|
+
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
26354
26296
|
border-top: 0;
|
|
26355
26297
|
}
|
|
26356
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
26357
|
-
border-bottom: var(--pf-v5-c-
|
|
26298
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
26299
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26358
26300
|
}
|
|
26359
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:last-child,
|
|
26360
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26361
|
-
border-bottom-width: var(--pf-v5-c-
|
|
26301
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
26302
|
+
.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) {
|
|
26303
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
26362
26304
|
}
|
|
26363
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
26305
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
26364
26306
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
26365
26307
|
}
|
|
26366
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
26308
|
+
.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) {
|
|
26367
26309
|
border-bottom: 0;
|
|
26368
26310
|
}
|
|
26369
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
26370
|
-
border-bottom: var(--pf-v5-c-
|
|
26311
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
26312
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26371
26313
|
}
|
|
26372
|
-
.pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected {
|
|
26314
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
26373
26315
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
26374
26316
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
26375
26317
|
}
|
|
26376
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
26318
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
26377
26319
|
display: grid;
|
|
26378
26320
|
grid-template-columns: 1fr;
|
|
26379
26321
|
height: auto;
|
|
26380
26322
|
grid-auto-columns: max-content;
|
|
26381
|
-
grid-column-gap: var(--pf-v5-c-
|
|
26382
|
-
padding: var(--pf-v5-c-
|
|
26323
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
26324
|
+
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);
|
|
26383
26325
|
}
|
|
26384
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
26326
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
26385
26327
|
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);
|
|
26386
26328
|
}
|
|
26387
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
26329
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
26388
26330
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
26389
26331
|
}
|
|
26390
26332
|
.pf-m-grid-2xl.pf-v5-c-table.pf-m-compact {
|
|
26391
|
-
--pf-v5-c-
|
|
26392
|
-
--pf-v5-c-
|
|
26393
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
26394
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
26333
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
26334
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
26335
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
26336
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
26395
26337
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
26396
26338
|
}
|
|
26397
26339
|
.pf-m-grid-2xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -26404,61 +26346,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26404
26346
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
26405
26347
|
text-align: left;
|
|
26406
26348
|
}
|
|
26407
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label] {
|
|
26349
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
26408
26350
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
26409
26351
|
grid-column: 1;
|
|
26410
26352
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
26411
26353
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
26412
26354
|
align-items: start;
|
|
26413
26355
|
}
|
|
26414
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label] > * {
|
|
26356
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
26415
26357
|
grid-column: 2;
|
|
26416
26358
|
}
|
|
26417
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label]::before {
|
|
26359
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
26418
26360
|
font-weight: bold;
|
|
26419
26361
|
text-align: left;
|
|
26420
26362
|
content: attr(data-label);
|
|
26421
26363
|
}
|
|
26422
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > *:first-child {
|
|
26364
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
26423
26365
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
26424
26366
|
}
|
|
26425
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > *:last-child {
|
|
26367
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
26426
26368
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
26427
26369
|
}
|
|
26428
26370
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table {
|
|
26429
|
-
--pf-v5-c-
|
|
26430
|
-
--pf-v5-c-
|
|
26431
|
-
--pf-v5-c-
|
|
26432
|
-
--pf-v5-c-
|
|
26371
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
26372
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
26373
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
26374
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
26433
26375
|
border: 0;
|
|
26434
26376
|
}
|
|
26435
|
-
.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) {
|
|
26436
|
-
--pf-v5-c-
|
|
26377
|
+
.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) {
|
|
26378
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
26437
26379
|
}
|
|
26438
26380
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
26439
26381
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
26440
26382
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
26441
26383
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
26442
26384
|
}
|
|
26443
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody {
|
|
26385
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26444
26386
|
position: relative;
|
|
26445
26387
|
}
|
|
26446
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody::after {
|
|
26388
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
26447
26389
|
position: absolute;
|
|
26448
26390
|
top: 0;
|
|
26449
26391
|
bottom: 0;
|
|
26450
26392
|
left: 0;
|
|
26451
26393
|
content: "";
|
|
26452
26394
|
border: 0;
|
|
26453
|
-
border-left: var(--pf-v5-c-
|
|
26395
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
26454
26396
|
}
|
|
26455
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
26456
|
-
--pf-v5-c-
|
|
26397
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
26398
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
26457
26399
|
}
|
|
26458
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
26459
|
-
--pf-v5-c-
|
|
26400
|
+
.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) {
|
|
26401
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26460
26402
|
}
|
|
26461
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
26403
|
+
.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 {
|
|
26462
26404
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
26463
26405
|
position: static;
|
|
26464
26406
|
width: auto;
|
|
@@ -26487,7 +26429,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26487
26429
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
26488
26430
|
content: none;
|
|
26489
26431
|
}
|
|
26490
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
26432
|
+
.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,
|
|
26433
|
+
.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 {
|
|
26491
26434
|
padding: 0;
|
|
26492
26435
|
}
|
|
26493
26436
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -26497,44 +26440,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26497
26440
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
26498
26441
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
26499
26442
|
}
|
|
26500
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable {
|
|
26501
|
-
--pf-v5-c-
|
|
26502
|
-
--pf-v5-c-
|
|
26443
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
26444
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26445
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
26503
26446
|
}
|
|
26504
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable,
|
|
26505
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
26447
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
26448
|
+
.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) {
|
|
26506
26449
|
position: relative;
|
|
26507
26450
|
}
|
|
26508
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
26451
|
+
.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 {
|
|
26509
26452
|
content: "";
|
|
26510
26453
|
position: absolute;
|
|
26511
26454
|
top: 0;
|
|
26512
26455
|
bottom: 0;
|
|
26513
26456
|
left: 0;
|
|
26514
|
-
width: var(--pf-v5-c-
|
|
26515
|
-
background-color: var(--pf-v5-c-
|
|
26457
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
26458
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
26516
26459
|
}
|
|
26517
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
26518
|
-
--pf-v5-c-
|
|
26519
|
-
--pf-v5-c-
|
|
26460
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
26461
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
26462
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
26520
26463
|
}
|
|
26521
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
26522
|
-
--pf-v5-c-
|
|
26523
|
-
--pf-v5-c-
|
|
26464
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
26465
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
26466
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
26524
26467
|
}
|
|
26525
|
-
.pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected::after {
|
|
26468
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
26526
26469
|
content: "";
|
|
26527
26470
|
position: absolute;
|
|
26528
26471
|
top: 0;
|
|
26529
26472
|
bottom: 0;
|
|
26530
26473
|
left: 0;
|
|
26531
|
-
width: var(--pf-v5-c-
|
|
26532
|
-
background-color: var(--pf-v5-c-
|
|
26474
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
26475
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
26533
26476
|
}
|
|
26534
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
26535
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
26536
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
26537
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
26477
|
+
.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,
|
|
26478
|
+
.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,
|
|
26479
|
+
.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,
|
|
26480
|
+
.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 {
|
|
26538
26481
|
width: auto;
|
|
26539
26482
|
padding: 0;
|
|
26540
26483
|
}
|
|
@@ -26605,18 +26548,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26605
26548
|
}
|
|
26606
26549
|
}
|
|
26607
26550
|
@media screen and (max-width: 1450px) {
|
|
26608
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-nowrap {
|
|
26551
|
+
.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 {
|
|
26609
26552
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
26610
26553
|
}
|
|
26611
|
-
|
|
26612
|
-
@media screen and (max-width: 1450px) {
|
|
26613
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-fit-content {
|
|
26554
|
+
.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 {
|
|
26614
26555
|
width: auto;
|
|
26615
26556
|
white-space: normal;
|
|
26616
26557
|
}
|
|
26617
|
-
|
|
26618
|
-
@media screen and (max-width: 1450px) {
|
|
26619
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-truncate {
|
|
26558
|
+
.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 {
|
|
26620
26559
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
26621
26560
|
}
|
|
26622
26561
|
}
|
|
@@ -26630,19 +26569,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26630
26569
|
--pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26631
26570
|
--pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
26632
26571
|
--pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
|
|
26633
|
-
--pf-v5-c-
|
|
26634
|
-
--pf-v5-c-
|
|
26635
|
-
--pf-v5-c-
|
|
26636
|
-
--pf-v5-c-
|
|
26637
|
-
--pf-v5-c-
|
|
26638
|
-
--pf-v5-c-
|
|
26639
|
-
--pf-v5-c-
|
|
26640
|
-
--pf-v5-c-
|
|
26641
|
-
--pf-v5-c-
|
|
26642
|
-
--pf-v5-c-
|
|
26643
|
-
--pf-v5-c-
|
|
26644
|
-
--pf-v5-c-
|
|
26645
|
-
--pf-v5-c-
|
|
26572
|
+
--pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
26573
|
+
--pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
|
|
26574
|
+
--pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
26575
|
+
--pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
26576
|
+
--pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
26577
|
+
--pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
26578
|
+
--pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
26579
|
+
--pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
26580
|
+
--pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
26581
|
+
--pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
26582
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
26583
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
26584
|
+
--pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
|
|
26646
26585
|
--pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
|
|
26647
26586
|
--pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
|
|
26648
26587
|
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
@@ -26655,7 +26594,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26655
26594
|
--pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
26656
26595
|
--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
26657
26596
|
--pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
26658
|
-
--pf-v5-c-
|
|
26597
|
+
--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
|
26659
26598
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
26660
26599
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
26661
26600
|
--pf-v5-c-table--cell--Width: auto;
|
|
@@ -26744,7 +26683,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26744
26683
|
--pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
|
|
26745
26684
|
--pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
|
|
26746
26685
|
--pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
|
|
26747
|
-
--pf-v5-c-
|
|
26686
|
+
--pf-v5-c-table__th--m-help--MinWidth: 11ch;
|
|
26748
26687
|
--pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
26749
26688
|
--pf-v5-c-table__column-help--TranslateY: 0.125rem;
|
|
26750
26689
|
--pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
@@ -26766,8 +26705,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26766
26705
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
|
|
26767
26706
|
--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);
|
|
26768
26707
|
--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);
|
|
26769
|
-
--pf-v5-c-table--m-
|
|
26770
|
-
--pf-v5-c-table--m-
|
|
26708
|
+
--pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
|
|
26709
|
+
--pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
26771
26710
|
--pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
26772
26711
|
--pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
26773
26712
|
--pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
@@ -26784,50 +26723,50 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26784
26723
|
--pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
26785
26724
|
--pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
26786
26725
|
--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
26787
|
-
--pf-v5-c-
|
|
26788
|
-
--pf-v5-c-
|
|
26789
|
-
--pf-v5-c-
|
|
26790
|
-
--pf-v5-c-
|
|
26791
|
-
--pf-v5-c-
|
|
26792
|
-
--pf-v5-c-
|
|
26793
|
-
--pf-v5-c-
|
|
26794
|
-
--pf-v5-c-
|
|
26795
|
-
--pf-v5-c-
|
|
26796
|
-
--pf-v5-c-
|
|
26797
|
-
--pf-v5-c-
|
|
26798
|
-
--pf-v5-c-
|
|
26799
|
-
--pf-v5-c-
|
|
26800
|
-
--pf-v5-c-
|
|
26801
|
-
--pf-v5-c-
|
|
26802
|
-
--pf-v5-c-
|
|
26803
|
-
--pf-v5-c-
|
|
26804
|
-
--pf-v5-c-
|
|
26805
|
-
--pf-v5-c-
|
|
26806
|
-
--pf-v5-c-
|
|
26807
|
-
--pf-v5-c-
|
|
26808
|
-
--pf-v5-c-
|
|
26809
|
-
--pf-v5-c-
|
|
26810
|
-
--pf-v5-c-
|
|
26811
|
-
--pf-v5-c-
|
|
26812
|
-
--pf-v5-c-
|
|
26813
|
-
--pf-v5-c-
|
|
26814
|
-
--pf-v5-c-
|
|
26815
|
-
--pf-v5-c-
|
|
26816
|
-
--pf-v5-c-
|
|
26817
|
-
--pf-v5-c-
|
|
26818
|
-
--pf-v5-c-
|
|
26819
|
-
--pf-v5-c-
|
|
26820
|
-
--pf-v5-c-
|
|
26821
|
-
--pf-v5-c-
|
|
26822
|
-
--pf-v5-c-
|
|
26823
|
-
--pf-v5-c-
|
|
26824
|
-
--pf-v5-c-
|
|
26825
|
-
--pf-v5-c-
|
|
26826
|
-
--pf-v5-c-
|
|
26827
|
-
--pf-v5-c-
|
|
26828
|
-
--pf-v5-c-
|
|
26829
|
-
--pf-v5-c-
|
|
26830
|
-
--pf-v5-c-
|
|
26726
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
26727
|
+
--pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
|
|
26728
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow: none;
|
|
26729
|
+
--pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
26730
|
+
--pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26731
|
+
--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26732
|
+
--pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26733
|
+
--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26734
|
+
--pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26735
|
+
--pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26736
|
+
--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26737
|
+
--pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
26738
|
+
--pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26739
|
+
--pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26740
|
+
--pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
26741
|
+
--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
|
|
26742
|
+
--pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
|
|
26743
|
+
--pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26744
|
+
--pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26745
|
+
--pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26746
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
26747
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
|
|
26748
|
+
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
|
|
26749
|
+
--pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
26750
|
+
--pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26751
|
+
--pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26752
|
+
--pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26753
|
+
--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26754
|
+
--pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26755
|
+
--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26756
|
+
--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
|
|
26757
|
+
--pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26758
|
+
--pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26759
|
+
--pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
26760
|
+
--pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26761
|
+
--pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
26762
|
+
--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
|
|
26763
|
+
--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
|
|
26764
|
+
--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26765
|
+
--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26766
|
+
--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26767
|
+
--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
26768
|
+
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
26769
|
+
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
26831
26770
|
--pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
|
|
26832
26771
|
--pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
|
|
26833
26772
|
--pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
@@ -26837,8 +26776,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26837
26776
|
}
|
|
26838
26777
|
@media screen and (max-width: 1200px) {
|
|
26839
26778
|
.pf-v5-c-table {
|
|
26840
|
-
--pf-v5-c-
|
|
26841
|
-
--pf-v5-c-
|
|
26779
|
+
--pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
|
|
26780
|
+
--pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
|
|
26842
26781
|
}
|
|
26843
26782
|
}
|
|
26844
26783
|
@media screen and (min-width: 1200px) {
|
|
@@ -26855,18 +26794,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26855
26794
|
.pf-v5-c-table.pf-m-sticky-header {
|
|
26856
26795
|
position: relative;
|
|
26857
26796
|
}
|
|
26858
|
-
.pf-v5-c-table.pf-m-sticky-header
|
|
26797
|
+
.pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) {
|
|
26859
26798
|
border-bottom: 0;
|
|
26860
26799
|
}
|
|
26861
|
-
.pf-v5-c-table.pf-m-sticky-header
|
|
26800
|
+
.pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) > * {
|
|
26862
26801
|
z-index: var(--pf-v5-c-table--m-sticky-header--cell--ZIndex);
|
|
26863
26802
|
}
|
|
26864
|
-
.pf-v5-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
|
|
26803
|
+
.pf-v5-c-table.pf-m-sticky-header > thead:where(.pf-v5-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v5-c-table__tr) > * {
|
|
26865
26804
|
position: sticky;
|
|
26866
26805
|
top: 0;
|
|
26867
26806
|
background: var(--pf-v5-c-table--BackgroundColor);
|
|
26868
26807
|
}
|
|
26869
|
-
.pf-v5-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > *::after {
|
|
26808
|
+
.pf-v5-c-table.pf-m-sticky-header > thead:where(.pf-v5-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v5-c-table__tr) > *::after {
|
|
26870
26809
|
position: absolute;
|
|
26871
26810
|
right: 0;
|
|
26872
26811
|
bottom: 0;
|
|
@@ -26884,32 +26823,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26884
26823
|
height: var(--pf-v5-c-table--border-width--base);
|
|
26885
26824
|
background-color: var(--pf-v5-c-table--BorderColor);
|
|
26886
26825
|
}
|
|
26887
|
-
.pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) th:not([rowspan]),
|
|
26888
|
-
.pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) td:not([rowspan]) {
|
|
26889
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-
|
|
26826
|
+
.pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:nth-last-child(2)) th:where(.pf-v5-c-table__th):not([rowspan]),
|
|
26827
|
+
.pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:nth-last-child(2)) td:where(.pf-v5-c-table__td):not([rowspan]) {
|
|
26828
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
|
|
26890
26829
|
}
|
|
26891
|
-
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) {
|
|
26830
|
+
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) {
|
|
26892
26831
|
border-bottom: 0;
|
|
26893
26832
|
}
|
|
26894
|
-
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
|
|
26895
|
-
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
|
|
26896
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-
|
|
26833
|
+
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) th:where(.pf-v5-c-table__th):not([rowspan]),
|
|
26834
|
+
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) td:where(.pf-v5-c-table__td):not([rowspan]) {
|
|
26835
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
|
|
26897
26836
|
}
|
|
26898
|
-
.pf-v5-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-v5-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-v5-c-table__expandable-row),
|
|
26837
|
+
.pf-v5-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr):nth-child(odd), .pf-v5-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v5-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row),
|
|
26899
26838
|
.pf-v5-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
26900
26839
|
.pf-v5-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
26901
|
-
.pf-v5-c-table tr.pf-m-striped {
|
|
26840
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-striped {
|
|
26902
26841
|
--pf-v5-c-table__sticky-column--BackgroundColor: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
|
|
26903
26842
|
background: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
|
|
26904
26843
|
}
|
|
26905
|
-
.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
26844
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
26906
26845
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
26907
26846
|
}
|
|
26908
|
-
.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
|
|
26847
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
|
|
26909
26848
|
background-color: var(--pf-v5-c-table__tr--m-ghost-row--BackgroundColor);
|
|
26910
26849
|
opacity: var(--pf-v5-c-table__tr--m-ghost-row--Opacity);
|
|
26911
26850
|
}
|
|
26912
|
-
.pf-v5-c-table tr > * {
|
|
26851
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
26913
26852
|
--pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-table--cell--hidden-visible--Display);
|
|
26914
26853
|
position: relative;
|
|
26915
26854
|
width: var(--pf-v5-c-table--cell--Width);
|
|
@@ -26924,30 +26863,30 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26924
26863
|
word-break: var(--pf-v5-c-table--cell--WordBreak);
|
|
26925
26864
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
26926
26865
|
}
|
|
26927
|
-
.pf-v5-c-table tr > *:first-child {
|
|
26866
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
26928
26867
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--PaddingLeft);
|
|
26929
26868
|
}
|
|
26930
|
-
.pf-v5-c-table tr > *:last-child {
|
|
26869
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
26931
26870
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--PaddingRight);
|
|
26932
26871
|
}
|
|
26933
|
-
.pf-v5-c-table tr > *.pf-m-center {
|
|
26872
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
|
|
26934
26873
|
text-align: center;
|
|
26935
26874
|
}
|
|
26936
|
-
.pf-v5-c-table tr > *:empty {
|
|
26875
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:empty {
|
|
26937
26876
|
width: auto;
|
|
26938
26877
|
min-width: 0;
|
|
26939
26878
|
padding: 0;
|
|
26940
26879
|
}
|
|
26941
|
-
.pf-v5-c-table tr > *.pf-m-help {
|
|
26880
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-help {
|
|
26942
26881
|
--pf-v5-c-table--cell--MinWidth: var(--pf-v5-c-table--cell--m-help--MinWidth);
|
|
26943
26882
|
}
|
|
26944
|
-
.pf-v5-c-table tr > *.pf-m-favorite {
|
|
26883
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-favorite {
|
|
26945
26884
|
--pf-v5-c-table__button--Color: var(--pf-v5-c-table--cell--m-favorite--Color);
|
|
26946
26885
|
--pf-v5-c-table__sort--MinWidth: fit-content;
|
|
26947
26886
|
--pf-v5-c-table--cell--MaxWidth: fit-content;
|
|
26948
26887
|
--pf-v5-c-table--cell--Overflow: visible;
|
|
26949
26888
|
}
|
|
26950
|
-
.pf-v5-c-table tr > *.pf-m-border-right::before, .pf-v5-c-table tr > *.pf-m-border-left::before {
|
|
26889
|
+
.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 {
|
|
26951
26890
|
position: absolute;
|
|
26952
26891
|
top: 0;
|
|
26953
26892
|
right: 0;
|
|
@@ -26956,55 +26895,55 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26956
26895
|
pointer-events: none;
|
|
26957
26896
|
content: "";
|
|
26958
26897
|
}
|
|
26959
|
-
.pf-v5-c-table tr > *.pf-m-border-right::before {
|
|
26898
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before {
|
|
26960
26899
|
border-right: var(--pf-v5-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-v5-c-table--cell--m-border-right--before--BorderRightColor);
|
|
26961
26900
|
}
|
|
26962
|
-
.pf-v5-c-table tr > *.pf-m-border-left::before {
|
|
26901
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
|
|
26963
26902
|
border-left: var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftColor);
|
|
26964
26903
|
}
|
|
26965
|
-
.pf-v5-c-table caption {
|
|
26966
|
-
padding-top: var(--pf-v5-c-
|
|
26967
|
-
padding-bottom: var(--pf-v5-c-
|
|
26968
|
-
padding-left: var(--pf-v5-c-
|
|
26969
|
-
font-size: var(--pf-v5-c-
|
|
26970
|
-
color: var(--pf-v5-c-
|
|
26904
|
+
.pf-v5-c-table caption:where(.pf-v5-c-table__caption) {
|
|
26905
|
+
padding-top: var(--pf-v5-c-table__caption--PaddingTop);
|
|
26906
|
+
padding-bottom: var(--pf-v5-c-table__caption--PaddingBottom);
|
|
26907
|
+
padding-left: var(--pf-v5-c-table__caption--PaddingLeft);
|
|
26908
|
+
font-size: var(--pf-v5-c-table__caption--FontSize);
|
|
26909
|
+
color: var(--pf-v5-c-table__caption--Color);
|
|
26971
26910
|
text-align: left;
|
|
26972
26911
|
background-color: var(--pf-v5-c-table--BackgroundColor);
|
|
26973
26912
|
}
|
|
26974
|
-
.pf-v5-c-table thead {
|
|
26975
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-
|
|
26976
|
-
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-
|
|
26913
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
26914
|
+
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
|
|
26915
|
+
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
|
|
26977
26916
|
vertical-align: bottom;
|
|
26978
26917
|
}
|
|
26979
|
-
.pf-v5-c-table thead.pf-m-nested-column-header button {
|
|
26980
|
-
outline-offset: var(--pf-v5-c-
|
|
26918
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
|
|
26919
|
+
outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
|
|
26981
26920
|
}
|
|
26982
|
-
.pf-v5-c-table thead.pf-m-nested-column-header th,
|
|
26983
|
-
.pf-v5-c-table thead.pf-m-nested-column-header td,
|
|
26984
|
-
.pf-v5-c-table thead.pf-m-nested-column-header input {
|
|
26921
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
|
|
26922
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
|
|
26923
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
|
|
26985
26924
|
vertical-align: middle;
|
|
26986
26925
|
}
|
|
26987
|
-
.pf-v5-c-table thead.pf-m-nested-column-header .pf-v5-c-table__check label {
|
|
26926
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
|
|
26988
26927
|
display: flex;
|
|
26989
26928
|
align-items: center;
|
|
26990
26929
|
}
|
|
26991
|
-
.pf-v5-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
|
|
26992
|
-
.pf-v5-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
|
|
26993
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-
|
|
26930
|
+
.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]),
|
|
26931
|
+
.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]) {
|
|
26932
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
|
|
26994
26933
|
}
|
|
26995
|
-
.pf-v5-c-table thead .pf-v5-c-table__subhead {
|
|
26934
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
|
|
26996
26935
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
|
|
26997
26936
|
color: var(--pf-v5-c-table__subhead--Color);
|
|
26998
26937
|
}
|
|
26999
|
-
.pf-v5-c-table tbody {
|
|
27000
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-
|
|
27001
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-
|
|
26938
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26939
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
|
|
26940
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
|
|
27002
26941
|
}
|
|
27003
|
-
.pf-v5-c-table tbody > tr > * {
|
|
26942
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
|
|
27004
26943
|
overflow-wrap: break-word;
|
|
27005
26944
|
vertical-align: baseline;
|
|
27006
26945
|
}
|
|
27007
|
-
.pf-v5-c-table tbody > tr > :first-child::after {
|
|
26946
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
|
|
27008
26947
|
position: absolute;
|
|
27009
26948
|
top: var(--pf-v5-c-table__expandable-row--after--Top);
|
|
27010
26949
|
bottom: var(--pf-v5-c-table__expandable-row--after--Bottom);
|
|
@@ -27013,11 +26952,11 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27013
26952
|
background-color: transparent;
|
|
27014
26953
|
border-left: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
|
|
27015
26954
|
}
|
|
27016
|
-
.pf-v5-c-table tbody .pf-v5-c-table__check input {
|
|
26955
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
|
|
27017
26956
|
margin-top: var(--pf-v5-c-table__check--input--MarginTop);
|
|
27018
26957
|
vertical-align: top;
|
|
27019
26958
|
}
|
|
27020
|
-
.pf-v5-c-table tbody.pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
|
|
26959
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
|
|
27021
26960
|
border-bottom-width: 0;
|
|
27022
26961
|
}
|
|
27023
26962
|
.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 {
|
|
@@ -27026,33 +26965,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27026
26965
|
.pf-v5-c-table .pf-v5-c-table__sort {
|
|
27027
26966
|
min-width: var(--pf-v5-c-table__sort--MinWidth);
|
|
27028
26967
|
}
|
|
27029
|
-
.pf-v5-c-table .pf-m-help {
|
|
27030
|
-
min-width: var(--pf-v5-c-
|
|
26968
|
+
.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td).pf-m-help {
|
|
26969
|
+
min-width: var(--pf-v5-c-table__th--m-help--MinWidth);
|
|
27031
26970
|
}
|
|
27032
|
-
.pf-v5-c-table thead,
|
|
27033
|
-
.pf-v5-c-table .pf-m-truncate {
|
|
26971
|
+
.pf-v5-c-table > thead, .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-truncate, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-truncate {
|
|
27034
26972
|
--pf-v5-c-table--cell--MinWidth: var(--pf-v5-c-table--m-truncate--cell--MinWidth);
|
|
27035
26973
|
--pf-v5-c-table--cell--MaxWidth: var(--pf-v5-c-table--m-truncate--cell--MaxWidth);
|
|
27036
26974
|
--pf-v5-c-table--cell--Overflow: hidden;
|
|
27037
26975
|
--pf-v5-c-table--cell--TextOverflow: ellipsis;
|
|
27038
26976
|
--pf-v5-c-table--cell--WhiteSpace: nowrap;
|
|
27039
26977
|
}
|
|
27040
|
-
|
|
26978
|
+
|
|
26979
|
+
.pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-wrap, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-wrap {
|
|
27041
26980
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
27042
26981
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
27043
26982
|
--pf-v5-c-table--cell--Overflow: visible;
|
|
27044
26983
|
--pf-v5-c-table--cell--TextOverflow: clip;
|
|
27045
26984
|
--pf-v5-c-table--cell--WhiteSpace: normal;
|
|
27046
26985
|
}
|
|
27047
|
-
.pf-v5-c-table .pf-m-nowrap {
|
|
26986
|
+
.pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-nowrap, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-nowrap {
|
|
27048
26987
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
27049
26988
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
27050
26989
|
--pf-v5-c-table--cell--Overflow: visible;
|
|
27051
26990
|
--pf-v5-c-table--cell--TextOverflow: clip;
|
|
27052
26991
|
--pf-v5-c-table--cell--WhiteSpace: nowrap;
|
|
27053
26992
|
}
|
|
27054
|
-
.pf-v5-c-table .pf-v5-c-table__icon,
|
|
27055
|
-
.pf-v5-c-table .pf-m-fit-content {
|
|
26993
|
+
.pf-v5-c-table :where([class*=pf-v5-c-table]) .pf-v5-c-table__icon, .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-fit-content, :where(.pf-v5-c-table) > :is(thead, tbody) .pf-v5-c-table__icon, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-fit-content {
|
|
27056
26994
|
--pf-v5-c-table--cell--MinWidth: fit-content;
|
|
27057
26995
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
27058
26996
|
--pf-v5-c-table--cell--Width: 1%;
|
|
@@ -27060,105 +26998,105 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27060
26998
|
--pf-v5-c-table--cell--TextOverflow: clip;
|
|
27061
26999
|
--pf-v5-c-table--cell--WhiteSpace: nowrap;
|
|
27062
27000
|
}
|
|
27063
|
-
.pf-v5-c-table .pf-m-break-word {
|
|
27001
|
+
.pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-break-word, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-break-word {
|
|
27064
27002
|
--pf-v5-c-table--cell--WordBreak: break-word;
|
|
27065
27003
|
--pf-v5-c-table--cell--WhiteSpace: normal;
|
|
27066
27004
|
}
|
|
27067
|
-
.pf-v5-c-table.pf-m-no-border-rows > tbody > tr {
|
|
27005
|
+
.pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) {
|
|
27068
27006
|
border-bottom: 0;
|
|
27069
27007
|
}
|
|
27070
|
-
.pf-v5-c-table.pf-m-no-border-rows > tbody > tr > :first-child::after {
|
|
27008
|
+
.pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
|
|
27071
27009
|
border-left: 0;
|
|
27072
27010
|
}
|
|
27073
|
-
.pf-v5-c-table.pf-m-no-border-rows > tbody:not(.pf-m-expanded) .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before {
|
|
27011
|
+
.pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody):not(.pf-m-expanded) .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before {
|
|
27074
27012
|
display: none;
|
|
27075
27013
|
}
|
|
27076
|
-
.pf-v5-c-table.pf-m-no-border-rows > tbody.pf-m-expanded > .pf-v5-c-table__control-row {
|
|
27014
|
+
.pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > .pf-v5-c-table__control-row {
|
|
27077
27015
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
27078
27016
|
}
|
|
27079
|
-
.pf-v5-c-table.pf-m-no-border-rows > tbody .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
|
|
27017
|
+
.pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
|
|
27080
27018
|
border-left-width: 0;
|
|
27081
27019
|
}
|
|
27082
|
-
.pf-v5-c-table tr.pf-m-clickable {
|
|
27020
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
|
|
27083
27021
|
cursor: pointer;
|
|
27084
|
-
background-color: var(--pf-v5-c-
|
|
27085
|
-
outline-offset: var(--pf-v5-c-
|
|
27086
|
-
box-shadow: var(--pf-v5-c-
|
|
27022
|
+
background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
|
|
27023
|
+
outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
|
|
27024
|
+
box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
|
|
27087
27025
|
}
|
|
27088
|
-
.pf-v5-c-table tr.pf-m-clickable:hover:not(.pf-m-selected) + tr.pf-m-selected, .pf-v5-c-table tr.pf-m-clickable:focus:not(.pf-m-selected) + tr.pf-m-selected, .pf-v5-c-table tr.pf-m-clickable:active:not(.pf-m-selected) + tr.pf-m-selected {
|
|
27089
|
-
box-shadow: var(--pf-v5-c-
|
|
27026
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
27027
|
+
box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
|
|
27090
27028
|
}
|
|
27091
|
-
.pf-v5-c-table tr.pf-m-clickable:hover {
|
|
27092
|
-
--pf-v5-c-
|
|
27093
|
-
--pf-v5-c-
|
|
27029
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
|
|
27030
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
|
|
27031
|
+
--pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
27094
27032
|
}
|
|
27095
|
-
.pf-v5-c-table tr.pf-m-clickable:focus {
|
|
27096
|
-
--pf-v5-c-
|
|
27097
|
-
--pf-v5-c-
|
|
27033
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
|
|
27034
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
|
|
27035
|
+
--pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
|
|
27098
27036
|
}
|
|
27099
|
-
.pf-v5-c-table tr.pf-m-clickable:active {
|
|
27100
|
-
--pf-v5-c-
|
|
27101
|
-
--pf-v5-c-
|
|
27037
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
|
|
27038
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
|
|
27039
|
+
--pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
|
|
27102
27040
|
}
|
|
27103
|
-
.pf-v5-c-table tr.pf-m-selected {
|
|
27104
|
-
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-
|
|
27105
|
-
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-
|
|
27041
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
27042
|
+
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
27043
|
+
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
27106
27044
|
position: relative;
|
|
27107
|
-
background-color: var(--pf-v5-c-
|
|
27108
|
-
outline-offset: var(--pf-v5-c-
|
|
27109
|
-
box-shadow: var(--pf-v5-c-
|
|
27045
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--BackgroundColor);
|
|
27046
|
+
outline-offset: var(--pf-v5-c-table__tr--m-selected--OutlineOffset);
|
|
27047
|
+
box-shadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow);
|
|
27110
27048
|
}
|
|
27111
|
-
.pf-v5-c-table tr.pf-m-selected + tr.pf-m-selected {
|
|
27112
|
-
box-shadow: var(--pf-v5-c-
|
|
27049
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected + tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
27050
|
+
box-shadow: var(--pf-v5-c-table__tr--m-selected--m-selected--BoxShadow);
|
|
27113
27051
|
}
|
|
27114
|
-
.pf-v5-c-table tr.pf-m-selected + tr.pf-m-selected:hover {
|
|
27115
|
-
box-shadow: var(--pf-v5-c-
|
|
27052
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected + tr:where(.pf-v5-c-table__tr).pf-m-selected:hover {
|
|
27053
|
+
box-shadow: var(--pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow);
|
|
27116
27054
|
}
|
|
27117
|
-
.pf-v5-c-table tr.pf-m-selected:hover + tr.pf-m-selected {
|
|
27118
|
-
box-shadow: var(--pf-v5-c-
|
|
27055
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected:hover + tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
27056
|
+
box-shadow: var(--pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow);
|
|
27119
27057
|
}
|
|
27120
|
-
.pf-v5-c-table tr.pf-m-first-cell-offset-reset {
|
|
27121
|
-
--pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-
|
|
27058
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-first-cell-offset-reset {
|
|
27059
|
+
--pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
|
|
27122
27060
|
}
|
|
27123
|
-
.pf-v5-c-table tbody.pf-m-clickable {
|
|
27061
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable {
|
|
27124
27062
|
cursor: pointer;
|
|
27125
|
-
background-color: var(--pf-v5-c-
|
|
27126
|
-
outline-offset: var(--pf-v5-c-
|
|
27127
|
-
box-shadow: var(--pf-v5-c-
|
|
27063
|
+
background-color: var(--pf-v5-c-table__tbody--m-clickable--BackgroundColor);
|
|
27064
|
+
outline-offset: var(--pf-v5-c-table__tbody--m-clickable--OutlineOffset);
|
|
27065
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow);
|
|
27128
27066
|
}
|
|
27129
|
-
.pf-v5-c-table tbody.pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
|
|
27130
|
-
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-
|
|
27067
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
|
|
27068
|
+
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor);
|
|
27131
27069
|
}
|
|
27132
|
-
.pf-v5-c-table tbody.pf-m-clickable:hover:not(.pf-m-selected) + tbody.pf-m-selected, .pf-v5-c-table tbody.pf-m-clickable:focus:not(.pf-m-selected) + tbody.pf-m-selected, .pf-v5-c-table tbody.pf-m-clickable:active:not(.pf-m-selected) + tbody.pf-m-selected {
|
|
27133
|
-
box-shadow: var(--pf-v5-c-
|
|
27070
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:hover:not(.pf-m-selected) + tbody:where(.pf-v5-c-table__tbody).pf-m-selected, .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:focus:not(.pf-m-selected) + tbody:where(.pf-v5-c-table__tbody).pf-m-selected, .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:active:not(.pf-m-selected) + tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
|
|
27071
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow);
|
|
27134
27072
|
}
|
|
27135
|
-
.pf-v5-c-table tbody.pf-m-clickable:hover {
|
|
27136
|
-
--pf-v5-c-
|
|
27137
|
-
--pf-v5-c-
|
|
27073
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:hover {
|
|
27074
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--hover--BoxShadow);
|
|
27075
|
+
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
27138
27076
|
}
|
|
27139
|
-
.pf-v5-c-table tbody.pf-m-clickable:focus {
|
|
27140
|
-
--pf-v5-c-
|
|
27141
|
-
--pf-v5-c-
|
|
27077
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:focus {
|
|
27078
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--focus--BoxShadow);
|
|
27079
|
+
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor);
|
|
27142
27080
|
}
|
|
27143
|
-
.pf-v5-c-table tbody.pf-m-clickable:active {
|
|
27144
|
-
--pf-v5-c-
|
|
27145
|
-
--pf-v5-c-
|
|
27081
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:active {
|
|
27082
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--active--BoxShadow);
|
|
27083
|
+
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor);
|
|
27146
27084
|
}
|
|
27147
|
-
.pf-v5-c-table tbody.pf-m-selected {
|
|
27148
|
-
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-
|
|
27149
|
-
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-
|
|
27150
|
-
background-color: var(--pf-v5-c-
|
|
27151
|
-
outline-offset: var(--pf-v5-c-
|
|
27152
|
-
box-shadow: var(--pf-v5-c-
|
|
27085
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
|
|
27086
|
+
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth);
|
|
27087
|
+
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor);
|
|
27088
|
+
background-color: var(--pf-v5-c-table__tbody--m-selected--BackgroundColor);
|
|
27089
|
+
outline-offset: var(--pf-v5-c-table__tbody--m-selected--OutlineOffset);
|
|
27090
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow);
|
|
27153
27091
|
}
|
|
27154
|
-
.pf-v5-c-table tbody.pf-m-selected + tbody.pf-m-selected {
|
|
27155
|
-
--pf-v5-c-
|
|
27092
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected + tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
|
|
27093
|
+
--pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow);
|
|
27156
27094
|
}
|
|
27157
|
-
.pf-v5-c-table tbody.pf-m-selected + tbody.pf-m-selected:hover {
|
|
27158
|
-
box-shadow: var(--pf-v5-c-
|
|
27095
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected + tbody:where(.pf-v5-c-table__tbody).pf-m-selected:hover {
|
|
27096
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow);
|
|
27159
27097
|
}
|
|
27160
|
-
.pf-v5-c-table tbody.pf-m-selected:hover + tbody.pf-m-selected {
|
|
27161
|
-
box-shadow: var(--pf-v5-c-
|
|
27098
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected:hover + tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
|
|
27099
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow);
|
|
27162
27100
|
}
|
|
27163
27101
|
.pf-v5-c-table.pf-m-drag-over {
|
|
27164
27102
|
overflow-anchor: none;
|
|
@@ -27241,25 +27179,25 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27241
27179
|
.pf-v5-c-table__column-help .pf-v5-c-table__text {
|
|
27242
27180
|
min-width: auto;
|
|
27243
27181
|
}
|
|
27244
|
-
.pf-v5-c-table thead.pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table tr.pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table th.pf-m-nowrap .pf-v5-c-table__button-content,
|
|
27245
|
-
.pf-v5-c-table thead.pf-m-nowrap .pf-v5-c-table__column-help,
|
|
27246
|
-
.pf-v5-c-table tr.pf-m-nowrap .pf-v5-c-table__column-help,
|
|
27247
|
-
.pf-v5-c-table th.pf-m-nowrap .pf-v5-c-table__column-help {
|
|
27182
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-nowrap .pf-v5-c-table__button-content,
|
|
27183
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nowrap .pf-v5-c-table__column-help,
|
|
27184
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-nowrap .pf-v5-c-table__column-help,
|
|
27185
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-nowrap .pf-v5-c-table__column-help {
|
|
27248
27186
|
grid-template-columns: min-content max-content;
|
|
27249
27187
|
}
|
|
27250
|
-
.pf-v5-c-table thead.pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table tr.pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table th.pf-m-fit-content .pf-v5-c-table__button-content,
|
|
27251
|
-
.pf-v5-c-table thead.pf-m-fit-content .pf-v5-c-table__column-help,
|
|
27252
|
-
.pf-v5-c-table tr.pf-m-fit-content .pf-v5-c-table__column-help,
|
|
27253
|
-
.pf-v5-c-table th.pf-m-fit-content .pf-v5-c-table__column-help {
|
|
27188
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-fit-content .pf-v5-c-table__button-content,
|
|
27189
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-fit-content .pf-v5-c-table__column-help,
|
|
27190
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-fit-content .pf-v5-c-table__column-help,
|
|
27191
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-fit-content .pf-v5-c-table__column-help {
|
|
27254
27192
|
grid-template-columns: fit-content max-content;
|
|
27255
27193
|
}
|
|
27256
|
-
.pf-v5-c-table thead.pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table tr.pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table th.pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table thead.pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table tr.pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table th.pf-m-truncate .pf-v5-c-table__button-content,
|
|
27257
|
-
.pf-v5-c-table thead.pf-m-wrap .pf-v5-c-table__column-help,
|
|
27258
|
-
.pf-v5-c-table tr.pf-m-wrap .pf-v5-c-table__column-help,
|
|
27259
|
-
.pf-v5-c-table th.pf-m-wrap .pf-v5-c-table__column-help,
|
|
27260
|
-
.pf-v5-c-table thead.pf-m-truncate .pf-v5-c-table__column-help,
|
|
27261
|
-
.pf-v5-c-table tr.pf-m-truncate .pf-v5-c-table__column-help,
|
|
27262
|
-
.pf-v5-c-table th.pf-m-truncate .pf-v5-c-table__column-help {
|
|
27194
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-truncate .pf-v5-c-table__button-content,
|
|
27195
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-wrap .pf-v5-c-table__column-help,
|
|
27196
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-wrap .pf-v5-c-table__column-help,
|
|
27197
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-wrap .pf-v5-c-table__column-help,
|
|
27198
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-truncate .pf-v5-c-table__column-help,
|
|
27199
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-truncate .pf-v5-c-table__column-help,
|
|
27200
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-truncate .pf-v5-c-table__column-help {
|
|
27263
27201
|
grid-template-columns: auto max-content;
|
|
27264
27202
|
}
|
|
27265
27203
|
|
|
@@ -27273,7 +27211,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27273
27211
|
.pf-v5-c-table .pf-v5-c-table__toggle,
|
|
27274
27212
|
.pf-v5-c-table .pf-v5-c-table__action,
|
|
27275
27213
|
.pf-v5-c-table .pf-v5-c-table__favorite,
|
|
27276
|
-
.pf-v5-c-table th.pf-m-favorite,
|
|
27214
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-favorite,
|
|
27277
27215
|
.pf-v5-c-table .pf-v5-c-table__inline-edit-action,
|
|
27278
27216
|
.pf-v5-c-table .pf-v5-c-table__draggable {
|
|
27279
27217
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
@@ -27461,7 +27399,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27461
27399
|
color: var(--pf-v5-c-table__sort--m-selected__button--Color);
|
|
27462
27400
|
}
|
|
27463
27401
|
.pf-v5-c-table__sort.pf-m-help {
|
|
27464
|
-
--pf-v5-c-
|
|
27402
|
+
--pf-v5-c-table__th--m-help--MinWidth: var(--pf-v5-c-table__sort--m-help--MinWidth);
|
|
27465
27403
|
}
|
|
27466
27404
|
.pf-v5-c-table__sort.pf-m-favorite {
|
|
27467
27405
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort--m-favorite__button__text--Color);
|
|
@@ -27486,15 +27424,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27486
27424
|
box-shadow: 0 0 0 0 transparent;
|
|
27487
27425
|
}
|
|
27488
27426
|
.pf-v5-c-table__expandable-row,
|
|
27489
|
-
.pf-v5-c-table__expandable-row td:first-child::after {
|
|
27427
|
+
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
|
|
27490
27428
|
transition: var(--pf-v5-c-table__expandable-row--Transition);
|
|
27491
27429
|
}
|
|
27492
|
-
.pf-v5-c-table__expandable-row td.pf-m-no-padding,
|
|
27493
|
-
.pf-v5-c-table__expandable-row th.pf-m-no-padding {
|
|
27430
|
+
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
|
|
27431
|
+
.pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
|
|
27494
27432
|
padding: 0 0 0 var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
27495
27433
|
}
|
|
27496
|
-
.pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
27497
|
-
.pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
27434
|
+
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
27435
|
+
.pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
27498
27436
|
padding: 0;
|
|
27499
27437
|
}
|
|
27500
27438
|
.pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content {
|
|
@@ -27510,10 +27448,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27510
27448
|
display: none;
|
|
27511
27449
|
}
|
|
27512
27450
|
|
|
27513
|
-
.pf-v5-c-table .pf-v5-c-table tr > *:first-child {
|
|
27451
|
+
.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
27514
27452
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
|
27515
27453
|
}
|
|
27516
|
-
.pf-v5-c-table .pf-v5-c-table tr > *:last-child {
|
|
27454
|
+
.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
27517
27455
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
|
27518
27456
|
}
|
|
27519
27457
|
|
|
@@ -27523,25 +27461,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27523
27461
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
|
27524
27462
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
|
27525
27463
|
}
|
|
27526
|
-
.pf-v5-c-table.pf-m-compact tr {
|
|
27464
|
+
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
|
|
27527
27465
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
|
27528
27466
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
|
|
27529
27467
|
}
|
|
27530
|
-
.pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) {
|
|
27468
|
+
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
27531
27469
|
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
|
|
27532
27470
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
|
|
27533
27471
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
|
27534
27472
|
}
|
|
27535
|
-
.pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
27473
|
+
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
27536
27474
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
27537
27475
|
}
|
|
27538
|
-
.pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) > *:last-child {
|
|
27476
|
+
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
|
|
27539
27477
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
27540
27478
|
}
|
|
27541
|
-
.pf-v5-c-table.pf-m-compact thead th,
|
|
27542
|
-
.pf-v5-c-table.pf-m-compact thead .pf-v5-c-
|
|
27543
|
-
|
|
27544
|
-
--pf-v5-c-table--cell--
|
|
27479
|
+
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
|
|
27480
|
+
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) td:where(.pf-v5-c-table__td),
|
|
27481
|
+
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
|
|
27482
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
|
|
27483
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
|
|
27545
27484
|
}
|
|
27546
27485
|
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
27547
27486
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
|
|
@@ -27557,10 +27496,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27557
27496
|
min-width: 0;
|
|
27558
27497
|
text-align: center;
|
|
27559
27498
|
}
|
|
27560
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr > *:first-child {
|
|
27499
|
+
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
27561
27500
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
|
27562
27501
|
}
|
|
27563
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr > *:last-child {
|
|
27502
|
+
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
27564
27503
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
|
27565
27504
|
}
|
|
27566
27505
|
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
|
|
@@ -27740,31 +27679,31 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27740
27679
|
--pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
27741
27680
|
--pf-v5-c-table__tree-view-main--MarginLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
27742
27681
|
}
|
|
27743
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="2"] {
|
|
27682
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
27744
27683
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27745
27684
|
}
|
|
27746
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="3"] {
|
|
27685
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
27747
27686
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27748
27687
|
}
|
|
27749
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="4"] {
|
|
27688
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
27750
27689
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27751
27690
|
}
|
|
27752
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="5"] {
|
|
27691
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
27753
27692
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27754
27693
|
}
|
|
27755
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="6"] {
|
|
27694
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
27756
27695
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27757
27696
|
}
|
|
27758
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="7"] {
|
|
27697
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
27759
27698
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27760
27699
|
}
|
|
27761
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="8"] {
|
|
27700
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
27762
27701
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27763
27702
|
}
|
|
27764
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="9"] {
|
|
27703
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
27765
27704
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27766
27705
|
}
|
|
27767
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="10"] {
|
|
27706
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
27768
27707
|
--pf-v5-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27769
27708
|
}
|
|
27770
27709
|
|
|
@@ -27810,85 +27749,85 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27810
27749
|
|
|
27811
27750
|
.pf-m-tree-view-grid.pf-v5-c-table {
|
|
27812
27751
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
27813
|
-
--pf-v5-c-table--m-tree-view-
|
|
27814
|
-
--pf-v5-c-table--m-tree-view-
|
|
27815
|
-
--pf-v5-c-table--m-tree-view-
|
|
27816
|
-
--pf-v5-c-table--m-tree-view-
|
|
27752
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27753
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27754
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
27755
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
27817
27756
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27818
27757
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27819
27758
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
27820
27759
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27821
27760
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
27822
27761
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27823
|
-
--pf-v5-c-table--m-tree-view-
|
|
27824
|
-
--pf-v5-c-table--m-tree-view-
|
|
27825
|
-
--pf-v5-c-table--m-tree-view-
|
|
27762
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
27763
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
27764
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
27826
27765
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
27827
27766
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
27828
27767
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
27829
|
-
--pf-v5-c-
|
|
27830
|
-
--pf-v5-c-
|
|
27768
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
27769
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
27831
27770
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
27832
27771
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
27833
27772
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
27834
27773
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
27835
27774
|
}
|
|
27836
|
-
.pf-m-tree-view-grid.pf-v5-c-table tbody tr {
|
|
27775
|
+
.pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
27837
27776
|
position: relative;
|
|
27838
27777
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
27839
27778
|
border: none;
|
|
27840
27779
|
}
|
|
27841
|
-
.pf-m-tree-view-grid.pf-v5-c-table tbody tr::before {
|
|
27780
|
+
.pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
|
|
27842
27781
|
position: absolute;
|
|
27843
27782
|
top: 0;
|
|
27844
27783
|
right: 0;
|
|
27845
27784
|
bottom: 0;
|
|
27846
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
27785
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
27847
27786
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
27848
27787
|
content: "";
|
|
27849
27788
|
}
|
|
27850
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr:not([hidden]) {
|
|
27789
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
27851
27790
|
display: grid;
|
|
27852
27791
|
grid-template-columns: 1fr max-content;
|
|
27853
27792
|
}
|
|
27854
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
27793
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
27855
27794
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
27856
27795
|
}
|
|
27857
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
27796
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
27858
27797
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
27859
27798
|
}
|
|
27860
|
-
.pf-m-tree-view-grid.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
27861
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
27862
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
27863
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
27799
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
|
|
27800
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
27801
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
27802
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
27864
27803
|
}
|
|
27865
27804
|
.pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
27866
27805
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
27867
27806
|
}
|
|
27868
|
-
.pf-m-tree-view-grid.pf-v5-c-table thead th {
|
|
27807
|
+
.pf-m-tree-view-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
27869
27808
|
display: none;
|
|
27870
27809
|
}
|
|
27871
|
-
.pf-m-tree-view-grid.pf-v5-c-table td {
|
|
27810
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
27872
27811
|
display: none;
|
|
27873
27812
|
}
|
|
27874
|
-
.pf-m-tree-view-grid.pf-v5-c-table td[data-label] {
|
|
27813
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
27875
27814
|
grid-column: 1;
|
|
27876
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
27877
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
27815
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
27816
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
27878
27817
|
align-items: start;
|
|
27879
27818
|
}
|
|
27880
|
-
.pf-m-tree-view-grid.pf-v5-c-table td[data-label] > * {
|
|
27819
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
27881
27820
|
grid-column: 2;
|
|
27882
27821
|
}
|
|
27883
|
-
.pf-m-tree-view-grid.pf-v5-c-table td[data-label]::before {
|
|
27822
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
27884
27823
|
font-weight: bold;
|
|
27885
27824
|
text-align: left;
|
|
27886
27825
|
content: attr(data-label);
|
|
27887
27826
|
}
|
|
27888
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
27827
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
27889
27828
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
27890
27829
|
}
|
|
27891
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
27830
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
|
|
27892
27831
|
display: grid;
|
|
27893
27832
|
}
|
|
27894
27833
|
.pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -27900,9 +27839,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27900
27839
|
}
|
|
27901
27840
|
.pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__action {
|
|
27902
27841
|
--pf-v5-c-table--cell--Width: auto;
|
|
27903
|
-
--pf-v5-c-table--m-tree-view-
|
|
27904
|
-
--pf-v5-c-table--m-tree-view-
|
|
27905
|
-
--pf-v5-c-table--m-tree-view-
|
|
27842
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
27843
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
|
|
27844
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
|
|
27906
27845
|
grid-column: 2;
|
|
27907
27846
|
grid-row: 1;
|
|
27908
27847
|
}
|
|
@@ -27919,116 +27858,116 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27919
27858
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
27920
27859
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
27921
27860
|
}
|
|
27922
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="2"] {
|
|
27923
|
-
--pf-v5-c-table--m-tree-view-
|
|
27861
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
27862
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27924
27863
|
}
|
|
27925
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="3"] {
|
|
27926
|
-
--pf-v5-c-table--m-tree-view-
|
|
27864
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
27865
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27927
27866
|
}
|
|
27928
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="4"] {
|
|
27929
|
-
--pf-v5-c-table--m-tree-view-
|
|
27867
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
27868
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27930
27869
|
}
|
|
27931
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="5"] {
|
|
27932
|
-
--pf-v5-c-table--m-tree-view-
|
|
27870
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
27871
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27933
27872
|
}
|
|
27934
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="6"] {
|
|
27935
|
-
--pf-v5-c-table--m-tree-view-
|
|
27873
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
27874
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27936
27875
|
}
|
|
27937
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="7"] {
|
|
27938
|
-
--pf-v5-c-table--m-tree-view-
|
|
27876
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
27877
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27939
27878
|
}
|
|
27940
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="8"] {
|
|
27941
|
-
--pf-v5-c-table--m-tree-view-
|
|
27879
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
27880
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27942
27881
|
}
|
|
27943
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="9"] {
|
|
27944
|
-
--pf-v5-c-table--m-tree-view-
|
|
27882
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
27883
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27945
27884
|
}
|
|
27946
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="10"] {
|
|
27947
|
-
--pf-v5-c-table--m-tree-view-
|
|
27885
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
27886
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
27948
27887
|
}
|
|
27949
27888
|
|
|
27950
27889
|
@media screen and (max-width: 768px) {
|
|
27951
27890
|
.pf-m-tree-view-grid-md.pf-v5-c-table {
|
|
27952
27891
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
27953
|
-
--pf-v5-c-table--m-tree-view-
|
|
27954
|
-
--pf-v5-c-table--m-tree-view-
|
|
27955
|
-
--pf-v5-c-table--m-tree-view-
|
|
27956
|
-
--pf-v5-c-table--m-tree-view-
|
|
27892
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27893
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27894
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
27895
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
27957
27896
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27958
27897
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27959
27898
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
27960
27899
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27961
27900
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
27962
27901
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27963
|
-
--pf-v5-c-table--m-tree-view-
|
|
27964
|
-
--pf-v5-c-table--m-tree-view-
|
|
27965
|
-
--pf-v5-c-table--m-tree-view-
|
|
27902
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
27903
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
27904
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
27966
27905
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
27967
27906
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
27968
27907
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
27969
|
-
--pf-v5-c-
|
|
27970
|
-
--pf-v5-c-
|
|
27908
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
27909
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
27971
27910
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
27972
27911
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
27973
27912
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
27974
27913
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
27975
27914
|
}
|
|
27976
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tbody tr {
|
|
27915
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
27977
27916
|
position: relative;
|
|
27978
27917
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
27979
27918
|
border: none;
|
|
27980
27919
|
}
|
|
27981
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tbody tr::before {
|
|
27920
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
|
|
27982
27921
|
position: absolute;
|
|
27983
27922
|
top: 0;
|
|
27984
27923
|
right: 0;
|
|
27985
27924
|
bottom: 0;
|
|
27986
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
27925
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
27987
27926
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
27988
27927
|
content: "";
|
|
27989
27928
|
}
|
|
27990
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr:not([hidden]) {
|
|
27929
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
27991
27930
|
display: grid;
|
|
27992
27931
|
grid-template-columns: 1fr max-content;
|
|
27993
27932
|
}
|
|
27994
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
27933
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
27995
27934
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
27996
27935
|
}
|
|
27997
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
27936
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
27998
27937
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
27999
27938
|
}
|
|
28000
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28001
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
28002
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
28003
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
27939
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
|
|
27940
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
27941
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
27942
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28004
27943
|
}
|
|
28005
27944
|
.pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
28006
27945
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
28007
27946
|
}
|
|
28008
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table thead th {
|
|
27947
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
28009
27948
|
display: none;
|
|
28010
27949
|
}
|
|
28011
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td {
|
|
27950
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
28012
27951
|
display: none;
|
|
28013
27952
|
}
|
|
28014
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] {
|
|
27953
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
28015
27954
|
grid-column: 1;
|
|
28016
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
28017
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
27955
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
27956
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
28018
27957
|
align-items: start;
|
|
28019
27958
|
}
|
|
28020
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] > * {
|
|
27959
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
28021
27960
|
grid-column: 2;
|
|
28022
27961
|
}
|
|
28023
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td[data-label]::before {
|
|
27962
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
28024
27963
|
font-weight: bold;
|
|
28025
27964
|
text-align: left;
|
|
28026
27965
|
content: attr(data-label);
|
|
28027
27966
|
}
|
|
28028
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
27967
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
28029
27968
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
28030
27969
|
}
|
|
28031
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
27970
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
|
|
28032
27971
|
display: grid;
|
|
28033
27972
|
}
|
|
28034
27973
|
.pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -28040,9 +27979,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28040
27979
|
}
|
|
28041
27980
|
.pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__action {
|
|
28042
27981
|
--pf-v5-c-table--cell--Width: auto;
|
|
28043
|
-
--pf-v5-c-table--m-tree-view-
|
|
28044
|
-
--pf-v5-c-table--m-tree-view-
|
|
28045
|
-
--pf-v5-c-table--m-tree-view-
|
|
27982
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
27983
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
|
|
27984
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
|
|
28046
27985
|
grid-column: 2;
|
|
28047
27986
|
grid-row: 1;
|
|
28048
27987
|
}
|
|
@@ -28059,117 +27998,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28059
27998
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
28060
27999
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
28061
28000
|
}
|
|
28062
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="2"] {
|
|
28063
|
-
--pf-v5-c-table--m-tree-view-
|
|
28001
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
28002
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28064
28003
|
}
|
|
28065
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="3"] {
|
|
28066
|
-
--pf-v5-c-table--m-tree-view-
|
|
28004
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
28005
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28067
28006
|
}
|
|
28068
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="4"] {
|
|
28069
|
-
--pf-v5-c-table--m-tree-view-
|
|
28007
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
28008
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28070
28009
|
}
|
|
28071
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="5"] {
|
|
28072
|
-
--pf-v5-c-table--m-tree-view-
|
|
28010
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
28011
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28073
28012
|
}
|
|
28074
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="6"] {
|
|
28075
|
-
--pf-v5-c-table--m-tree-view-
|
|
28013
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
28014
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28076
28015
|
}
|
|
28077
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="7"] {
|
|
28078
|
-
--pf-v5-c-table--m-tree-view-
|
|
28016
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
28017
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28079
28018
|
}
|
|
28080
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="8"] {
|
|
28081
|
-
--pf-v5-c-table--m-tree-view-
|
|
28019
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
28020
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28082
28021
|
}
|
|
28083
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="9"] {
|
|
28084
|
-
--pf-v5-c-table--m-tree-view-
|
|
28022
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
28023
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28085
28024
|
}
|
|
28086
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="10"] {
|
|
28087
|
-
--pf-v5-c-table--m-tree-view-
|
|
28025
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
28026
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28088
28027
|
}
|
|
28089
28028
|
}
|
|
28090
28029
|
|
|
28091
28030
|
@media screen and (max-width: 992px) {
|
|
28092
28031
|
.pf-m-tree-view-grid-lg.pf-v5-c-table {
|
|
28093
28032
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
28094
|
-
--pf-v5-c-table--m-tree-view-
|
|
28095
|
-
--pf-v5-c-table--m-tree-view-
|
|
28096
|
-
--pf-v5-c-table--m-tree-view-
|
|
28097
|
-
--pf-v5-c-table--m-tree-view-
|
|
28033
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28034
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28035
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
28036
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
28098
28037
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28099
28038
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28100
28039
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
28101
28040
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28102
28041
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
28103
28042
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28104
|
-
--pf-v5-c-table--m-tree-view-
|
|
28105
|
-
--pf-v5-c-table--m-tree-view-
|
|
28106
|
-
--pf-v5-c-table--m-tree-view-
|
|
28043
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
28044
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
28045
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
28107
28046
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
28108
28047
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
28109
28048
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
28110
|
-
--pf-v5-c-
|
|
28111
|
-
--pf-v5-c-
|
|
28049
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
28050
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
28112
28051
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
28113
28052
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
28114
28053
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
28115
28054
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
28116
28055
|
}
|
|
28117
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr {
|
|
28056
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
28118
28057
|
position: relative;
|
|
28119
28058
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
28120
28059
|
border: none;
|
|
28121
28060
|
}
|
|
28122
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr::before {
|
|
28061
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
|
|
28123
28062
|
position: absolute;
|
|
28124
28063
|
top: 0;
|
|
28125
28064
|
right: 0;
|
|
28126
28065
|
bottom: 0;
|
|
28127
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
28066
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28128
28067
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
28129
28068
|
content: "";
|
|
28130
28069
|
}
|
|
28131
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:not([hidden]) {
|
|
28070
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
28132
28071
|
display: grid;
|
|
28133
28072
|
grid-template-columns: 1fr max-content;
|
|
28134
28073
|
}
|
|
28135
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
28074
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
28136
28075
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
28137
28076
|
}
|
|
28138
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
28077
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
28139
28078
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
28140
28079
|
}
|
|
28141
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28142
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
28143
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
28144
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
28080
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28081
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
28082
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
28083
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28145
28084
|
}
|
|
28146
28085
|
.pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
28147
28086
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
28148
28087
|
}
|
|
28149
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table thead th {
|
|
28088
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
28150
28089
|
display: none;
|
|
28151
28090
|
}
|
|
28152
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td {
|
|
28091
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
28153
28092
|
display: none;
|
|
28154
28093
|
}
|
|
28155
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] {
|
|
28094
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
28156
28095
|
grid-column: 1;
|
|
28157
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
28158
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
28096
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
28097
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
28159
28098
|
align-items: start;
|
|
28160
28099
|
}
|
|
28161
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] > * {
|
|
28100
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
28162
28101
|
grid-column: 2;
|
|
28163
28102
|
}
|
|
28164
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label]::before {
|
|
28103
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
28165
28104
|
font-weight: bold;
|
|
28166
28105
|
text-align: left;
|
|
28167
28106
|
content: attr(data-label);
|
|
28168
28107
|
}
|
|
28169
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
28108
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
28170
28109
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
28171
28110
|
}
|
|
28172
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
28111
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
|
|
28173
28112
|
display: grid;
|
|
28174
28113
|
}
|
|
28175
28114
|
.pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -28181,9 +28120,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28181
28120
|
}
|
|
28182
28121
|
.pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__action {
|
|
28183
28122
|
--pf-v5-c-table--cell--Width: auto;
|
|
28184
|
-
--pf-v5-c-table--m-tree-view-
|
|
28185
|
-
--pf-v5-c-table--m-tree-view-
|
|
28186
|
-
--pf-v5-c-table--m-tree-view-
|
|
28123
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
28124
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
|
|
28125
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
|
|
28187
28126
|
grid-column: 2;
|
|
28188
28127
|
grid-row: 1;
|
|
28189
28128
|
}
|
|
@@ -28200,117 +28139,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28200
28139
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
28201
28140
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
28202
28141
|
}
|
|
28203
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="2"] {
|
|
28204
|
-
--pf-v5-c-table--m-tree-view-
|
|
28142
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
28143
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28205
28144
|
}
|
|
28206
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="3"] {
|
|
28207
|
-
--pf-v5-c-table--m-tree-view-
|
|
28145
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
28146
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28208
28147
|
}
|
|
28209
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="4"] {
|
|
28210
|
-
--pf-v5-c-table--m-tree-view-
|
|
28148
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
28149
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28211
28150
|
}
|
|
28212
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="5"] {
|
|
28213
|
-
--pf-v5-c-table--m-tree-view-
|
|
28151
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
28152
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28214
28153
|
}
|
|
28215
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="6"] {
|
|
28216
|
-
--pf-v5-c-table--m-tree-view-
|
|
28154
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
28155
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28217
28156
|
}
|
|
28218
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="7"] {
|
|
28219
|
-
--pf-v5-c-table--m-tree-view-
|
|
28157
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
28158
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28220
28159
|
}
|
|
28221
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="8"] {
|
|
28222
|
-
--pf-v5-c-table--m-tree-view-
|
|
28160
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
28161
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28223
28162
|
}
|
|
28224
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="9"] {
|
|
28225
|
-
--pf-v5-c-table--m-tree-view-
|
|
28163
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
28164
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28226
28165
|
}
|
|
28227
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="10"] {
|
|
28228
|
-
--pf-v5-c-table--m-tree-view-
|
|
28166
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
28167
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28229
28168
|
}
|
|
28230
28169
|
}
|
|
28231
28170
|
|
|
28232
28171
|
@media screen and (max-width: 1200px) {
|
|
28233
28172
|
.pf-m-tree-view-grid-xl.pf-v5-c-table {
|
|
28234
28173
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
28235
|
-
--pf-v5-c-table--m-tree-view-
|
|
28236
|
-
--pf-v5-c-table--m-tree-view-
|
|
28237
|
-
--pf-v5-c-table--m-tree-view-
|
|
28238
|
-
--pf-v5-c-table--m-tree-view-
|
|
28174
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28175
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28176
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
28177
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
28239
28178
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28240
28179
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28241
28180
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
28242
28181
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28243
28182
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
28244
28183
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28245
|
-
--pf-v5-c-table--m-tree-view-
|
|
28246
|
-
--pf-v5-c-table--m-tree-view-
|
|
28247
|
-
--pf-v5-c-table--m-tree-view-
|
|
28184
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
28185
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
28186
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
28248
28187
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
28249
28188
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
28250
28189
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
28251
|
-
--pf-v5-c-
|
|
28252
|
-
--pf-v5-c-
|
|
28190
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
28191
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
28253
28192
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
28254
28193
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
28255
28194
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
28256
28195
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
28257
28196
|
}
|
|
28258
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr {
|
|
28197
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
28259
28198
|
position: relative;
|
|
28260
28199
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
28261
28200
|
border: none;
|
|
28262
28201
|
}
|
|
28263
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr::before {
|
|
28202
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
|
|
28264
28203
|
position: absolute;
|
|
28265
28204
|
top: 0;
|
|
28266
28205
|
right: 0;
|
|
28267
28206
|
bottom: 0;
|
|
28268
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
28207
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28269
28208
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
28270
28209
|
content: "";
|
|
28271
28210
|
}
|
|
28272
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:not([hidden]) {
|
|
28211
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
28273
28212
|
display: grid;
|
|
28274
28213
|
grid-template-columns: 1fr max-content;
|
|
28275
28214
|
}
|
|
28276
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
28215
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
28277
28216
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
28278
28217
|
}
|
|
28279
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
28218
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
28280
28219
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
28281
28220
|
}
|
|
28282
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28283
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
28284
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
28285
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
28221
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28222
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
28223
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
28224
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28286
28225
|
}
|
|
28287
28226
|
.pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
28288
28227
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
28289
28228
|
}
|
|
28290
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table thead th {
|
|
28229
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
28291
28230
|
display: none;
|
|
28292
28231
|
}
|
|
28293
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td {
|
|
28232
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
28294
28233
|
display: none;
|
|
28295
28234
|
}
|
|
28296
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] {
|
|
28235
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
28297
28236
|
grid-column: 1;
|
|
28298
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
28299
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
28237
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
28238
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
28300
28239
|
align-items: start;
|
|
28301
28240
|
}
|
|
28302
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] > * {
|
|
28241
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
28303
28242
|
grid-column: 2;
|
|
28304
28243
|
}
|
|
28305
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label]::before {
|
|
28244
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
28306
28245
|
font-weight: bold;
|
|
28307
28246
|
text-align: left;
|
|
28308
28247
|
content: attr(data-label);
|
|
28309
28248
|
}
|
|
28310
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
28249
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
28311
28250
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
28312
28251
|
}
|
|
28313
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
28252
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
|
|
28314
28253
|
display: grid;
|
|
28315
28254
|
}
|
|
28316
28255
|
.pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -28322,9 +28261,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28322
28261
|
}
|
|
28323
28262
|
.pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__action {
|
|
28324
28263
|
--pf-v5-c-table--cell--Width: auto;
|
|
28325
|
-
--pf-v5-c-table--m-tree-view-
|
|
28326
|
-
--pf-v5-c-table--m-tree-view-
|
|
28327
|
-
--pf-v5-c-table--m-tree-view-
|
|
28264
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
28265
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
|
|
28266
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
|
|
28328
28267
|
grid-column: 2;
|
|
28329
28268
|
grid-row: 1;
|
|
28330
28269
|
}
|
|
@@ -28341,117 +28280,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28341
28280
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
28342
28281
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
28343
28282
|
}
|
|
28344
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="2"] {
|
|
28345
|
-
--pf-v5-c-table--m-tree-view-
|
|
28283
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
28284
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28346
28285
|
}
|
|
28347
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="3"] {
|
|
28348
|
-
--pf-v5-c-table--m-tree-view-
|
|
28286
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
28287
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28349
28288
|
}
|
|
28350
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="4"] {
|
|
28351
|
-
--pf-v5-c-table--m-tree-view-
|
|
28289
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
28290
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28352
28291
|
}
|
|
28353
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="5"] {
|
|
28354
|
-
--pf-v5-c-table--m-tree-view-
|
|
28292
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
28293
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28355
28294
|
}
|
|
28356
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="6"] {
|
|
28357
|
-
--pf-v5-c-table--m-tree-view-
|
|
28295
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
28296
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28358
28297
|
}
|
|
28359
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="7"] {
|
|
28360
|
-
--pf-v5-c-table--m-tree-view-
|
|
28298
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
28299
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28361
28300
|
}
|
|
28362
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="8"] {
|
|
28363
|
-
--pf-v5-c-table--m-tree-view-
|
|
28301
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
28302
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28364
28303
|
}
|
|
28365
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="9"] {
|
|
28366
|
-
--pf-v5-c-table--m-tree-view-
|
|
28304
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
28305
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28367
28306
|
}
|
|
28368
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="10"] {
|
|
28369
|
-
--pf-v5-c-table--m-tree-view-
|
|
28307
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
28308
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28370
28309
|
}
|
|
28371
28310
|
}
|
|
28372
28311
|
|
|
28373
28312
|
@media screen and (max-width: 1450px) {
|
|
28374
28313
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table {
|
|
28375
28314
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
28376
|
-
--pf-v5-c-table--m-tree-view-
|
|
28377
|
-
--pf-v5-c-table--m-tree-view-
|
|
28378
|
-
--pf-v5-c-table--m-tree-view-
|
|
28379
|
-
--pf-v5-c-table--m-tree-view-
|
|
28315
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28316
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28317
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
28318
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
28380
28319
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28381
28320
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28382
28321
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
28383
28322
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28384
28323
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
28385
28324
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28386
|
-
--pf-v5-c-table--m-tree-view-
|
|
28387
|
-
--pf-v5-c-table--m-tree-view-
|
|
28388
|
-
--pf-v5-c-table--m-tree-view-
|
|
28325
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
28326
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
28327
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
28389
28328
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
28390
28329
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
28391
28330
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
28392
|
-
--pf-v5-c-
|
|
28393
|
-
--pf-v5-c-
|
|
28331
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
28332
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
28394
28333
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
28395
28334
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
28396
28335
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
28397
28336
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
28398
28337
|
}
|
|
28399
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr {
|
|
28338
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
28400
28339
|
position: relative;
|
|
28401
28340
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
28402
28341
|
border: none;
|
|
28403
28342
|
}
|
|
28404
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr::before {
|
|
28343
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
|
|
28405
28344
|
position: absolute;
|
|
28406
28345
|
top: 0;
|
|
28407
28346
|
right: 0;
|
|
28408
28347
|
bottom: 0;
|
|
28409
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
28348
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28410
28349
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
28411
28350
|
content: "";
|
|
28412
28351
|
}
|
|
28413
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:not([hidden]) {
|
|
28352
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
28414
28353
|
display: grid;
|
|
28415
28354
|
grid-template-columns: 1fr max-content;
|
|
28416
28355
|
}
|
|
28417
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
28356
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
28418
28357
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
28419
28358
|
}
|
|
28420
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
28359
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell ~ .pf-v5-c-table__action {
|
|
28421
28360
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
28422
28361
|
}
|
|
28423
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28424
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
28425
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
28426
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
28362
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28363
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
28364
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
28365
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28427
28366
|
}
|
|
28428
28367
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
28429
28368
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
28430
28369
|
}
|
|
28431
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table thead th {
|
|
28370
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
28432
28371
|
display: none;
|
|
28433
28372
|
}
|
|
28434
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td {
|
|
28373
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
28435
28374
|
display: none;
|
|
28436
28375
|
}
|
|
28437
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] {
|
|
28376
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
28438
28377
|
grid-column: 1;
|
|
28439
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
28440
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
28378
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
28379
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
28441
28380
|
align-items: start;
|
|
28442
28381
|
}
|
|
28443
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] > * {
|
|
28382
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
28444
28383
|
grid-column: 2;
|
|
28445
28384
|
}
|
|
28446
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label]::before {
|
|
28385
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
28447
28386
|
font-weight: bold;
|
|
28448
28387
|
text-align: left;
|
|
28449
28388
|
content: attr(data-label);
|
|
28450
28389
|
}
|
|
28451
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
28390
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
28452
28391
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
28453
28392
|
}
|
|
28454
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
28393
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] {
|
|
28455
28394
|
display: grid;
|
|
28456
28395
|
}
|
|
28457
28396
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -28463,9 +28402,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28463
28402
|
}
|
|
28464
28403
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__action {
|
|
28465
28404
|
--pf-v5-c-table--cell--Width: auto;
|
|
28466
|
-
--pf-v5-c-table--m-tree-view-
|
|
28467
|
-
--pf-v5-c-table--m-tree-view-
|
|
28468
|
-
--pf-v5-c-table--m-tree-view-
|
|
28405
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
28406
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop);
|
|
28407
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
|
|
28469
28408
|
grid-column: 2;
|
|
28470
28409
|
grid-row: 1;
|
|
28471
28410
|
}
|
|
@@ -28482,32 +28421,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28482
28421
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
28483
28422
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
28484
28423
|
}
|
|
28485
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="2"] {
|
|
28486
|
-
--pf-v5-c-table--m-tree-view-
|
|
28424
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
28425
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28487
28426
|
}
|
|
28488
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="3"] {
|
|
28489
|
-
--pf-v5-c-table--m-tree-view-
|
|
28427
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
28428
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28490
28429
|
}
|
|
28491
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="4"] {
|
|
28492
|
-
--pf-v5-c-table--m-tree-view-
|
|
28430
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
28431
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28493
28432
|
}
|
|
28494
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="5"] {
|
|
28495
|
-
--pf-v5-c-table--m-tree-view-
|
|
28433
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
28434
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28496
28435
|
}
|
|
28497
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="6"] {
|
|
28498
|
-
--pf-v5-c-table--m-tree-view-
|
|
28436
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
28437
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28499
28438
|
}
|
|
28500
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="7"] {
|
|
28501
|
-
--pf-v5-c-table--m-tree-view-
|
|
28439
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
28440
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28502
28441
|
}
|
|
28503
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="8"] {
|
|
28504
|
-
--pf-v5-c-table--m-tree-view-
|
|
28442
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
28443
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28505
28444
|
}
|
|
28506
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="9"] {
|
|
28507
|
-
--pf-v5-c-table--m-tree-view-
|
|
28445
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
28446
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28508
28447
|
}
|
|
28509
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="10"] {
|
|
28510
|
-
--pf-v5-c-table--m-tree-view-
|
|
28448
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
28449
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v5-c-table__tree-view-main--indent--base));
|
|
28511
28450
|
}
|
|
28512
28451
|
}
|
|
28513
28452
|
|
|
@@ -30047,7 +29986,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30047
29986
|
--pf-v5-c-number-input--c-form-control--width-icon: var(--pf-v5-c-number-input--m-status--c-form-control--width-icon);
|
|
30048
29987
|
}
|
|
30049
29988
|
.pf-v5-c-number-input .pf-v5-c-form-control {
|
|
30050
|
-
display: inline-flex;
|
|
30051
29989
|
width: var(--pf-v5-c-number-input--c-form-control--Width);
|
|
30052
29990
|
text-align: right;
|
|
30053
29991
|
}
|