@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
|
@@ -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
|
}
|
|
@@ -14702,9 +14702,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
14702
14702
|
}
|
|
14703
14703
|
|
|
14704
14704
|
.pf-v5-c-form-control {
|
|
14705
|
+
--pf-v5-c-form-control--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
14705
14706
|
--pf-v5-c-form-control--Color: var(--pf-v5-global--Color--100);
|
|
14706
14707
|
--pf-v5-c-form-control--FontSize: var(--pf-v5-global--FontSize--md);
|
|
14707
14708
|
--pf-v5-c-form-control--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
14709
|
+
--pf-v5-c-form-control--Resize: none;
|
|
14708
14710
|
--pf-v5-c-form-control--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
14709
14711
|
--pf-v5-c-form-control--BorderTopColor: var(--pf-v5-global--BorderColor--300);
|
|
14710
14712
|
--pf-v5-c-form-control--BorderRightColor: var(--pf-v5-global--BorderColor--300);
|
|
@@ -14712,7 +14714,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
14712
14714
|
--pf-v5-c-form-control--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
|
|
14713
14715
|
--pf-v5-c-form-control--BorderRadius: 0;
|
|
14714
14716
|
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
14715
|
-
--pf-v5-c-form-control--Width:
|
|
14717
|
+
--pf-v5-c-form-control--Width: auto;
|
|
14716
14718
|
--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));
|
|
14717
14719
|
--pf-v5-c-form-control--inset--base: var(--pf-v5-global--spacer--sm);
|
|
14718
14720
|
--pf-v5-c-form-control--PaddingTop: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
|
|
@@ -14726,134 +14728,101 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
14726
14728
|
--pf-v5-c-form-control--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14727
14729
|
--pf-v5-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
|
|
14728
14730
|
--pf-v5-c-form-control--m-expanded--BorderBottomColor: var(--pf-v5-global--primary-color--100);
|
|
14729
|
-
--pf-v5-c-form-control--placeholder--Color: var(--pf-v5-global--Color--dark-200);
|
|
14730
|
-
--pf-v5-c-form-control--placeholder--child--Color: var(--pf-v5-global--Color--100);
|
|
14731
|
-
--pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
14732
|
-
--pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
14733
|
-
--pf-v5-c-form-control--disabled--BorderColor: transparent;
|
|
14734
|
-
--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
14735
|
-
--pf-v5-c-form-control--readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
14736
|
-
--pf-v5-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
|
|
14737
|
-
--pf-v5-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
14738
|
-
--pf-v5-c-form-control--readonly--focus--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
14739
|
-
--pf-v5-c-form-control--readonly--m-plain--BackgroundColor: transparent;
|
|
14740
|
-
--pf-v5-c-form-control--readonly--m-plain--inset--base: 0;
|
|
14741
|
-
--pf-v5-c-form-control--success--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14742
|
-
--pf-v5-c-form-control--success--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--success--BorderBottomWidth));
|
|
14743
|
-
--pf-v5-c-form-control--success--BorderBottomColor: var(--pf-v5-global--success-color--100);
|
|
14744
|
-
--pf-v5-c-form-control--success--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14745
|
-
--pf-v5-c-form-control--success--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--PaddingLeft));
|
|
14746
|
-
--pf-v5-c-form-control--success--BackgroundPositionY: center;
|
|
14747
|
-
--pf-v5-c-form-control--success--BackgroundPosition: var(--pf-v5-c-form-control--success--BackgroundPositionX) var(--pf-v5-c-form-control--success--BackgroundPositionY);
|
|
14748
|
-
--pf-v5-c-form-control--success--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
|
|
14749
|
-
--pf-v5-c-form-control--success--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
|
|
14750
|
-
--pf-v5-c-form-control--success--BackgroundSize: var(--pf-v5-c-form-control--success--BackgroundSizeX) var(--pf-v5-c-form-control--success--BackgroundSizeY);
|
|
14751
|
-
--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");
|
|
14731
|
+
--pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-global--Color--dark-200);
|
|
14732
|
+
--pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-v5-global--Color--100);
|
|
14733
|
+
--pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
14734
|
+
--pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
14735
|
+
--pf-v5-c-form-control--m-disabled--BorderColor: transparent;
|
|
14736
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
14737
|
+
--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
14738
|
+
--pf-v5-c-form-control--m-readonly--focus--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
|
|
14739
|
+
--pf-v5-c-form-control--m-readonly--focus--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
14740
|
+
--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
14741
|
+
--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
14742
|
+
--pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
14743
|
+
--pf-v5-c-form-control--m-success--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14744
|
+
--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));
|
|
14745
|
+
--pf-v5-c-form-control--m-success--BorderBottomColor: var(--pf-v5-global--success-color--100);
|
|
14746
|
+
--pf-v5-c-form-control--m-success--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14752
14747
|
--pf-v5-c-form-control--m-warning--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14753
14748
|
--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));
|
|
14754
14749
|
--pf-v5-c-form-control--m-warning--BorderBottomColor: var(--pf-v5-global--warning-color--100);
|
|
14755
14750
|
--pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14756
|
-
--pf-v5-c-form-control--m-
|
|
14757
|
-
--pf-v5-c-form-control--m-
|
|
14758
|
-
--pf-v5-c-form-control--m-
|
|
14759
|
-
--pf-v5-c-form-control--m-
|
|
14760
|
-
--pf-v5-c-form-control--m-
|
|
14761
|
-
--pf-v5-c-form-control--m-
|
|
14762
|
-
--pf-v5-c-form-control--m-
|
|
14763
|
-
--pf-v5-c-form-control--invalid--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14764
|
-
--pf-v5-c-form-control--invalid--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--invalid--BorderBottomWidth));
|
|
14765
|
-
--pf-v5-c-form-control--invalid--BorderBottomColor: var(--pf-v5-global--danger-color--100);
|
|
14766
|
-
--pf-v5-c-form-control--invalid--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14767
|
-
--pf-v5-c-form-control--invalid--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--PaddingLeft));
|
|
14768
|
-
--pf-v5-c-form-control--invalid--BackgroundPositionY: center;
|
|
14769
|
-
--pf-v5-c-form-control--invalid--BackgroundPosition: var(--pf-v5-c-form-control--invalid--BackgroundPositionX) var(--pf-v5-c-form-control--invalid--BackgroundPositionY);
|
|
14770
|
-
--pf-v5-c-form-control--invalid--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
|
|
14771
|
-
--pf-v5-c-form-control--invalid--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
|
|
14772
|
-
--pf-v5-c-form-control--invalid--BackgroundSize: var(--pf-v5-c-form-control--invalid--BackgroundSizeX) var(--pf-v5-c-form-control--invalid--BackgroundSizeY);
|
|
14773
|
-
--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");
|
|
14774
|
-
--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;
|
|
14775
|
-
--pf-v5-c-form-control--invalid--Background: var(--pf-v5-c-form-control--BackgroundColor) var(--pf-v5-c-form-control--invalid--exclamation--Background);
|
|
14776
|
-
--pf-v5-c-form-control--m-search--PaddingLeft: var(--pf-v5-global--spacer--xl);
|
|
14777
|
-
--pf-v5-c-form-control--m-search--BackgroundPosition: var(--pf-v5-c-form-control--PaddingRight);
|
|
14778
|
-
--pf-v5-c-form-control--m-search--BackgroundSize: var(--pf-v5-c-form-control--FontSize) var(--pf-v5-c-form-control--FontSize);
|
|
14779
|
-
--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");
|
|
14780
|
-
--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));
|
|
14781
|
-
--pf-v5-c-form-control--m-icon--BackgroundUrl: none;
|
|
14782
|
-
--pf-v5-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--inset--base));
|
|
14783
|
-
--pf-v5-c-form-control--m-icon--BackgroundPositionY: center;
|
|
14784
|
-
--pf-v5-c-form-control--m-icon--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
|
|
14785
|
-
--pf-v5-c-form-control--m-icon--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
|
|
14751
|
+
--pf-v5-c-form-control--m-error--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
14752
|
+
--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));
|
|
14753
|
+
--pf-v5-c-form-control--m-error--BorderBottomColor: var(--pf-v5-global--danger-color--100);
|
|
14754
|
+
--pf-v5-c-form-control--m-error--PaddingRight: var(--pf-v5-global--spacer--xl);
|
|
14755
|
+
--pf-v5-c-form-control--m-error--IconWidth: var(--pf-v5-c-form-control--FontSize);
|
|
14756
|
+
--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));
|
|
14757
|
+
--pf-v5-c-form-control--m-icon--IconWidth: var(--pf-v5-c-form-control--FontSize);
|
|
14786
14758
|
--pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-v5-global--spacer--sm);
|
|
14787
|
-
--pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--
|
|
14788
|
-
--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));
|
|
14789
|
-
--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);
|
|
14790
|
-
--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);
|
|
14791
|
-
--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);
|
|
14792
|
-
--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);
|
|
14793
|
-
--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);
|
|
14794
|
-
--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);
|
|
14795
|
-
--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);
|
|
14796
|
-
--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);
|
|
14797
|
-
--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);
|
|
14798
|
-
--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");
|
|
14799
|
-
--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");
|
|
14759
|
+
--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));
|
|
14800
14760
|
--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));
|
|
14801
14761
|
--pf-v5-c-form-control__select--PaddingLeft: calc(var(--pf-v5-global--spacer--sm) - var(--pf-v5-c-form-control--BorderWidth));
|
|
14802
|
-
--pf-v5-c-form-control__select--
|
|
14803
|
-
--pf-v5-c-form-control__select--
|
|
14804
|
-
--pf-v5-c-form-control__select--
|
|
14805
|
-
--pf-v5-c-form-control__select--BackgroundPositionY: center;
|
|
14806
|
-
--pf-v5-c-form-control__select--BackgroundPosition: var(--pf-v5-c-form-control__select--BackgroundPositionX) var(--pf-v5-c-form-control__select--BackgroundPositionY);
|
|
14807
|
-
--pf-v5-c-form-control__select--success--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14808
|
-
--pf-v5-c-form-control__select--success--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-v5-global--spacer--lg));
|
|
14809
|
-
--pf-v5-c-form-control__select--m-warning--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14810
|
-
--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);
|
|
14811
|
-
--pf-v5-c-form-control__select--invalid--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14812
|
-
--pf-v5-c-form-control__select--invalid--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-v5-global--spacer--lg));
|
|
14762
|
+
--pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14763
|
+
--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14764
|
+
--pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
|
|
14813
14765
|
--pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
|
|
14814
14766
|
--pf-v5-c-form-control--textarea--Height: auto;
|
|
14815
|
-
--pf-v5-c-form-
|
|
14816
|
-
--pf-v5-c-form-
|
|
14817
|
-
--pf-v5-c-form-control--
|
|
14818
|
-
--pf-v5-c-form-control--m-
|
|
14819
|
-
--pf-v5-c-form-control--m-
|
|
14820
|
-
--pf-v5-c-form-
|
|
14821
|
-
--pf-v5-c-form-
|
|
14822
|
-
--pf-v5-c-form-
|
|
14767
|
+
--pf-v5-c-form-control__icon--Color: var(--pf-v5-global--icon--Color--light);
|
|
14768
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-global--icon--Color--light);
|
|
14769
|
+
--pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-v5-global--success-color--100);
|
|
14770
|
+
--pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-v5-global--warning-color--100);
|
|
14771
|
+
--pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-v5-global--danger-color--100);
|
|
14772
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - (2 * var(--pf-v5-c-form-control--BorderWidth)));
|
|
14773
|
+
--pf-v5-c-form-control__utilities--Gap: var(--pf-v5-global--spacer--sm);
|
|
14774
|
+
--pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
|
|
14775
|
+
--pf-v5-c-form-control__utilities--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
14776
|
+
--pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
|
|
14777
|
+
--pf-v5-c-form-control__toggle-icon--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
|
|
14778
|
+
--pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - (2 * var(--pf-v5-c-form-control--BorderWidth)));
|
|
14779
|
+
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-global--Color--100);
|
|
14780
|
+
--pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
14823
14781
|
color: var(--pf-v5-c-form-control--Color);
|
|
14782
|
+
position: relative;
|
|
14783
|
+
display: grid;
|
|
14784
|
+
grid-template-columns: 1fr auto;
|
|
14785
|
+
column-gap: var(--pf-v5-c-form-control--ColumnGap);
|
|
14786
|
+
align-items: start;
|
|
14824
14787
|
width: var(--pf-v5-c-form-control--Width);
|
|
14825
|
-
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);
|
|
14826
14788
|
font-size: var(--pf-v5-c-form-control--FontSize);
|
|
14827
14789
|
line-height: var(--pf-v5-c-form-control--LineHeight);
|
|
14790
|
+
resize: var(--pf-v5-c-form-control--Resize);
|
|
14828
14791
|
background-color: var(--pf-v5-c-form-control--BackgroundColor);
|
|
14829
|
-
background-repeat: no-repeat;
|
|
14830
14792
|
border: var(--pf-v5-c-form-control--BorderWidth) solid;
|
|
14831
14793
|
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);
|
|
14832
14794
|
border-radius: var(--pf-v5-c-form-control--BorderRadius);
|
|
14795
|
+
}
|
|
14796
|
+
.pf-v5-c-form-control > :is(input, select, textarea) {
|
|
14797
|
+
grid-row: 1/2;
|
|
14798
|
+
grid-column: 1/-1;
|
|
14799
|
+
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);
|
|
14800
|
+
color: var(--pf-v5-c-form-control--Color);
|
|
14801
|
+
background-color: transparent;
|
|
14802
|
+
border: none;
|
|
14833
14803
|
-moz-appearance: none;
|
|
14834
14804
|
-webkit-appearance: none;
|
|
14835
14805
|
}
|
|
14836
|
-
.pf-v5-c-form-control::placeholder {
|
|
14837
|
-
color: var(--pf-v5-c-form-control--placeholder--Color);
|
|
14806
|
+
.pf-v5-c-form-control > ::placeholder {
|
|
14807
|
+
color: var(--pf-v5-c-form-control--m-placeholder--Color);
|
|
14838
14808
|
}
|
|
14839
|
-
.pf-v5-c-form-control:
|
|
14840
|
-
height: var(--pf-v5-c-form-control--Height);
|
|
14809
|
+
.pf-v5-c-form-control > :is(input, select) {
|
|
14841
14810
|
text-overflow: ellipsis;
|
|
14842
14811
|
}
|
|
14843
|
-
.pf-v5-c-form-control
|
|
14844
|
-
|
|
14812
|
+
.pf-v5-c-form-control.pf-m-readonly {
|
|
14813
|
+
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
|
|
14845
14814
|
}
|
|
14846
|
-
.pf-v5-c-form-control
|
|
14847
|
-
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--readonly--hover--BorderBottomColor);
|
|
14815
|
+
.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error):hover {
|
|
14816
|
+
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor);
|
|
14848
14817
|
}
|
|
14849
|
-
.pf-v5-c-form-control
|
|
14850
|
-
--pf-v5-c-form-control--focus--PaddingBottom: var(--pf-v5-c-form-control--readonly--focus--PaddingBottom);
|
|
14851
|
-
--pf-v5-c-form-control--focus--BorderBottomWidth: var(--pf-v5-c-form-control--readonly--focus--BorderBottomWidth);
|
|
14852
|
-
--pf-v5-c-form-control--focus--BorderBottomColor: var(--pf-v5-c-form-control--readonly--focus--BorderBottomColor);
|
|
14818
|
+
.pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error):focus {
|
|
14819
|
+
--pf-v5-c-form-control--focus--PaddingBottom: var(--pf-v5-c-form-control--m-readonly--focus--PaddingBottom);
|
|
14820
|
+
--pf-v5-c-form-control--focus--BorderBottomWidth: var(--pf-v5-c-form-control--m-readonly--focus--BorderBottomWidth);
|
|
14821
|
+
--pf-v5-c-form-control--focus--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor);
|
|
14853
14822
|
}
|
|
14854
|
-
.pf-v5-c-form-control
|
|
14855
|
-
--pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-c-form-control--readonly--m-plain--BackgroundColor);
|
|
14856
|
-
--pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--readonly--m-plain--inset--base);
|
|
14823
|
+
.pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
|
|
14824
|
+
--pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
14825
|
+
--pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--m-readonly--m-plain--inset--base);
|
|
14857
14826
|
border-color: transparent;
|
|
14858
14827
|
}
|
|
14859
14828
|
.pf-v5-c-form-control:hover {
|
|
@@ -14861,154 +14830,136 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
14861
14830
|
}
|
|
14862
14831
|
.pf-v5-c-form-control:focus {
|
|
14863
14832
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--focus--BorderBottomColor);
|
|
14864
|
-
|
|
14833
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
|
|
14834
|
+
--pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
|
|
14835
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--focus--PaddingBottom);
|
|
14865
14836
|
border-bottom-width: var(--pf-v5-c-form-control--focus--BorderBottomWidth);
|
|
14866
14837
|
}
|
|
14867
14838
|
.pf-v5-c-form-control.pf-m-expanded {
|
|
14868
14839
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-expanded--BorderBottomColor);
|
|
14869
|
-
|
|
14840
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-expanded--BorderBottomWidth));
|
|
14841
|
+
--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));
|
|
14842
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-expanded--PaddingBottom);
|
|
14870
14843
|
border-bottom-width: var(--pf-v5-c-form-control--m-expanded--BorderBottomWidth);
|
|
14871
14844
|
}
|
|
14872
|
-
.pf-v5-c-form-control
|
|
14873
|
-
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--disabled--BackgroundColor);
|
|
14874
|
-
|
|
14845
|
+
.pf-v5-c-form-control.pf-m-disabled {
|
|
14846
|
+
--pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
|
|
14847
|
+
--pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
|
|
14848
|
+
--pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
|
|
14875
14849
|
cursor: not-allowed;
|
|
14876
|
-
border-color: var(--pf-v5-c-form-control--disabled--BorderColor);
|
|
14877
|
-
}
|
|
14878
|
-
.pf-v5-c-form-control
|
|
14879
|
-
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--
|
|
14880
|
-
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--
|
|
14881
|
-
|
|
14882
|
-
|
|
14883
|
-
|
|
14884
|
-
|
|
14885
|
-
|
|
14886
|
-
|
|
14887
|
-
|
|
14850
|
+
border-color: var(--pf-v5-c-form-control--m-disabled--BorderColor);
|
|
14851
|
+
}
|
|
14852
|
+
.pf-v5-c-form-control.pf-m-error {
|
|
14853
|
+
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
|
|
14854
|
+
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-error--BorderBottomColor);
|
|
14855
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
|
|
14856
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-error--BorderBottomWidth));
|
|
14857
|
+
--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));
|
|
14858
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-error--PaddingBottom);
|
|
14859
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight);
|
|
14860
|
+
border-bottom-width: var(--pf-v5-c-form-control--m-error--BorderBottomWidth);
|
|
14861
|
+
}
|
|
14862
|
+
.pf-v5-c-form-control.pf-m-error.pf-m-icon {
|
|
14888
14863
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
14889
|
-
background-image: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundUrl);
|
|
14890
|
-
background-position: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundPosition);
|
|
14891
|
-
background-size: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundSize);
|
|
14892
14864
|
}
|
|
14893
14865
|
.pf-v5-c-form-control.pf-m-success {
|
|
14894
|
-
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--success--PaddingRight);
|
|
14895
|
-
--pf-v5-c-form-control--
|
|
14896
|
-
|
|
14897
|
-
|
|
14898
|
-
|
|
14899
|
-
|
|
14900
|
-
|
|
14866
|
+
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
|
|
14867
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-success--PaddingBottom);
|
|
14868
|
+
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-success--BorderBottomColor);
|
|
14869
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
|
|
14870
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-success--BorderBottomWidth));
|
|
14871
|
+
--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));
|
|
14872
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight);
|
|
14873
|
+
border-bottom-width: var(--pf-v5-c-form-control--m-success--BorderBottomWidth);
|
|
14901
14874
|
}
|
|
14902
14875
|
.pf-v5-c-form-control.pf-m-success.pf-m-icon {
|
|
14903
14876
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
14904
|
-
background-image: var(--pf-v5-c-form-control--m-icon--success--BackgroundUrl);
|
|
14905
|
-
background-position: var(--pf-v5-c-form-control--m-icon--success--BackgroundPosition);
|
|
14906
|
-
background-size: var(--pf-v5-c-form-control--m-icon--success--BackgroundSize);
|
|
14907
14877
|
}
|
|
14908
14878
|
.pf-v5-c-form-control.pf-m-warning {
|
|
14909
14879
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
|
|
14880
|
+
--pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-warning--PaddingBottom);
|
|
14910
14881
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-warning--BorderBottomColor);
|
|
14911
|
-
|
|
14912
|
-
|
|
14913
|
-
|
|
14914
|
-
|
|
14882
|
+
--pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
|
|
14883
|
+
--pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-warning--BorderBottomWidth));
|
|
14884
|
+
--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));
|
|
14885
|
+
--pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight);
|
|
14915
14886
|
border-bottom-width: var(--pf-v5-c-form-control--m-warning--BorderBottomWidth);
|
|
14916
14887
|
}
|
|
14917
14888
|
.pf-v5-c-form-control.pf-m-warning.pf-m-icon {
|
|
14918
14889
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
|
|
14919
|
-
background-image: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundUrl);
|
|
14920
|
-
background-position: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundPosition);
|
|
14921
|
-
background-size: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundSize);
|
|
14922
|
-
}
|
|
14923
|
-
.pf-v5-c-form-control.pf-m-search {
|
|
14924
|
-
--pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--m-search--PaddingLeft);
|
|
14925
|
-
background-image: var(--pf-v5-c-form-control--m-search--BackgroundUrl);
|
|
14926
|
-
background-position: var(--pf-v5-c-form-control--m-search--BackgroundPosition);
|
|
14927
|
-
background-size: var(--pf-v5-c-form-control--m-search--BackgroundSize);
|
|
14928
14890
|
}
|
|
14929
14891
|
.pf-v5-c-form-control.pf-m-icon {
|
|
14930
14892
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--PaddingRight);
|
|
14931
|
-
|
|
14932
|
-
|
|
14933
|
-
background-size: var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
|
|
14934
|
-
}
|
|
14935
|
-
.pf-v5-c-form-control.pf-m-icon.pf-m-calendar {
|
|
14936
|
-
--pf-v5-c-form-control--m-icon--BackgroundUrl: var(--pf-v5-c-form-control--m-calendar--BackgroundUrl);
|
|
14937
|
-
}
|
|
14938
|
-
.pf-v5-c-form-control.pf-m-icon.pf-m-clock {
|
|
14939
|
-
--pf-v5-c-form-control--m-icon--BackgroundUrl: var(--pf-v5-c-form-control--m-clock--BackgroundUrl);
|
|
14940
|
-
}
|
|
14941
|
-
.pf-v5-c-form-control.pf-m-icon-sprite {
|
|
14942
|
-
--pf-v5-c-form-control--success--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl);
|
|
14943
|
-
--pf-v5-c-form-control--m-warning--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
|
|
14944
|
-
--pf-v5-c-form-control--invalid--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
|
|
14945
|
-
--pf-v5-c-form-control__select--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl);
|
|
14946
|
-
--pf-v5-c-form-control--m-search--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
|
|
14947
|
-
--pf-v5-c-form-control--m-calendar--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
|
|
14948
|
-
--pf-v5-c-form-control--m-clock--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
|
|
14949
|
-
--pf-v5-c-form-control__select--BackgroundSize: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize);
|
|
14950
|
-
--pf-v5-c-form-control__select--BackgroundPositionX: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX);
|
|
14951
|
-
--pf-v5-c-form-control__select--success--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
|
|
14952
|
-
--pf-v5-c-form-control__select--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
|
|
14953
|
-
--pf-v5-c-form-control__select--invalid--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
|
|
14954
|
-
}
|
|
14955
|
-
select.pf-v5-c-form-control {
|
|
14893
|
+
}
|
|
14894
|
+
.pf-v5-c-form-control > select {
|
|
14956
14895
|
--pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
|
|
14957
14896
|
--pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
|
|
14958
|
-
background-image: var(--pf-v5-c-form-control__select--BackgroundUrl);
|
|
14959
|
-
background-position: var(--pf-v5-c-form-control__select--BackgroundPosition);
|
|
14960
|
-
background-size: var(--pf-v5-c-form-control__select--BackgroundSize);
|
|
14961
14897
|
}
|
|
14962
14898
|
@-moz-document url-prefix() {
|
|
14963
|
-
|
|
14899
|
+
.pf-v5-c-form-control > select {
|
|
14964
14900
|
--pf-v5-c-form-control--PaddingRight: calc(var(--pf-v5-c-form-control__select--PaddingRight) - 1px);
|
|
14965
14901
|
--pf-v5-c-form-control--PaddingLeft: calc(var(--pf-v5-c-form-control__select--PaddingLeft) - 4px);
|
|
14966
14902
|
}
|
|
14967
14903
|
}
|
|
14968
|
-
|
|
14969
|
-
--pf-v5-c-form-control--
|
|
14970
|
-
--pf-v5-c-form-control--invalid--BackgroundPosition: var(--pf-v5-c-form-control__select--invalid--BackgroundPosition);
|
|
14971
|
-
background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--invalid--BackgroundUrl);
|
|
14972
|
-
background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control--invalid--BackgroundPosition);
|
|
14973
|
-
background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--invalid--BackgroundSize);
|
|
14904
|
+
.pf-v5-c-form-control.pf-m-placeholder > select {
|
|
14905
|
+
--pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
|
|
14974
14906
|
}
|
|
14975
|
-
|
|
14976
|
-
--pf-v5-c-form-control--
|
|
14977
|
-
--pf-v5-c-form-control--success--BackgroundPosition: var(--pf-v5-c-form-control__select--success--BackgroundPosition);
|
|
14978
|
-
background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--success--BackgroundUrl);
|
|
14979
|
-
background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control--success--BackgroundPosition);
|
|
14980
|
-
background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--success--BackgroundSize);
|
|
14907
|
+
.pf-v5-c-form-control.pf-m-placeholder > select > * {
|
|
14908
|
+
--pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
|
|
14981
14909
|
}
|
|
14982
|
-
|
|
14983
|
-
|
|
14984
|
-
background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--m-warning--BackgroundUrl);
|
|
14985
|
-
background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control__select--m-warning--BackgroundPosition);
|
|
14986
|
-
background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--m-warning--BackgroundSize);
|
|
14910
|
+
.pf-v5-c-form-control.pf-m-placeholder > select > *:disabled {
|
|
14911
|
+
color: revert;
|
|
14987
14912
|
}
|
|
14988
|
-
|
|
14989
|
-
|
|
14913
|
+
.pf-v5-c-form-control > textarea {
|
|
14914
|
+
width: 100%;
|
|
14915
|
+
height: 100%;
|
|
14916
|
+
vertical-align: bottom;
|
|
14917
|
+
resize: none;
|
|
14990
14918
|
}
|
|
14991
|
-
|
|
14992
|
-
|
|
14919
|
+
.pf-v5-c-form-control.pf-m-resize-vertical {
|
|
14920
|
+
--pf-v5-c-form-control--Resize: vertical;
|
|
14921
|
+
overflow: auto;
|
|
14993
14922
|
}
|
|
14994
|
-
|
|
14995
|
-
|
|
14923
|
+
.pf-v5-c-form-control.pf-m-resize-horizontal {
|
|
14924
|
+
--pf-v5-c-form-control--Resize: horizontal;
|
|
14925
|
+
overflow: auto;
|
|
14926
|
+
}
|
|
14927
|
+
.pf-v5-c-form-control.pf-m-resize-both {
|
|
14928
|
+
--pf-v5-c-form-control--Resize: both;
|
|
14929
|
+
overflow: auto;
|
|
14996
14930
|
}
|
|
14997
14931
|
|
|
14998
|
-
|
|
14999
|
-
|
|
15000
|
-
|
|
15001
|
-
|
|
15002
|
-
|
|
15003
|
-
|
|
15004
|
-
|
|
14932
|
+
.pf-v5-c-form-control__icon {
|
|
14933
|
+
display: flex;
|
|
14934
|
+
align-items: center;
|
|
14935
|
+
height: var(--pf-v5-c-form-control__icon--Height);
|
|
14936
|
+
color: var(--pf-v5-c-form-control__icon--Color);
|
|
14937
|
+
}
|
|
14938
|
+
.pf-v5-c-form-control__icon.pf-m-status {
|
|
14939
|
+
--pf-v5-c-form-control__icon--Color: var(--pf-v5-c-form-control__icon--m-status--Color);
|
|
15005
14940
|
}
|
|
15006
14941
|
|
|
15007
|
-
.pf-v5-c-form-
|
|
15008
|
-
|
|
14942
|
+
.pf-v5-c-form-control__toggle-icon {
|
|
14943
|
+
display: flex;
|
|
14944
|
+
grid-row: 1/2;
|
|
14945
|
+
grid-column: 3;
|
|
14946
|
+
align-items: center;
|
|
14947
|
+
height: var(--pf-v5-c-form-control__toggle-icon--Height);
|
|
14948
|
+
padding-right: var(--pf-v5-c-form-control__toggle-icon--PaddingRight);
|
|
14949
|
+
padding-left: var(--pf-v5-c-form-control__toggle-icon--PaddingLeft);
|
|
14950
|
+
color: var(--pf-v5-c-form-control__toggle-icon--Color);
|
|
14951
|
+
pointer-events: none;
|
|
15009
14952
|
}
|
|
15010
|
-
|
|
15011
|
-
|
|
14953
|
+
|
|
14954
|
+
.pf-v5-c-form-control__utilities {
|
|
14955
|
+
display: flex;
|
|
14956
|
+
flex-wrap: nowrap;
|
|
14957
|
+
grid-row: 1/2;
|
|
14958
|
+
grid-column: 2;
|
|
14959
|
+
gap: var(--pf-v5-c-form-control__utilities--Gap);
|
|
14960
|
+
align-items: flex-start;
|
|
14961
|
+
padding-right: var(--pf-v5-c-form-control__utilities--PaddingRight);
|
|
14962
|
+
pointer-events: none;
|
|
15012
14963
|
}
|
|
15013
14964
|
|
|
15014
14965
|
: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,
|
|
@@ -15025,7 +14976,6 @@ textarea.pf-v5-c-form-control {
|
|
|
15025
14976
|
}
|
|
15026
14977
|
|
|
15027
14978
|
:where(.pf-v5-theme-dark) .pf-v5-c-form-control {
|
|
15028
|
-
--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");
|
|
15029
14979
|
--pf-v5-c-form-control--BorderTopColor: transparent;
|
|
15030
14980
|
--pf-v5-c-form-control--BorderRightColor: transparent;
|
|
15031
14981
|
--pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
@@ -15039,7 +14989,7 @@ textarea.pf-v5-c-form-control {
|
|
|
15039
14989
|
:where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
|
|
15040
14990
|
filter: invert(1);
|
|
15041
14991
|
}
|
|
15042
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-form-control
|
|
14992
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
|
|
15043
14993
|
border-bottom-color: var(--pf-v5-global--palette--black-700);
|
|
15044
14994
|
}
|
|
15045
14995
|
|
|
@@ -24877,30 +24827,30 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
24877
24827
|
|
|
24878
24828
|
.pf-v5-c-table[class*=pf-m-grid] {
|
|
24879
24829
|
--pf-v5-c-table--responsive--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
24880
|
-
--pf-v5-c-
|
|
24881
|
-
--pf-v5-c-
|
|
24882
|
-
--pf-v5-c-
|
|
24883
|
-
--pf-v5-c-
|
|
24884
|
-
--pf-v5-c-
|
|
24885
|
-
--pf-v5-c-
|
|
24886
|
-
--pf-v5-c-
|
|
24887
|
-
--pf-v5-c-
|
|
24888
|
-
--pf-v5-c-
|
|
24889
|
-
--pf-v5-c-
|
|
24890
|
-
--pf-v5-c-
|
|
24891
|
-
--pf-v5-c-
|
|
24892
|
-
--pf-v5-c-
|
|
24893
|
-
--pf-v5-c-
|
|
24894
|
-
--pf-v5-c-
|
|
24895
|
-
--pf-v5-c-
|
|
24896
|
-
--pf-v5-c-
|
|
24897
|
-
--pf-v5-c-
|
|
24898
|
-
--pf-v5-c-
|
|
24899
|
-
--pf-v5-c-
|
|
24900
|
-
--pf-v5-c-
|
|
24901
|
-
--pf-v5-c-
|
|
24902
|
-
--pf-v5-c-
|
|
24903
|
-
--pf-v5-c-
|
|
24830
|
+
--pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
|
|
24831
|
+
--pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
|
|
24832
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
24833
|
+
--pf-v5-c-table__tbody--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
24834
|
+
--pf-v5-c-table__tr--responsive--border-width--base: var(--pf-v5-global--spacer--sm);
|
|
24835
|
+
--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
24836
|
+
--pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
|
|
24837
|
+
--pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
24838
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
24839
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
24840
|
+
--pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
24841
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
24842
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
24843
|
+
--pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
24844
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
24845
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
24846
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
24847
|
+
--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
24848
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
|
|
24849
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
|
|
24850
|
+
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
24851
|
+
--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
|
|
24852
|
+
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
24853
|
+
--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--100);
|
|
24904
24854
|
--pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
|
|
24905
24855
|
--pf-v5-c-table--m-grid--cell--PaddingTop: 0;
|
|
24906
24856
|
--pf-v5-c-table--m-grid--cell--PaddingRight: 0;
|
|
@@ -24912,10 +24862,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
24912
24862
|
--pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
24913
24863
|
--pf-v5-c-table--cell--responsive--PaddingRight: 0;
|
|
24914
24864
|
--pf-v5-c-table--cell--responsive--PaddingLeft: 0;
|
|
24915
|
-
--pf-v5-c-table--m-
|
|
24916
|
-
--pf-v5-c-table--m-
|
|
24917
|
-
--pf-v5-c-table--m-
|
|
24918
|
-
--pf-v5-c-table--m-
|
|
24865
|
+
--pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
24866
|
+
--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
24867
|
+
--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
24868
|
+
--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
24919
24869
|
--pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
24920
24870
|
--pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
24921
24871
|
--pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
|
|
@@ -24937,8 +24887,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
24937
24887
|
}
|
|
24938
24888
|
@media screen and (max-width: 1200px) {
|
|
24939
24889
|
.pf-v5-c-table[class*=pf-m-grid] {
|
|
24940
|
-
--pf-v5-c-
|
|
24941
|
-
--pf-v5-c-
|
|
24890
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
|
|
24891
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
|
|
24942
24892
|
}
|
|
24943
24893
|
}
|
|
24944
24894
|
@media screen and (max-width: 1200px) {
|
|
@@ -24960,7 +24910,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
24960
24910
|
display: grid;
|
|
24961
24911
|
border: none;
|
|
24962
24912
|
}
|
|
24963
|
-
.pf-m-grid.pf-v5-c-table tr > * {
|
|
24913
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
24964
24914
|
width: auto;
|
|
24965
24915
|
min-width: 0;
|
|
24966
24916
|
max-width: none;
|
|
@@ -24977,57 +24927,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
24977
24927
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
24978
24928
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
24979
24929
|
}
|
|
24980
|
-
.pf-m-grid.pf-v5-c-table thead {
|
|
24930
|
+
.pf-m-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
24981
24931
|
display: none;
|
|
24982
24932
|
}
|
|
24983
|
-
.pf-m-grid.pf-v5-c-table tbody {
|
|
24933
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
24984
24934
|
display: block;
|
|
24985
24935
|
}
|
|
24986
|
-
.pf-m-grid.pf-v5-c-table tbody:first-of-type {
|
|
24987
|
-
border-top: var(--pf-v5-c-
|
|
24936
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
24937
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
24988
24938
|
}
|
|
24989
|
-
.pf-m-grid.pf-v5-c-table table.pf-m-compact > tbody {
|
|
24939
|
+
.pf-m-grid.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
24990
24940
|
border-top: 0;
|
|
24991
24941
|
}
|
|
24992
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
24993
|
-
border-bottom: var(--pf-v5-c-
|
|
24942
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
24943
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
24994
24944
|
}
|
|
24995
|
-
.pf-m-grid.pf-v5-c-table tr:last-child,
|
|
24996
|
-
.pf-m-grid.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
24997
|
-
border-bottom-width: var(--pf-v5-c-
|
|
24945
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
24946
|
+
.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) {
|
|
24947
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
24998
24948
|
}
|
|
24999
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
|
|
24949
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25000
24950
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
25001
24951
|
}
|
|
25002
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
24952
|
+
.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) {
|
|
25003
24953
|
border-bottom: 0;
|
|
25004
24954
|
}
|
|
25005
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
25006
|
-
border-bottom: var(--pf-v5-c-
|
|
24955
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
24956
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25007
24957
|
}
|
|
25008
|
-
.pf-m-grid.pf-v5-c-table tr.pf-m-selected {
|
|
24958
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
25009
24959
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25010
24960
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
25011
24961
|
}
|
|
25012
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
24962
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25013
24963
|
display: grid;
|
|
25014
24964
|
grid-template-columns: 1fr;
|
|
25015
24965
|
height: auto;
|
|
25016
24966
|
grid-auto-columns: max-content;
|
|
25017
|
-
grid-column-gap: var(--pf-v5-c-
|
|
25018
|
-
padding: var(--pf-v5-c-
|
|
24967
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
24968
|
+
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);
|
|
25019
24969
|
}
|
|
25020
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
24970
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
25021
24971
|
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);
|
|
25022
24972
|
}
|
|
25023
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
24973
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25024
24974
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
25025
24975
|
}
|
|
25026
24976
|
.pf-m-grid.pf-v5-c-table.pf-m-compact {
|
|
25027
|
-
--pf-v5-c-
|
|
25028
|
-
--pf-v5-c-
|
|
25029
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
25030
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
24977
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
24978
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
24979
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
24980
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
25031
24981
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
25032
24982
|
}
|
|
25033
24983
|
.pf-m-grid.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -25040,61 +24990,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25040
24990
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
25041
24991
|
text-align: left;
|
|
25042
24992
|
}
|
|
25043
|
-
.pf-m-grid.pf-v5-c-table [data-label] {
|
|
24993
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
25044
24994
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
25045
24995
|
grid-column: 1;
|
|
25046
24996
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
25047
24997
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
25048
24998
|
align-items: start;
|
|
25049
24999
|
}
|
|
25050
|
-
.pf-m-grid.pf-v5-c-table [data-label] > * {
|
|
25000
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
25051
25001
|
grid-column: 2;
|
|
25052
25002
|
}
|
|
25053
|
-
.pf-m-grid.pf-v5-c-table [data-label]::before {
|
|
25003
|
+
.pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
25054
25004
|
font-weight: bold;
|
|
25055
25005
|
text-align: left;
|
|
25056
25006
|
content: attr(data-label);
|
|
25057
25007
|
}
|
|
25058
|
-
.pf-m-grid.pf-v5-c-table tr > *:first-child {
|
|
25008
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
25059
25009
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
25060
25010
|
}
|
|
25061
|
-
.pf-m-grid.pf-v5-c-table tr > *:last-child {
|
|
25011
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
25062
25012
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
25063
25013
|
}
|
|
25064
25014
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table {
|
|
25065
|
-
--pf-v5-c-
|
|
25066
|
-
--pf-v5-c-
|
|
25067
|
-
--pf-v5-c-
|
|
25068
|
-
--pf-v5-c-
|
|
25015
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
25016
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
25017
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
25018
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
25069
25019
|
border: 0;
|
|
25070
25020
|
}
|
|
25071
|
-
.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) {
|
|
25072
|
-
--pf-v5-c-
|
|
25021
|
+
.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) {
|
|
25022
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
25073
25023
|
}
|
|
25074
25024
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
25075
25025
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
25076
25026
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
25077
25027
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
25078
25028
|
}
|
|
25079
|
-
.pf-m-grid.pf-v5-c-table tbody {
|
|
25029
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25080
25030
|
position: relative;
|
|
25081
25031
|
}
|
|
25082
|
-
.pf-m-grid.pf-v5-c-table tbody::after {
|
|
25032
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
25083
25033
|
position: absolute;
|
|
25084
25034
|
top: 0;
|
|
25085
25035
|
bottom: 0;
|
|
25086
25036
|
left: 0;
|
|
25087
25037
|
content: "";
|
|
25088
25038
|
border: 0;
|
|
25089
|
-
border-left: var(--pf-v5-c-
|
|
25039
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
25090
25040
|
}
|
|
25091
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded {
|
|
25092
|
-
--pf-v5-c-
|
|
25041
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25042
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
25093
25043
|
}
|
|
25094
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
25095
|
-
--pf-v5-c-
|
|
25044
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) {
|
|
25045
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25096
25046
|
}
|
|
25097
|
-
.pf-m-grid.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25047
|
+
.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 {
|
|
25098
25048
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25099
25049
|
position: static;
|
|
25100
25050
|
width: auto;
|
|
@@ -25123,7 +25073,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25123
25073
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25124
25074
|
content: none;
|
|
25125
25075
|
}
|
|
25126
|
-
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
25076
|
+
.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,
|
|
25077
|
+
.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 {
|
|
25127
25078
|
padding: 0;
|
|
25128
25079
|
}
|
|
25129
25080
|
.pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -25133,44 +25084,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25133
25084
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
25134
25085
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
25135
25086
|
}
|
|
25136
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable {
|
|
25137
|
-
--pf-v5-c-
|
|
25138
|
-
--pf-v5-c-
|
|
25087
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
25088
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25089
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
25139
25090
|
}
|
|
25140
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable,
|
|
25141
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
25091
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
25092
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable > tr:where(.pf-v5-c-table__tr) {
|
|
25142
25093
|
position: relative;
|
|
25143
25094
|
}
|
|
25144
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
25095
|
+
.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 {
|
|
25145
25096
|
content: "";
|
|
25146
25097
|
position: absolute;
|
|
25147
25098
|
top: 0;
|
|
25148
25099
|
bottom: 0;
|
|
25149
25100
|
left: 0;
|
|
25150
|
-
width: var(--pf-v5-c-
|
|
25151
|
-
background-color: var(--pf-v5-c-
|
|
25101
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
25102
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
25152
25103
|
}
|
|
25153
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
25154
|
-
--pf-v5-c-
|
|
25155
|
-
--pf-v5-c-
|
|
25104
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
25105
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
25106
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
25156
25107
|
}
|
|
25157
|
-
.pf-m-grid.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
25158
|
-
--pf-v5-c-
|
|
25159
|
-
--pf-v5-c-
|
|
25108
|
+
.pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
25109
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
25110
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
25160
25111
|
}
|
|
25161
|
-
.pf-m-grid.pf-v5-c-table tr.pf-m-selected::after {
|
|
25112
|
+
.pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
25162
25113
|
content: "";
|
|
25163
25114
|
position: absolute;
|
|
25164
25115
|
top: 0;
|
|
25165
25116
|
bottom: 0;
|
|
25166
25117
|
left: 0;
|
|
25167
|
-
width: var(--pf-v5-c-
|
|
25168
|
-
background-color: var(--pf-v5-c-
|
|
25118
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
25119
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
25169
25120
|
}
|
|
25170
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
25171
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
25172
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
25173
|
-
.pf-m-grid.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
25121
|
+
.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,
|
|
25122
|
+
.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,
|
|
25123
|
+
.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,
|
|
25124
|
+
.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 {
|
|
25174
25125
|
width: auto;
|
|
25175
25126
|
padding: 0;
|
|
25176
25127
|
}
|
|
@@ -25235,14 +25186,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25235
25186
|
.pf-v5-c-button.pf-m-expanded > .pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle-icon {
|
|
25236
25187
|
transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
|
|
25237
25188
|
}
|
|
25238
|
-
.pf-m-grid.pf-v5-c-table .pf-m-nowrap {
|
|
25189
|
+
.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 {
|
|
25239
25190
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
25240
25191
|
}
|
|
25241
|
-
.pf-m-grid.pf-v5-c-table .pf-m-fit-content {
|
|
25192
|
+
.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 {
|
|
25242
25193
|
width: auto;
|
|
25243
25194
|
white-space: normal;
|
|
25244
25195
|
}
|
|
25245
|
-
.pf-m-grid.pf-v5-c-table .pf-m-truncate {
|
|
25196
|
+
.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 {
|
|
25246
25197
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
25247
25198
|
}
|
|
25248
25199
|
.pf-m-grid.pf-v5-c-table [class*=pf-m-width] {
|
|
@@ -25262,7 +25213,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25262
25213
|
display: grid;
|
|
25263
25214
|
border: none;
|
|
25264
25215
|
}
|
|
25265
|
-
.pf-m-grid-md.pf-v5-c-table tr > * {
|
|
25216
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
25266
25217
|
width: auto;
|
|
25267
25218
|
min-width: 0;
|
|
25268
25219
|
max-width: none;
|
|
@@ -25279,57 +25230,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25279
25230
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
25280
25231
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
25281
25232
|
}
|
|
25282
|
-
.pf-m-grid-md.pf-v5-c-table thead {
|
|
25233
|
+
.pf-m-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
25283
25234
|
display: none;
|
|
25284
25235
|
}
|
|
25285
|
-
.pf-m-grid-md.pf-v5-c-table tbody {
|
|
25236
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25286
25237
|
display: block;
|
|
25287
25238
|
}
|
|
25288
|
-
.pf-m-grid-md.pf-v5-c-table tbody:first-of-type {
|
|
25289
|
-
border-top: var(--pf-v5-c-
|
|
25239
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
25240
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25290
25241
|
}
|
|
25291
|
-
.pf-m-grid-md.pf-v5-c-table table.pf-m-compact > tbody {
|
|
25242
|
+
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
25292
25243
|
border-top: 0;
|
|
25293
25244
|
}
|
|
25294
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25295
|
-
border-bottom: var(--pf-v5-c-
|
|
25245
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25246
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25296
25247
|
}
|
|
25297
|
-
.pf-m-grid-md.pf-v5-c-table tr:last-child,
|
|
25298
|
-
.pf-m-grid-md.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
25299
|
-
border-bottom-width: var(--pf-v5-c-
|
|
25248
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
25249
|
+
.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) {
|
|
25250
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
25300
25251
|
}
|
|
25301
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
|
|
25252
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25302
25253
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
25303
25254
|
}
|
|
25304
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
25255
|
+
.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) {
|
|
25305
25256
|
border-bottom: 0;
|
|
25306
25257
|
}
|
|
25307
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
25308
|
-
border-bottom: var(--pf-v5-c-
|
|
25258
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
25259
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25309
25260
|
}
|
|
25310
|
-
.pf-m-grid-md.pf-v5-c-table tr.pf-m-selected {
|
|
25261
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
25311
25262
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25312
25263
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
25313
25264
|
}
|
|
25314
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25265
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25315
25266
|
display: grid;
|
|
25316
25267
|
grid-template-columns: 1fr;
|
|
25317
25268
|
height: auto;
|
|
25318
25269
|
grid-auto-columns: max-content;
|
|
25319
|
-
grid-column-gap: var(--pf-v5-c-
|
|
25320
|
-
padding: var(--pf-v5-c-
|
|
25270
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
25271
|
+
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);
|
|
25321
25272
|
}
|
|
25322
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
25273
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
25323
25274
|
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);
|
|
25324
25275
|
}
|
|
25325
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25276
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25326
25277
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
25327
25278
|
}
|
|
25328
25279
|
.pf-m-grid-md.pf-v5-c-table.pf-m-compact {
|
|
25329
|
-
--pf-v5-c-
|
|
25330
|
-
--pf-v5-c-
|
|
25331
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
25332
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
25280
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
25281
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
25282
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
25283
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
25333
25284
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
25334
25285
|
}
|
|
25335
25286
|
.pf-m-grid-md.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -25342,61 +25293,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25342
25293
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
25343
25294
|
text-align: left;
|
|
25344
25295
|
}
|
|
25345
|
-
.pf-m-grid-md.pf-v5-c-table [data-label] {
|
|
25296
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
25346
25297
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
25347
25298
|
grid-column: 1;
|
|
25348
25299
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
25349
25300
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
25350
25301
|
align-items: start;
|
|
25351
25302
|
}
|
|
25352
|
-
.pf-m-grid-md.pf-v5-c-table [data-label] > * {
|
|
25303
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
25353
25304
|
grid-column: 2;
|
|
25354
25305
|
}
|
|
25355
|
-
.pf-m-grid-md.pf-v5-c-table [data-label]::before {
|
|
25306
|
+
.pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
25356
25307
|
font-weight: bold;
|
|
25357
25308
|
text-align: left;
|
|
25358
25309
|
content: attr(data-label);
|
|
25359
25310
|
}
|
|
25360
|
-
.pf-m-grid-md.pf-v5-c-table tr > *:first-child {
|
|
25311
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
25361
25312
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
25362
25313
|
}
|
|
25363
|
-
.pf-m-grid-md.pf-v5-c-table tr > *:last-child {
|
|
25314
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
25364
25315
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
25365
25316
|
}
|
|
25366
25317
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table {
|
|
25367
|
-
--pf-v5-c-
|
|
25368
|
-
--pf-v5-c-
|
|
25369
|
-
--pf-v5-c-
|
|
25370
|
-
--pf-v5-c-
|
|
25318
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
25319
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
25320
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
25321
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
25371
25322
|
border: 0;
|
|
25372
25323
|
}
|
|
25373
|
-
.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) {
|
|
25374
|
-
--pf-v5-c-
|
|
25324
|
+
.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) {
|
|
25325
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
25375
25326
|
}
|
|
25376
25327
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
25377
25328
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
25378
25329
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
25379
25330
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
25380
25331
|
}
|
|
25381
|
-
.pf-m-grid-md.pf-v5-c-table tbody {
|
|
25332
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25382
25333
|
position: relative;
|
|
25383
25334
|
}
|
|
25384
|
-
.pf-m-grid-md.pf-v5-c-table tbody::after {
|
|
25335
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
25385
25336
|
position: absolute;
|
|
25386
25337
|
top: 0;
|
|
25387
25338
|
bottom: 0;
|
|
25388
25339
|
left: 0;
|
|
25389
25340
|
content: "";
|
|
25390
25341
|
border: 0;
|
|
25391
|
-
border-left: var(--pf-v5-c-
|
|
25342
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
25392
25343
|
}
|
|
25393
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded {
|
|
25394
|
-
--pf-v5-c-
|
|
25344
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25345
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
25395
25346
|
}
|
|
25396
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
25397
|
-
--pf-v5-c-
|
|
25347
|
+
.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) {
|
|
25348
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25398
25349
|
}
|
|
25399
|
-
.pf-m-grid-md.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25350
|
+
.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 {
|
|
25400
25351
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25401
25352
|
position: static;
|
|
25402
25353
|
width: auto;
|
|
@@ -25425,7 +25376,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25425
25376
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25426
25377
|
content: none;
|
|
25427
25378
|
}
|
|
25428
|
-
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
25379
|
+
.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,
|
|
25380
|
+
.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 {
|
|
25429
25381
|
padding: 0;
|
|
25430
25382
|
}
|
|
25431
25383
|
.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -25435,44 +25387,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25435
25387
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
25436
25388
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
25437
25389
|
}
|
|
25438
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable {
|
|
25439
|
-
--pf-v5-c-
|
|
25440
|
-
--pf-v5-c-
|
|
25390
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
25391
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25392
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
25441
25393
|
}
|
|
25442
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable,
|
|
25443
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
25394
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
25395
|
+
.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) {
|
|
25444
25396
|
position: relative;
|
|
25445
25397
|
}
|
|
25446
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
25398
|
+
.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 {
|
|
25447
25399
|
content: "";
|
|
25448
25400
|
position: absolute;
|
|
25449
25401
|
top: 0;
|
|
25450
25402
|
bottom: 0;
|
|
25451
25403
|
left: 0;
|
|
25452
|
-
width: var(--pf-v5-c-
|
|
25453
|
-
background-color: var(--pf-v5-c-
|
|
25404
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
25405
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
25454
25406
|
}
|
|
25455
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
25456
|
-
--pf-v5-c-
|
|
25457
|
-
--pf-v5-c-
|
|
25407
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
25408
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
25409
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
25458
25410
|
}
|
|
25459
|
-
.pf-m-grid-md.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
25460
|
-
--pf-v5-c-
|
|
25461
|
-
--pf-v5-c-
|
|
25411
|
+
.pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
25412
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
25413
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
25462
25414
|
}
|
|
25463
|
-
.pf-m-grid-md.pf-v5-c-table tr.pf-m-selected::after {
|
|
25415
|
+
.pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
25464
25416
|
content: "";
|
|
25465
25417
|
position: absolute;
|
|
25466
25418
|
top: 0;
|
|
25467
25419
|
bottom: 0;
|
|
25468
25420
|
left: 0;
|
|
25469
|
-
width: var(--pf-v5-c-
|
|
25470
|
-
background-color: var(--pf-v5-c-
|
|
25421
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
25422
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
25471
25423
|
}
|
|
25472
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
25473
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
25474
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
25475
|
-
.pf-m-grid-md.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
25424
|
+
.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,
|
|
25425
|
+
.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,
|
|
25426
|
+
.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,
|
|
25427
|
+
.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 {
|
|
25476
25428
|
width: auto;
|
|
25477
25429
|
padding: 0;
|
|
25478
25430
|
}
|
|
@@ -25543,18 +25495,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25543
25495
|
}
|
|
25544
25496
|
}
|
|
25545
25497
|
@media screen and (max-width: 768px) {
|
|
25546
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-nowrap {
|
|
25498
|
+
.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 {
|
|
25547
25499
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
25548
25500
|
}
|
|
25549
|
-
|
|
25550
|
-
@media screen and (max-width: 768px) {
|
|
25551
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-fit-content {
|
|
25501
|
+
.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 {
|
|
25552
25502
|
width: auto;
|
|
25553
25503
|
white-space: normal;
|
|
25554
25504
|
}
|
|
25555
|
-
|
|
25556
|
-
@media screen and (max-width: 768px) {
|
|
25557
|
-
.pf-m-grid-md.pf-v5-c-table .pf-m-truncate {
|
|
25505
|
+
.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 {
|
|
25558
25506
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
25559
25507
|
}
|
|
25560
25508
|
}
|
|
@@ -25577,7 +25525,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25577
25525
|
display: grid;
|
|
25578
25526
|
border: none;
|
|
25579
25527
|
}
|
|
25580
|
-
.pf-m-grid-lg.pf-v5-c-table tr > * {
|
|
25528
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
25581
25529
|
width: auto;
|
|
25582
25530
|
min-width: 0;
|
|
25583
25531
|
max-width: none;
|
|
@@ -25594,57 +25542,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25594
25542
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
25595
25543
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
25596
25544
|
}
|
|
25597
|
-
.pf-m-grid-lg.pf-v5-c-table thead {
|
|
25545
|
+
.pf-m-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
25598
25546
|
display: none;
|
|
25599
25547
|
}
|
|
25600
|
-
.pf-m-grid-lg.pf-v5-c-table tbody {
|
|
25548
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25601
25549
|
display: block;
|
|
25602
25550
|
}
|
|
25603
|
-
.pf-m-grid-lg.pf-v5-c-table tbody:first-of-type {
|
|
25604
|
-
border-top: var(--pf-v5-c-
|
|
25551
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
25552
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25605
25553
|
}
|
|
25606
|
-
.pf-m-grid-lg.pf-v5-c-table table.pf-m-compact > tbody {
|
|
25554
|
+
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
25607
25555
|
border-top: 0;
|
|
25608
25556
|
}
|
|
25609
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25610
|
-
border-bottom: var(--pf-v5-c-
|
|
25557
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25558
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25611
25559
|
}
|
|
25612
|
-
.pf-m-grid-lg.pf-v5-c-table tr:last-child,
|
|
25613
|
-
.pf-m-grid-lg.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
25614
|
-
border-bottom-width: var(--pf-v5-c-
|
|
25560
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
25561
|
+
.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) {
|
|
25562
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
25615
25563
|
}
|
|
25616
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
|
|
25564
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25617
25565
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
25618
25566
|
}
|
|
25619
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
25567
|
+
.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) {
|
|
25620
25568
|
border-bottom: 0;
|
|
25621
25569
|
}
|
|
25622
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
25623
|
-
border-bottom: var(--pf-v5-c-
|
|
25570
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
25571
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25624
25572
|
}
|
|
25625
|
-
.pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected {
|
|
25573
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
25626
25574
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25627
25575
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
25628
25576
|
}
|
|
25629
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25577
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25630
25578
|
display: grid;
|
|
25631
25579
|
grid-template-columns: 1fr;
|
|
25632
25580
|
height: auto;
|
|
25633
25581
|
grid-auto-columns: max-content;
|
|
25634
|
-
grid-column-gap: var(--pf-v5-c-
|
|
25635
|
-
padding: var(--pf-v5-c-
|
|
25582
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
25583
|
+
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);
|
|
25636
25584
|
}
|
|
25637
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
25585
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
25638
25586
|
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);
|
|
25639
25587
|
}
|
|
25640
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25588
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25641
25589
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
25642
25590
|
}
|
|
25643
25591
|
.pf-m-grid-lg.pf-v5-c-table.pf-m-compact {
|
|
25644
|
-
--pf-v5-c-
|
|
25645
|
-
--pf-v5-c-
|
|
25646
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
25647
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
25592
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
25593
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
25594
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
25595
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
25648
25596
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
25649
25597
|
}
|
|
25650
25598
|
.pf-m-grid-lg.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -25657,61 +25605,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25657
25605
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
25658
25606
|
text-align: left;
|
|
25659
25607
|
}
|
|
25660
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label] {
|
|
25608
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
25661
25609
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
25662
25610
|
grid-column: 1;
|
|
25663
25611
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
25664
25612
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
25665
25613
|
align-items: start;
|
|
25666
25614
|
}
|
|
25667
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label] > * {
|
|
25615
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
25668
25616
|
grid-column: 2;
|
|
25669
25617
|
}
|
|
25670
|
-
.pf-m-grid-lg.pf-v5-c-table [data-label]::before {
|
|
25618
|
+
.pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
25671
25619
|
font-weight: bold;
|
|
25672
25620
|
text-align: left;
|
|
25673
25621
|
content: attr(data-label);
|
|
25674
25622
|
}
|
|
25675
|
-
.pf-m-grid-lg.pf-v5-c-table tr > *:first-child {
|
|
25623
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
25676
25624
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
25677
25625
|
}
|
|
25678
|
-
.pf-m-grid-lg.pf-v5-c-table tr > *:last-child {
|
|
25626
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
25679
25627
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
25680
25628
|
}
|
|
25681
25629
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table {
|
|
25682
|
-
--pf-v5-c-
|
|
25683
|
-
--pf-v5-c-
|
|
25684
|
-
--pf-v5-c-
|
|
25685
|
-
--pf-v5-c-
|
|
25630
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
25631
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
25632
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
25633
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
25686
25634
|
border: 0;
|
|
25687
25635
|
}
|
|
25688
|
-
.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) {
|
|
25689
|
-
--pf-v5-c-
|
|
25636
|
+
.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) {
|
|
25637
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
25690
25638
|
}
|
|
25691
25639
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
25692
25640
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
25693
25641
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
25694
25642
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
25695
25643
|
}
|
|
25696
|
-
.pf-m-grid-lg.pf-v5-c-table tbody {
|
|
25644
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25697
25645
|
position: relative;
|
|
25698
25646
|
}
|
|
25699
|
-
.pf-m-grid-lg.pf-v5-c-table tbody::after {
|
|
25647
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
25700
25648
|
position: absolute;
|
|
25701
25649
|
top: 0;
|
|
25702
25650
|
bottom: 0;
|
|
25703
25651
|
left: 0;
|
|
25704
25652
|
content: "";
|
|
25705
25653
|
border: 0;
|
|
25706
|
-
border-left: var(--pf-v5-c-
|
|
25654
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
25707
25655
|
}
|
|
25708
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded {
|
|
25709
|
-
--pf-v5-c-
|
|
25656
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25657
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
25710
25658
|
}
|
|
25711
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
25712
|
-
--pf-v5-c-
|
|
25659
|
+
.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) {
|
|
25660
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25713
25661
|
}
|
|
25714
|
-
.pf-m-grid-lg.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25662
|
+
.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 {
|
|
25715
25663
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25716
25664
|
position: static;
|
|
25717
25665
|
width: auto;
|
|
@@ -25740,7 +25688,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25740
25688
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25741
25689
|
content: none;
|
|
25742
25690
|
}
|
|
25743
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
25691
|
+
.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,
|
|
25692
|
+
.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 {
|
|
25744
25693
|
padding: 0;
|
|
25745
25694
|
}
|
|
25746
25695
|
.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -25750,44 +25699,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25750
25699
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
25751
25700
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
25752
25701
|
}
|
|
25753
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable {
|
|
25754
|
-
--pf-v5-c-
|
|
25755
|
-
--pf-v5-c-
|
|
25702
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
25703
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
25704
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
25756
25705
|
}
|
|
25757
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable,
|
|
25758
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
25706
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
25707
|
+
.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) {
|
|
25759
25708
|
position: relative;
|
|
25760
25709
|
}
|
|
25761
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
25710
|
+
.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 {
|
|
25762
25711
|
content: "";
|
|
25763
25712
|
position: absolute;
|
|
25764
25713
|
top: 0;
|
|
25765
25714
|
bottom: 0;
|
|
25766
25715
|
left: 0;
|
|
25767
|
-
width: var(--pf-v5-c-
|
|
25768
|
-
background-color: var(--pf-v5-c-
|
|
25716
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
25717
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
25769
25718
|
}
|
|
25770
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
25771
|
-
--pf-v5-c-
|
|
25772
|
-
--pf-v5-c-
|
|
25719
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
25720
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
25721
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
25773
25722
|
}
|
|
25774
|
-
.pf-m-grid-lg.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
25775
|
-
--pf-v5-c-
|
|
25776
|
-
--pf-v5-c-
|
|
25723
|
+
.pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
25724
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
25725
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
25777
25726
|
}
|
|
25778
|
-
.pf-m-grid-lg.pf-v5-c-table tr.pf-m-selected::after {
|
|
25727
|
+
.pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
25779
25728
|
content: "";
|
|
25780
25729
|
position: absolute;
|
|
25781
25730
|
top: 0;
|
|
25782
25731
|
bottom: 0;
|
|
25783
25732
|
left: 0;
|
|
25784
|
-
width: var(--pf-v5-c-
|
|
25785
|
-
background-color: var(--pf-v5-c-
|
|
25733
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
25734
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
25786
25735
|
}
|
|
25787
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
25788
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
25789
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
25790
|
-
.pf-m-grid-lg.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
25736
|
+
.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,
|
|
25737
|
+
.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,
|
|
25738
|
+
.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,
|
|
25739
|
+
.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 {
|
|
25791
25740
|
width: auto;
|
|
25792
25741
|
padding: 0;
|
|
25793
25742
|
}
|
|
@@ -25858,18 +25807,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25858
25807
|
}
|
|
25859
25808
|
}
|
|
25860
25809
|
@media screen and (max-width: 992px) {
|
|
25861
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-nowrap {
|
|
25810
|
+
.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 {
|
|
25862
25811
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
25863
25812
|
}
|
|
25864
|
-
|
|
25865
|
-
@media screen and (max-width: 992px) {
|
|
25866
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-fit-content {
|
|
25813
|
+
.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 {
|
|
25867
25814
|
width: auto;
|
|
25868
25815
|
white-space: normal;
|
|
25869
25816
|
}
|
|
25870
|
-
|
|
25871
|
-
@media screen and (max-width: 992px) {
|
|
25872
|
-
.pf-m-grid-lg.pf-v5-c-table .pf-m-truncate {
|
|
25817
|
+
.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 {
|
|
25873
25818
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
25874
25819
|
}
|
|
25875
25820
|
}
|
|
@@ -25892,7 +25837,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25892
25837
|
display: grid;
|
|
25893
25838
|
border: none;
|
|
25894
25839
|
}
|
|
25895
|
-
.pf-m-grid-xl.pf-v5-c-table tr > * {
|
|
25840
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
25896
25841
|
width: auto;
|
|
25897
25842
|
min-width: 0;
|
|
25898
25843
|
max-width: none;
|
|
@@ -25909,57 +25854,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25909
25854
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
25910
25855
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
25911
25856
|
}
|
|
25912
|
-
.pf-m-grid-xl.pf-v5-c-table thead {
|
|
25857
|
+
.pf-m-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
25913
25858
|
display: none;
|
|
25914
25859
|
}
|
|
25915
|
-
.pf-m-grid-xl.pf-v5-c-table tbody {
|
|
25860
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
25916
25861
|
display: block;
|
|
25917
25862
|
}
|
|
25918
|
-
.pf-m-grid-xl.pf-v5-c-table tbody:first-of-type {
|
|
25919
|
-
border-top: var(--pf-v5-c-
|
|
25863
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
25864
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25920
25865
|
}
|
|
25921
|
-
.pf-m-grid-xl.pf-v5-c-table table.pf-m-compact > tbody {
|
|
25866
|
+
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
25922
25867
|
border-top: 0;
|
|
25923
25868
|
}
|
|
25924
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25925
|
-
border-bottom: var(--pf-v5-c-
|
|
25869
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25870
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25926
25871
|
}
|
|
25927
|
-
.pf-m-grid-xl.pf-v5-c-table tr:last-child,
|
|
25928
|
-
.pf-m-grid-xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
25929
|
-
border-bottom-width: var(--pf-v5-c-
|
|
25872
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
25873
|
+
.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) {
|
|
25874
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
25930
25875
|
}
|
|
25931
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
25876
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25932
25877
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
25933
25878
|
}
|
|
25934
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
25879
|
+
.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) {
|
|
25935
25880
|
border-bottom: 0;
|
|
25936
25881
|
}
|
|
25937
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
25938
|
-
border-bottom: var(--pf-v5-c-
|
|
25882
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
25883
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
25939
25884
|
}
|
|
25940
|
-
.pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected {
|
|
25885
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
25941
25886
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
25942
25887
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
25943
25888
|
}
|
|
25944
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
25889
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
25945
25890
|
display: grid;
|
|
25946
25891
|
grid-template-columns: 1fr;
|
|
25947
25892
|
height: auto;
|
|
25948
25893
|
grid-auto-columns: max-content;
|
|
25949
|
-
grid-column-gap: var(--pf-v5-c-
|
|
25950
|
-
padding: var(--pf-v5-c-
|
|
25894
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
25895
|
+
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);
|
|
25951
25896
|
}
|
|
25952
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
25897
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
25953
25898
|
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);
|
|
25954
25899
|
}
|
|
25955
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25900
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
25956
25901
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
25957
25902
|
}
|
|
25958
25903
|
.pf-m-grid-xl.pf-v5-c-table.pf-m-compact {
|
|
25959
|
-
--pf-v5-c-
|
|
25960
|
-
--pf-v5-c-
|
|
25961
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
25962
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
25904
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
25905
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
25906
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
25907
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
25963
25908
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
25964
25909
|
}
|
|
25965
25910
|
.pf-m-grid-xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -25972,61 +25917,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
25972
25917
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
25973
25918
|
text-align: left;
|
|
25974
25919
|
}
|
|
25975
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label] {
|
|
25920
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
25976
25921
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
25977
25922
|
grid-column: 1;
|
|
25978
25923
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
25979
25924
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
25980
25925
|
align-items: start;
|
|
25981
25926
|
}
|
|
25982
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label] > * {
|
|
25927
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
25983
25928
|
grid-column: 2;
|
|
25984
25929
|
}
|
|
25985
|
-
.pf-m-grid-xl.pf-v5-c-table [data-label]::before {
|
|
25930
|
+
.pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
25986
25931
|
font-weight: bold;
|
|
25987
25932
|
text-align: left;
|
|
25988
25933
|
content: attr(data-label);
|
|
25989
25934
|
}
|
|
25990
|
-
.pf-m-grid-xl.pf-v5-c-table tr > *:first-child {
|
|
25935
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
25991
25936
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
25992
25937
|
}
|
|
25993
|
-
.pf-m-grid-xl.pf-v5-c-table tr > *:last-child {
|
|
25938
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
25994
25939
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
25995
25940
|
}
|
|
25996
25941
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table {
|
|
25997
|
-
--pf-v5-c-
|
|
25998
|
-
--pf-v5-c-
|
|
25999
|
-
--pf-v5-c-
|
|
26000
|
-
--pf-v5-c-
|
|
25942
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
25943
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
25944
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
25945
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
26001
25946
|
border: 0;
|
|
26002
25947
|
}
|
|
26003
|
-
.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) {
|
|
26004
|
-
--pf-v5-c-
|
|
25948
|
+
.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) {
|
|
25949
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
26005
25950
|
}
|
|
26006
25951
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
26007
25952
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
26008
25953
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
26009
25954
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
26010
25955
|
}
|
|
26011
|
-
.pf-m-grid-xl.pf-v5-c-table tbody {
|
|
25956
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26012
25957
|
position: relative;
|
|
26013
25958
|
}
|
|
26014
|
-
.pf-m-grid-xl.pf-v5-c-table tbody::after {
|
|
25959
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
26015
25960
|
position: absolute;
|
|
26016
25961
|
top: 0;
|
|
26017
25962
|
bottom: 0;
|
|
26018
25963
|
left: 0;
|
|
26019
25964
|
content: "";
|
|
26020
25965
|
border: 0;
|
|
26021
|
-
border-left: var(--pf-v5-c-
|
|
25966
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
26022
25967
|
}
|
|
26023
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
26024
|
-
--pf-v5-c-
|
|
25968
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
25969
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
26025
25970
|
}
|
|
26026
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
26027
|
-
--pf-v5-c-
|
|
25971
|
+
.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) {
|
|
25972
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26028
25973
|
}
|
|
26029
|
-
.pf-m-grid-xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
25974
|
+
.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 {
|
|
26030
25975
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
26031
25976
|
position: static;
|
|
26032
25977
|
width: auto;
|
|
@@ -26055,7 +26000,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26055
26000
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
26056
26001
|
content: none;
|
|
26057
26002
|
}
|
|
26058
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
26003
|
+
.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,
|
|
26004
|
+
.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 {
|
|
26059
26005
|
padding: 0;
|
|
26060
26006
|
}
|
|
26061
26007
|
.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -26065,44 +26011,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26065
26011
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
26066
26012
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
26067
26013
|
}
|
|
26068
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable {
|
|
26069
|
-
--pf-v5-c-
|
|
26070
|
-
--pf-v5-c-
|
|
26014
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
26015
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26016
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
26071
26017
|
}
|
|
26072
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable,
|
|
26073
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
26018
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
26019
|
+
.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) {
|
|
26074
26020
|
position: relative;
|
|
26075
26021
|
}
|
|
26076
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
26022
|
+
.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 {
|
|
26077
26023
|
content: "";
|
|
26078
26024
|
position: absolute;
|
|
26079
26025
|
top: 0;
|
|
26080
26026
|
bottom: 0;
|
|
26081
26027
|
left: 0;
|
|
26082
|
-
width: var(--pf-v5-c-
|
|
26083
|
-
background-color: var(--pf-v5-c-
|
|
26028
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
26029
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
26084
26030
|
}
|
|
26085
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
26086
|
-
--pf-v5-c-
|
|
26087
|
-
--pf-v5-c-
|
|
26031
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
26032
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
26033
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
26088
26034
|
}
|
|
26089
|
-
.pf-m-grid-xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
26090
|
-
--pf-v5-c-
|
|
26091
|
-
--pf-v5-c-
|
|
26035
|
+
.pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
26036
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
26037
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
26092
26038
|
}
|
|
26093
|
-
.pf-m-grid-xl.pf-v5-c-table tr.pf-m-selected::after {
|
|
26039
|
+
.pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
26094
26040
|
content: "";
|
|
26095
26041
|
position: absolute;
|
|
26096
26042
|
top: 0;
|
|
26097
26043
|
bottom: 0;
|
|
26098
26044
|
left: 0;
|
|
26099
|
-
width: var(--pf-v5-c-
|
|
26100
|
-
background-color: var(--pf-v5-c-
|
|
26045
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
26046
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
26101
26047
|
}
|
|
26102
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
26103
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
26104
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
26105
|
-
.pf-m-grid-xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
26048
|
+
.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,
|
|
26049
|
+
.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,
|
|
26050
|
+
.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,
|
|
26051
|
+
.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 {
|
|
26106
26052
|
width: auto;
|
|
26107
26053
|
padding: 0;
|
|
26108
26054
|
}
|
|
@@ -26173,18 +26119,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26173
26119
|
}
|
|
26174
26120
|
}
|
|
26175
26121
|
@media screen and (max-width: 1200px) {
|
|
26176
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-nowrap {
|
|
26122
|
+
.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 {
|
|
26177
26123
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
26178
26124
|
}
|
|
26179
|
-
|
|
26180
|
-
@media screen and (max-width: 1200px) {
|
|
26181
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-fit-content {
|
|
26125
|
+
.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 {
|
|
26182
26126
|
width: auto;
|
|
26183
26127
|
white-space: normal;
|
|
26184
26128
|
}
|
|
26185
|
-
|
|
26186
|
-
@media screen and (max-width: 1200px) {
|
|
26187
|
-
.pf-m-grid-xl.pf-v5-c-table .pf-m-truncate {
|
|
26129
|
+
.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 {
|
|
26188
26130
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
26189
26131
|
}
|
|
26190
26132
|
}
|
|
@@ -26207,7 +26149,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26207
26149
|
display: grid;
|
|
26208
26150
|
border: none;
|
|
26209
26151
|
}
|
|
26210
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > * {
|
|
26152
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
26211
26153
|
width: auto;
|
|
26212
26154
|
min-width: 0;
|
|
26213
26155
|
max-width: none;
|
|
@@ -26224,57 +26166,57 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26224
26166
|
text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
|
|
26225
26167
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
26226
26168
|
}
|
|
26227
|
-
.pf-m-grid-2xl.pf-v5-c-table thead {
|
|
26169
|
+
.pf-m-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
26228
26170
|
display: none;
|
|
26229
26171
|
}
|
|
26230
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody {
|
|
26172
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26231
26173
|
display: block;
|
|
26232
26174
|
}
|
|
26233
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody:first-of-type {
|
|
26234
|
-
border-top: var(--pf-v5-c-
|
|
26175
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type {
|
|
26176
|
+
border-top: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26235
26177
|
}
|
|
26236
|
-
.pf-m-grid-2xl.pf-v5-c-table table.pf-m-compact > tbody {
|
|
26178
|
+
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact > tbody:where(.pf-v5-c-table__tbody) {
|
|
26237
26179
|
border-top: 0;
|
|
26238
26180
|
}
|
|
26239
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
26240
|
-
border-bottom: var(--pf-v5-c-
|
|
26181
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
26182
|
+
border-bottom: var(--pf-v5-c-table__tr--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26241
26183
|
}
|
|
26242
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:last-child,
|
|
26243
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26244
|
-
border-bottom-width: var(--pf-v5-c-
|
|
26184
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child,
|
|
26185
|
+
.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) {
|
|
26186
|
+
border-bottom-width: var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth);
|
|
26245
26187
|
}
|
|
26246
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
26188
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
26247
26189
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
26248
26190
|
}
|
|
26249
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tr:not(.pf-v5-c-table__expandable-row) {
|
|
26191
|
+
.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) {
|
|
26250
26192
|
border-bottom: 0;
|
|
26251
26193
|
}
|
|
26252
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded:not(:last-of-type) {
|
|
26253
|
-
border-bottom: var(--pf-v5-c-
|
|
26194
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) {
|
|
26195
|
+
border-bottom: var(--pf-v5-c-table__tbody--responsive--border-width--base) solid var(--pf-v5-c-table--responsive--BorderColor);
|
|
26254
26196
|
}
|
|
26255
|
-
.pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected {
|
|
26197
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
26256
26198
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
26257
26199
|
--pf-v5-c-table__expandable-row--after--BorderColor: transparent;
|
|
26258
26200
|
}
|
|
26259
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
26201
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
26260
26202
|
display: grid;
|
|
26261
26203
|
grid-template-columns: 1fr;
|
|
26262
26204
|
height: auto;
|
|
26263
26205
|
grid-auto-columns: max-content;
|
|
26264
|
-
grid-column-gap: var(--pf-v5-c-
|
|
26265
|
-
padding: var(--pf-v5-c-
|
|
26206
|
+
grid-column-gap: var(--pf-v5-c-table__tr--responsive--GridColumnGap);
|
|
26207
|
+
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);
|
|
26266
26208
|
}
|
|
26267
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > * {
|
|
26209
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > * {
|
|
26268
26210
|
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);
|
|
26269
26211
|
}
|
|
26270
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
26212
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
26271
26213
|
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop);
|
|
26272
26214
|
}
|
|
26273
26215
|
.pf-m-grid-2xl.pf-v5-c-table.pf-m-compact {
|
|
26274
|
-
--pf-v5-c-
|
|
26275
|
-
--pf-v5-c-
|
|
26276
|
-
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-
|
|
26277
|
-
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-
|
|
26216
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop);
|
|
26217
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom);
|
|
26218
|
+
--pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop);
|
|
26219
|
+
--pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom);
|
|
26278
26220
|
--pf-v5-c-table__check--input--MarginTop: 0;
|
|
26279
26221
|
}
|
|
26280
26222
|
.pf-m-grid-2xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
@@ -26287,61 +26229,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26287
26229
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__icon > * {
|
|
26288
26230
|
text-align: left;
|
|
26289
26231
|
}
|
|
26290
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label] {
|
|
26232
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] {
|
|
26291
26233
|
--pf-v5-c-table--cell--hidden-visible--Display: var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display);
|
|
26292
26234
|
grid-column: 1;
|
|
26293
26235
|
grid-column-gap: var(--pf-v5-c-table-td--responsive--GridColumnGap);
|
|
26294
26236
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
|
26295
26237
|
align-items: start;
|
|
26296
26238
|
}
|
|
26297
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label] > * {
|
|
26239
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] > * {
|
|
26298
26240
|
grid-column: 2;
|
|
26299
26241
|
}
|
|
26300
|
-
.pf-m-grid-2xl.pf-v5-c-table [data-label]::before {
|
|
26242
|
+
.pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]::before {
|
|
26301
26243
|
font-weight: bold;
|
|
26302
26244
|
text-align: left;
|
|
26303
26245
|
content: attr(data-label);
|
|
26304
26246
|
}
|
|
26305
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > *:first-child {
|
|
26247
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
26306
26248
|
--pf-v5-c-table--cell--PaddingLeft: 0;
|
|
26307
26249
|
}
|
|
26308
|
-
.pf-m-grid-2xl.pf-v5-c-table tr > *:last-child {
|
|
26250
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
26309
26251
|
--pf-v5-c-table--cell--PaddingRight: 0;
|
|
26310
26252
|
}
|
|
26311
26253
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table {
|
|
26312
|
-
--pf-v5-c-
|
|
26313
|
-
--pf-v5-c-
|
|
26314
|
-
--pf-v5-c-
|
|
26315
|
-
--pf-v5-c-
|
|
26254
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop);
|
|
26255
|
+
--pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight);
|
|
26256
|
+
--pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom);
|
|
26257
|
+
--pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft);
|
|
26316
26258
|
border: 0;
|
|
26317
26259
|
}
|
|
26318
|
-
.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) {
|
|
26319
|
-
--pf-v5-c-
|
|
26260
|
+
.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) {
|
|
26261
|
+
--pf-v5-c-table__tr--responsive--PaddingTop: 0;
|
|
26320
26262
|
}
|
|
26321
26263
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle {
|
|
26322
26264
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
|
|
26323
26265
|
--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
|
|
26324
26266
|
--pf-v5-c-table__compound-expansion-toggle__button--after--Top: 100%;
|
|
26325
26267
|
}
|
|
26326
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody {
|
|
26268
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26327
26269
|
position: relative;
|
|
26328
26270
|
}
|
|
26329
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody::after {
|
|
26271
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)::after {
|
|
26330
26272
|
position: absolute;
|
|
26331
26273
|
top: 0;
|
|
26332
26274
|
bottom: 0;
|
|
26333
26275
|
left: 0;
|
|
26334
26276
|
content: "";
|
|
26335
26277
|
border: 0;
|
|
26336
|
-
border-left: var(--pf-v5-c-
|
|
26278
|
+
border-left: var(--pf-v5-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v5-c-table__tbody--after--BorderColor);
|
|
26337
26279
|
}
|
|
26338
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded {
|
|
26339
|
-
--pf-v5-c-
|
|
26280
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded {
|
|
26281
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--after--border-width--base);
|
|
26340
26282
|
}
|
|
26341
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-expanded tbody {
|
|
26342
|
-
--pf-v5-c-
|
|
26283
|
+
.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) {
|
|
26284
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26343
26285
|
}
|
|
26344
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody > tr > :first-child:not(.pf-v5-c-table__check)::after {
|
|
26286
|
+
.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 {
|
|
26345
26287
|
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
|
|
26346
26288
|
position: static;
|
|
26347
26289
|
width: auto;
|
|
@@ -26370,7 +26312,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26370
26312
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row > :first-child:not(.pf-v5-c-table__check)::after {
|
|
26371
26313
|
content: none;
|
|
26372
26314
|
}
|
|
26373
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row
|
|
26315
|
+
.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,
|
|
26316
|
+
.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 {
|
|
26374
26317
|
padding: 0;
|
|
26375
26318
|
}
|
|
26376
26319
|
.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
|
|
@@ -26380,44 +26323,44 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26380
26323
|
padding-right: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight);
|
|
26381
26324
|
padding-left: var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft);
|
|
26382
26325
|
}
|
|
26383
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable {
|
|
26384
|
-
--pf-v5-c-
|
|
26385
|
-
--pf-v5-c-
|
|
26326
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable {
|
|
26327
|
+
--pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
|
|
26328
|
+
--pf-v5-c-table__tbody--after--BorderLeftColor: transparent;
|
|
26386
26329
|
}
|
|
26387
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable,
|
|
26388
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr {
|
|
26330
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable,
|
|
26331
|
+
.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) {
|
|
26389
26332
|
position: relative;
|
|
26390
26333
|
}
|
|
26391
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable > tr::after {
|
|
26334
|
+
.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 {
|
|
26392
26335
|
content: "";
|
|
26393
26336
|
position: absolute;
|
|
26394
26337
|
top: 0;
|
|
26395
26338
|
bottom: 0;
|
|
26396
26339
|
left: 0;
|
|
26397
|
-
width: var(--pf-v5-c-
|
|
26398
|
-
background-color: var(--pf-v5-c-
|
|
26340
|
+
width: var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth);
|
|
26341
|
+
background-color: var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor);
|
|
26399
26342
|
}
|
|
26400
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-expanded {
|
|
26401
|
-
--pf-v5-c-
|
|
26402
|
-
--pf-v5-c-
|
|
26343
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded {
|
|
26344
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
|
|
26345
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
|
|
26403
26346
|
}
|
|
26404
|
-
.pf-m-grid-2xl.pf-v5-c-table tbody.pf-m-hoverable.pf-m-selected {
|
|
26405
|
-
--pf-v5-c-
|
|
26406
|
-
--pf-v5-c-
|
|
26347
|
+
.pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected {
|
|
26348
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
|
|
26349
|
+
--pf-v5-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor);
|
|
26407
26350
|
}
|
|
26408
|
-
.pf-m-grid-2xl.pf-v5-c-table tr.pf-m-selected::after {
|
|
26351
|
+
.pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected::after {
|
|
26409
26352
|
content: "";
|
|
26410
26353
|
position: absolute;
|
|
26411
26354
|
top: 0;
|
|
26412
26355
|
bottom: 0;
|
|
26413
26356
|
left: 0;
|
|
26414
|
-
width: var(--pf-v5-c-
|
|
26415
|
-
background-color: var(--pf-v5-c-
|
|
26357
|
+
width: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
26358
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
26416
26359
|
}
|
|
26417
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle,
|
|
26418
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check,
|
|
26419
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite,
|
|
26420
|
-
.pf-m-grid-2xl.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action {
|
|
26360
|
+
.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,
|
|
26361
|
+
.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,
|
|
26362
|
+
.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,
|
|
26363
|
+
.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 {
|
|
26421
26364
|
width: auto;
|
|
26422
26365
|
padding: 0;
|
|
26423
26366
|
}
|
|
@@ -26488,18 +26431,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26488
26431
|
}
|
|
26489
26432
|
}
|
|
26490
26433
|
@media screen and (max-width: 1450px) {
|
|
26491
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-nowrap {
|
|
26434
|
+
.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 {
|
|
26492
26435
|
--pf-v5-c-table--cell--Overflow: auto;
|
|
26493
26436
|
}
|
|
26494
|
-
|
|
26495
|
-
@media screen and (max-width: 1450px) {
|
|
26496
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-fit-content {
|
|
26437
|
+
.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 {
|
|
26497
26438
|
width: auto;
|
|
26498
26439
|
white-space: normal;
|
|
26499
26440
|
}
|
|
26500
|
-
|
|
26501
|
-
@media screen and (max-width: 1450px) {
|
|
26502
|
-
.pf-m-grid-2xl.pf-v5-c-table .pf-m-truncate {
|
|
26441
|
+
.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 {
|
|
26503
26442
|
--pf-v5-c-table--cell--MaxWidth: 100%;
|
|
26504
26443
|
}
|
|
26505
26444
|
}
|
|
@@ -26513,19 +26452,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26513
26452
|
--pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26514
26453
|
--pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
26515
26454
|
--pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
|
|
26516
|
-
--pf-v5-c-
|
|
26517
|
-
--pf-v5-c-
|
|
26518
|
-
--pf-v5-c-
|
|
26519
|
-
--pf-v5-c-
|
|
26520
|
-
--pf-v5-c-
|
|
26521
|
-
--pf-v5-c-
|
|
26522
|
-
--pf-v5-c-
|
|
26523
|
-
--pf-v5-c-
|
|
26524
|
-
--pf-v5-c-
|
|
26525
|
-
--pf-v5-c-
|
|
26526
|
-
--pf-v5-c-
|
|
26527
|
-
--pf-v5-c-
|
|
26528
|
-
--pf-v5-c-
|
|
26455
|
+
--pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
26456
|
+
--pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
|
|
26457
|
+
--pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
26458
|
+
--pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
26459
|
+
--pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
26460
|
+
--pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
26461
|
+
--pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
26462
|
+
--pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
26463
|
+
--pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
26464
|
+
--pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
26465
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
26466
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
26467
|
+
--pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
|
|
26529
26468
|
--pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
|
|
26530
26469
|
--pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
|
|
26531
26470
|
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
@@ -26538,7 +26477,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26538
26477
|
--pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
26539
26478
|
--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
26540
26479
|
--pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
26541
|
-
--pf-v5-c-
|
|
26480
|
+
--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
|
|
26542
26481
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
26543
26482
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
26544
26483
|
--pf-v5-c-table--cell--Width: auto;
|
|
@@ -26627,7 +26566,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26627
26566
|
--pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
|
|
26628
26567
|
--pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
|
|
26629
26568
|
--pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
|
|
26630
|
-
--pf-v5-c-
|
|
26569
|
+
--pf-v5-c-table__th--m-help--MinWidth: 11ch;
|
|
26631
26570
|
--pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
26632
26571
|
--pf-v5-c-table__column-help--TranslateY: 0.125rem;
|
|
26633
26572
|
--pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
@@ -26649,8 +26588,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26649
26588
|
--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
|
|
26650
26589
|
--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);
|
|
26651
26590
|
--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);
|
|
26652
|
-
--pf-v5-c-table--m-
|
|
26653
|
-
--pf-v5-c-table--m-
|
|
26591
|
+
--pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
|
|
26592
|
+
--pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
26654
26593
|
--pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
26655
26594
|
--pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
26656
26595
|
--pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
@@ -26667,50 +26606,50 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26667
26606
|
--pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
26668
26607
|
--pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
26669
26608
|
--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
26670
|
-
--pf-v5-c-
|
|
26671
|
-
--pf-v5-c-
|
|
26672
|
-
--pf-v5-c-
|
|
26673
|
-
--pf-v5-c-
|
|
26674
|
-
--pf-v5-c-
|
|
26675
|
-
--pf-v5-c-
|
|
26676
|
-
--pf-v5-c-
|
|
26677
|
-
--pf-v5-c-
|
|
26678
|
-
--pf-v5-c-
|
|
26679
|
-
--pf-v5-c-
|
|
26680
|
-
--pf-v5-c-
|
|
26681
|
-
--pf-v5-c-
|
|
26682
|
-
--pf-v5-c-
|
|
26683
|
-
--pf-v5-c-
|
|
26684
|
-
--pf-v5-c-
|
|
26685
|
-
--pf-v5-c-
|
|
26686
|
-
--pf-v5-c-
|
|
26687
|
-
--pf-v5-c-
|
|
26688
|
-
--pf-v5-c-
|
|
26689
|
-
--pf-v5-c-
|
|
26690
|
-
--pf-v5-c-
|
|
26691
|
-
--pf-v5-c-
|
|
26692
|
-
--pf-v5-c-
|
|
26693
|
-
--pf-v5-c-
|
|
26694
|
-
--pf-v5-c-
|
|
26695
|
-
--pf-v5-c-
|
|
26696
|
-
--pf-v5-c-
|
|
26697
|
-
--pf-v5-c-
|
|
26698
|
-
--pf-v5-c-
|
|
26699
|
-
--pf-v5-c-
|
|
26700
|
-
--pf-v5-c-
|
|
26701
|
-
--pf-v5-c-
|
|
26702
|
-
--pf-v5-c-
|
|
26703
|
-
--pf-v5-c-
|
|
26704
|
-
--pf-v5-c-
|
|
26705
|
-
--pf-v5-c-
|
|
26706
|
-
--pf-v5-c-
|
|
26707
|
-
--pf-v5-c-
|
|
26708
|
-
--pf-v5-c-
|
|
26709
|
-
--pf-v5-c-
|
|
26710
|
-
--pf-v5-c-
|
|
26711
|
-
--pf-v5-c-
|
|
26712
|
-
--pf-v5-c-
|
|
26713
|
-
--pf-v5-c-
|
|
26609
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
26610
|
+
--pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
|
|
26611
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow: none;
|
|
26612
|
+
--pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
26613
|
+
--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);
|
|
26614
|
+
--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26615
|
+
--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);
|
|
26616
|
+
--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26617
|
+
--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);
|
|
26618
|
+
--pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26619
|
+
--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);
|
|
26620
|
+
--pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
26621
|
+
--pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26622
|
+
--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);
|
|
26623
|
+
--pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
26624
|
+
--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
|
|
26625
|
+
--pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
|
|
26626
|
+
--pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26627
|
+
--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);
|
|
26628
|
+
--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);
|
|
26629
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
26630
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
|
|
26631
|
+
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
|
|
26632
|
+
--pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
26633
|
+
--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);
|
|
26634
|
+
--pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26635
|
+
--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);
|
|
26636
|
+
--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26637
|
+
--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);
|
|
26638
|
+
--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26639
|
+
--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
|
|
26640
|
+
--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);
|
|
26641
|
+
--pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
26642
|
+
--pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
|
|
26643
|
+
--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);
|
|
26644
|
+
--pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
26645
|
+
--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
|
|
26646
|
+
--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
|
|
26647
|
+
--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
|
|
26648
|
+
--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);
|
|
26649
|
+
--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);
|
|
26650
|
+
--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
26651
|
+
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
26652
|
+
--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
26714
26653
|
--pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
|
|
26715
26654
|
--pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
|
|
26716
26655
|
--pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
@@ -26720,8 +26659,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26720
26659
|
}
|
|
26721
26660
|
@media screen and (max-width: 1200px) {
|
|
26722
26661
|
.pf-v5-c-table {
|
|
26723
|
-
--pf-v5-c-
|
|
26724
|
-
--pf-v5-c-
|
|
26662
|
+
--pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
|
|
26663
|
+
--pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
|
|
26725
26664
|
}
|
|
26726
26665
|
}
|
|
26727
26666
|
@media screen and (min-width: 1200px) {
|
|
@@ -26738,18 +26677,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26738
26677
|
.pf-v5-c-table.pf-m-sticky-header {
|
|
26739
26678
|
position: relative;
|
|
26740
26679
|
}
|
|
26741
|
-
.pf-v5-c-table.pf-m-sticky-header
|
|
26680
|
+
.pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) {
|
|
26742
26681
|
border-bottom: 0;
|
|
26743
26682
|
}
|
|
26744
|
-
.pf-v5-c-table.pf-m-sticky-header
|
|
26683
|
+
.pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) > * {
|
|
26745
26684
|
z-index: var(--pf-v5-c-table--m-sticky-header--cell--ZIndex);
|
|
26746
26685
|
}
|
|
26747
|
-
.pf-v5-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
|
|
26686
|
+
.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) > * {
|
|
26748
26687
|
position: sticky;
|
|
26749
26688
|
top: 0;
|
|
26750
26689
|
background: var(--pf-v5-c-table--BackgroundColor);
|
|
26751
26690
|
}
|
|
26752
|
-
.pf-v5-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > *::after {
|
|
26691
|
+
.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 {
|
|
26753
26692
|
position: absolute;
|
|
26754
26693
|
right: 0;
|
|
26755
26694
|
bottom: 0;
|
|
@@ -26767,32 +26706,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26767
26706
|
height: var(--pf-v5-c-table--border-width--base);
|
|
26768
26707
|
background-color: var(--pf-v5-c-table--BorderColor);
|
|
26769
26708
|
}
|
|
26770
|
-
.pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) th:not([rowspan]),
|
|
26771
|
-
.pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) td:not([rowspan]) {
|
|
26772
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-
|
|
26709
|
+
.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]),
|
|
26710
|
+
.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]) {
|
|
26711
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
|
|
26773
26712
|
}
|
|
26774
|
-
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) {
|
|
26713
|
+
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) {
|
|
26775
26714
|
border-bottom: 0;
|
|
26776
26715
|
}
|
|
26777
|
-
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
|
|
26778
|
-
.pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
|
|
26779
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-
|
|
26716
|
+
.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]),
|
|
26717
|
+
.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]) {
|
|
26718
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
|
|
26780
26719
|
}
|
|
26781
|
-
.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),
|
|
26720
|
+
.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),
|
|
26782
26721
|
.pf-v5-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
26783
26722
|
.pf-v5-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
26784
|
-
.pf-v5-c-table tr.pf-m-striped {
|
|
26723
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-striped {
|
|
26785
26724
|
--pf-v5-c-table__sticky-column--BackgroundColor: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
|
|
26786
26725
|
background: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
|
|
26787
26726
|
}
|
|
26788
|
-
.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row) {
|
|
26727
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
26789
26728
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
26790
26729
|
}
|
|
26791
|
-
.pf-v5-c-table tr:not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
|
|
26730
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
|
|
26792
26731
|
background-color: var(--pf-v5-c-table__tr--m-ghost-row--BackgroundColor);
|
|
26793
26732
|
opacity: var(--pf-v5-c-table__tr--m-ghost-row--Opacity);
|
|
26794
26733
|
}
|
|
26795
|
-
.pf-v5-c-table tr > * {
|
|
26734
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
|
|
26796
26735
|
--pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-table--cell--hidden-visible--Display);
|
|
26797
26736
|
position: relative;
|
|
26798
26737
|
width: var(--pf-v5-c-table--cell--Width);
|
|
@@ -26807,30 +26746,30 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26807
26746
|
word-break: var(--pf-v5-c-table--cell--WordBreak);
|
|
26808
26747
|
white-space: var(--pf-v5-c-table--cell--WhiteSpace);
|
|
26809
26748
|
}
|
|
26810
|
-
.pf-v5-c-table tr > *:first-child {
|
|
26749
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
26811
26750
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--PaddingLeft);
|
|
26812
26751
|
}
|
|
26813
|
-
.pf-v5-c-table tr > *:last-child {
|
|
26752
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
26814
26753
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--PaddingRight);
|
|
26815
26754
|
}
|
|
26816
|
-
.pf-v5-c-table tr > *.pf-m-center {
|
|
26755
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
|
|
26817
26756
|
text-align: center;
|
|
26818
26757
|
}
|
|
26819
|
-
.pf-v5-c-table tr > *:empty {
|
|
26758
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:empty {
|
|
26820
26759
|
width: auto;
|
|
26821
26760
|
min-width: 0;
|
|
26822
26761
|
padding: 0;
|
|
26823
26762
|
}
|
|
26824
|
-
.pf-v5-c-table tr > *.pf-m-help {
|
|
26763
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-help {
|
|
26825
26764
|
--pf-v5-c-table--cell--MinWidth: var(--pf-v5-c-table--cell--m-help--MinWidth);
|
|
26826
26765
|
}
|
|
26827
|
-
.pf-v5-c-table tr > *.pf-m-favorite {
|
|
26766
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-favorite {
|
|
26828
26767
|
--pf-v5-c-table__button--Color: var(--pf-v5-c-table--cell--m-favorite--Color);
|
|
26829
26768
|
--pf-v5-c-table__sort--MinWidth: fit-content;
|
|
26830
26769
|
--pf-v5-c-table--cell--MaxWidth: fit-content;
|
|
26831
26770
|
--pf-v5-c-table--cell--Overflow: visible;
|
|
26832
26771
|
}
|
|
26833
|
-
.pf-v5-c-table tr > *.pf-m-border-right::before, .pf-v5-c-table tr > *.pf-m-border-left::before {
|
|
26772
|
+
.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 {
|
|
26834
26773
|
position: absolute;
|
|
26835
26774
|
top: 0;
|
|
26836
26775
|
right: 0;
|
|
@@ -26839,55 +26778,55 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26839
26778
|
pointer-events: none;
|
|
26840
26779
|
content: "";
|
|
26841
26780
|
}
|
|
26842
|
-
.pf-v5-c-table tr > *.pf-m-border-right::before {
|
|
26781
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before {
|
|
26843
26782
|
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);
|
|
26844
26783
|
}
|
|
26845
|
-
.pf-v5-c-table tr > *.pf-m-border-left::before {
|
|
26784
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
|
|
26846
26785
|
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);
|
|
26847
26786
|
}
|
|
26848
|
-
.pf-v5-c-table caption {
|
|
26849
|
-
padding-top: var(--pf-v5-c-
|
|
26850
|
-
padding-bottom: var(--pf-v5-c-
|
|
26851
|
-
padding-left: var(--pf-v5-c-
|
|
26852
|
-
font-size: var(--pf-v5-c-
|
|
26853
|
-
color: var(--pf-v5-c-
|
|
26787
|
+
.pf-v5-c-table caption:where(.pf-v5-c-table__caption) {
|
|
26788
|
+
padding-top: var(--pf-v5-c-table__caption--PaddingTop);
|
|
26789
|
+
padding-bottom: var(--pf-v5-c-table__caption--PaddingBottom);
|
|
26790
|
+
padding-left: var(--pf-v5-c-table__caption--PaddingLeft);
|
|
26791
|
+
font-size: var(--pf-v5-c-table__caption--FontSize);
|
|
26792
|
+
color: var(--pf-v5-c-table__caption--Color);
|
|
26854
26793
|
text-align: left;
|
|
26855
26794
|
background-color: var(--pf-v5-c-table--BackgroundColor);
|
|
26856
26795
|
}
|
|
26857
|
-
.pf-v5-c-table thead {
|
|
26858
|
-
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-
|
|
26859
|
-
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-
|
|
26796
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
|
|
26797
|
+
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
|
|
26798
|
+
--pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
|
|
26860
26799
|
vertical-align: bottom;
|
|
26861
26800
|
}
|
|
26862
|
-
.pf-v5-c-table thead.pf-m-nested-column-header button {
|
|
26863
|
-
outline-offset: var(--pf-v5-c-
|
|
26801
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
|
|
26802
|
+
outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
|
|
26864
26803
|
}
|
|
26865
|
-
.pf-v5-c-table thead.pf-m-nested-column-header th,
|
|
26866
|
-
.pf-v5-c-table thead.pf-m-nested-column-header td,
|
|
26867
|
-
.pf-v5-c-table thead.pf-m-nested-column-header input {
|
|
26804
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
|
|
26805
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
|
|
26806
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
|
|
26868
26807
|
vertical-align: middle;
|
|
26869
26808
|
}
|
|
26870
|
-
.pf-v5-c-table thead.pf-m-nested-column-header .pf-v5-c-table__check label {
|
|
26809
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
|
|
26871
26810
|
display: flex;
|
|
26872
26811
|
align-items: center;
|
|
26873
26812
|
}
|
|
26874
|
-
.pf-v5-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
|
|
26875
|
-
.pf-v5-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
|
|
26876
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-
|
|
26813
|
+
.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]),
|
|
26814
|
+
.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]) {
|
|
26815
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
|
|
26877
26816
|
}
|
|
26878
|
-
.pf-v5-c-table thead .pf-v5-c-table__subhead {
|
|
26817
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
|
|
26879
26818
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
|
|
26880
26819
|
color: var(--pf-v5-c-table__subhead--Color);
|
|
26881
26820
|
}
|
|
26882
|
-
.pf-v5-c-table tbody {
|
|
26883
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-
|
|
26884
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-
|
|
26821
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
|
|
26822
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
|
|
26823
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
|
|
26885
26824
|
}
|
|
26886
|
-
.pf-v5-c-table tbody > tr > * {
|
|
26825
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
|
|
26887
26826
|
overflow-wrap: break-word;
|
|
26888
26827
|
vertical-align: baseline;
|
|
26889
26828
|
}
|
|
26890
|
-
.pf-v5-c-table tbody > tr > :first-child::after {
|
|
26829
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
|
|
26891
26830
|
position: absolute;
|
|
26892
26831
|
top: var(--pf-v5-c-table__expandable-row--after--Top);
|
|
26893
26832
|
bottom: var(--pf-v5-c-table__expandable-row--after--Bottom);
|
|
@@ -26896,11 +26835,11 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26896
26835
|
background-color: transparent;
|
|
26897
26836
|
border-left: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
|
|
26898
26837
|
}
|
|
26899
|
-
.pf-v5-c-table tbody .pf-v5-c-table__check input {
|
|
26838
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
|
|
26900
26839
|
margin-top: var(--pf-v5-c-table__check--input--MarginTop);
|
|
26901
26840
|
vertical-align: top;
|
|
26902
26841
|
}
|
|
26903
|
-
.pf-v5-c-table tbody.pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
|
|
26842
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
|
|
26904
26843
|
border-bottom-width: 0;
|
|
26905
26844
|
}
|
|
26906
26845
|
.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 {
|
|
@@ -26909,33 +26848,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26909
26848
|
.pf-v5-c-table .pf-v5-c-table__sort {
|
|
26910
26849
|
min-width: var(--pf-v5-c-table__sort--MinWidth);
|
|
26911
26850
|
}
|
|
26912
|
-
.pf-v5-c-table .pf-m-help {
|
|
26913
|
-
min-width: var(--pf-v5-c-
|
|
26851
|
+
.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td).pf-m-help {
|
|
26852
|
+
min-width: var(--pf-v5-c-table__th--m-help--MinWidth);
|
|
26914
26853
|
}
|
|
26915
|
-
.pf-v5-c-table thead,
|
|
26916
|
-
.pf-v5-c-table .pf-m-truncate {
|
|
26854
|
+
.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 {
|
|
26917
26855
|
--pf-v5-c-table--cell--MinWidth: var(--pf-v5-c-table--m-truncate--cell--MinWidth);
|
|
26918
26856
|
--pf-v5-c-table--cell--MaxWidth: var(--pf-v5-c-table--m-truncate--cell--MaxWidth);
|
|
26919
26857
|
--pf-v5-c-table--cell--Overflow: hidden;
|
|
26920
26858
|
--pf-v5-c-table--cell--TextOverflow: ellipsis;
|
|
26921
26859
|
--pf-v5-c-table--cell--WhiteSpace: nowrap;
|
|
26922
26860
|
}
|
|
26923
|
-
|
|
26861
|
+
|
|
26862
|
+
.pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-wrap, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-wrap {
|
|
26924
26863
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
26925
26864
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
26926
26865
|
--pf-v5-c-table--cell--Overflow: visible;
|
|
26927
26866
|
--pf-v5-c-table--cell--TextOverflow: clip;
|
|
26928
26867
|
--pf-v5-c-table--cell--WhiteSpace: normal;
|
|
26929
26868
|
}
|
|
26930
|
-
.pf-v5-c-table .pf-m-nowrap {
|
|
26869
|
+
.pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-nowrap, :where(.pf-v5-c-table) > :is(thead, tbody).pf-m-nowrap {
|
|
26931
26870
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
26932
26871
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
26933
26872
|
--pf-v5-c-table--cell--Overflow: visible;
|
|
26934
26873
|
--pf-v5-c-table--cell--TextOverflow: clip;
|
|
26935
26874
|
--pf-v5-c-table--cell--WhiteSpace: nowrap;
|
|
26936
26875
|
}
|
|
26937
|
-
.pf-v5-c-table .pf-v5-c-table__icon,
|
|
26938
|
-
.pf-v5-c-table .pf-m-fit-content {
|
|
26876
|
+
.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 {
|
|
26939
26877
|
--pf-v5-c-table--cell--MinWidth: fit-content;
|
|
26940
26878
|
--pf-v5-c-table--cell--MaxWidth: none;
|
|
26941
26879
|
--pf-v5-c-table--cell--Width: 1%;
|
|
@@ -26943,105 +26881,105 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
26943
26881
|
--pf-v5-c-table--cell--TextOverflow: clip;
|
|
26944
26882
|
--pf-v5-c-table--cell--WhiteSpace: nowrap;
|
|
26945
26883
|
}
|
|
26946
|
-
.pf-v5-c-table .pf-m-break-word {
|
|
26884
|
+
.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 {
|
|
26947
26885
|
--pf-v5-c-table--cell--WordBreak: break-word;
|
|
26948
26886
|
--pf-v5-c-table--cell--WhiteSpace: normal;
|
|
26949
26887
|
}
|
|
26950
|
-
.pf-v5-c-table.pf-m-no-border-rows > tbody > tr {
|
|
26888
|
+
.pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) {
|
|
26951
26889
|
border-bottom: 0;
|
|
26952
26890
|
}
|
|
26953
|
-
.pf-v5-c-table.pf-m-no-border-rows > tbody > tr > :first-child::after {
|
|
26891
|
+
.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 {
|
|
26954
26892
|
border-left: 0;
|
|
26955
26893
|
}
|
|
26956
|
-
.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 {
|
|
26894
|
+
.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 {
|
|
26957
26895
|
display: none;
|
|
26958
26896
|
}
|
|
26959
|
-
.pf-v5-c-table.pf-m-no-border-rows > tbody.pf-m-expanded > .pf-v5-c-table__control-row {
|
|
26897
|
+
.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 {
|
|
26960
26898
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
26961
26899
|
}
|
|
26962
|
-
.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 {
|
|
26900
|
+
.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 {
|
|
26963
26901
|
border-left-width: 0;
|
|
26964
26902
|
}
|
|
26965
|
-
.pf-v5-c-table tr.pf-m-clickable {
|
|
26903
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
|
|
26966
26904
|
cursor: pointer;
|
|
26967
|
-
background-color: var(--pf-v5-c-
|
|
26968
|
-
outline-offset: var(--pf-v5-c-
|
|
26969
|
-
box-shadow: var(--pf-v5-c-
|
|
26905
|
+
background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
|
|
26906
|
+
outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
|
|
26907
|
+
box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
|
|
26970
26908
|
}
|
|
26971
|
-
.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 {
|
|
26972
|
-
box-shadow: var(--pf-v5-c-
|
|
26909
|
+
.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 {
|
|
26910
|
+
box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
|
|
26973
26911
|
}
|
|
26974
|
-
.pf-v5-c-table tr.pf-m-clickable:hover {
|
|
26975
|
-
--pf-v5-c-
|
|
26976
|
-
--pf-v5-c-
|
|
26912
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
|
|
26913
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
|
|
26914
|
+
--pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
26977
26915
|
}
|
|
26978
|
-
.pf-v5-c-table tr.pf-m-clickable:focus {
|
|
26979
|
-
--pf-v5-c-
|
|
26980
|
-
--pf-v5-c-
|
|
26916
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
|
|
26917
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
|
|
26918
|
+
--pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
|
|
26981
26919
|
}
|
|
26982
|
-
.pf-v5-c-table tr.pf-m-clickable:active {
|
|
26983
|
-
--pf-v5-c-
|
|
26984
|
-
--pf-v5-c-
|
|
26920
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
|
|
26921
|
+
--pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
|
|
26922
|
+
--pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
|
|
26985
26923
|
}
|
|
26986
|
-
.pf-v5-c-table tr.pf-m-selected {
|
|
26987
|
-
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-
|
|
26988
|
-
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-
|
|
26924
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
26925
|
+
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
|
|
26926
|
+
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);
|
|
26989
26927
|
position: relative;
|
|
26990
|
-
background-color: var(--pf-v5-c-
|
|
26991
|
-
outline-offset: var(--pf-v5-c-
|
|
26992
|
-
box-shadow: var(--pf-v5-c-
|
|
26928
|
+
background-color: var(--pf-v5-c-table__tr--m-selected--BackgroundColor);
|
|
26929
|
+
outline-offset: var(--pf-v5-c-table__tr--m-selected--OutlineOffset);
|
|
26930
|
+
box-shadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow);
|
|
26993
26931
|
}
|
|
26994
|
-
.pf-v5-c-table tr.pf-m-selected + tr.pf-m-selected {
|
|
26995
|
-
box-shadow: var(--pf-v5-c-
|
|
26932
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected + tr:where(.pf-v5-c-table__tr).pf-m-selected {
|
|
26933
|
+
box-shadow: var(--pf-v5-c-table__tr--m-selected--m-selected--BoxShadow);
|
|
26996
26934
|
}
|
|
26997
|
-
.pf-v5-c-table tr.pf-m-selected + tr.pf-m-selected:hover {
|
|
26998
|
-
box-shadow: var(--pf-v5-c-
|
|
26935
|
+
.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 {
|
|
26936
|
+
box-shadow: var(--pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow);
|
|
26999
26937
|
}
|
|
27000
|
-
.pf-v5-c-table tr.pf-m-selected:hover + tr.pf-m-selected {
|
|
27001
|
-
box-shadow: var(--pf-v5-c-
|
|
26938
|
+
.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 {
|
|
26939
|
+
box-shadow: var(--pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow);
|
|
27002
26940
|
}
|
|
27003
|
-
.pf-v5-c-table tr.pf-m-first-cell-offset-reset {
|
|
27004
|
-
--pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-
|
|
26941
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-first-cell-offset-reset {
|
|
26942
|
+
--pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
|
|
27005
26943
|
}
|
|
27006
|
-
.pf-v5-c-table tbody.pf-m-clickable {
|
|
26944
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable {
|
|
27007
26945
|
cursor: pointer;
|
|
27008
|
-
background-color: var(--pf-v5-c-
|
|
27009
|
-
outline-offset: var(--pf-v5-c-
|
|
27010
|
-
box-shadow: var(--pf-v5-c-
|
|
26946
|
+
background-color: var(--pf-v5-c-table__tbody--m-clickable--BackgroundColor);
|
|
26947
|
+
outline-offset: var(--pf-v5-c-table__tbody--m-clickable--OutlineOffset);
|
|
26948
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow);
|
|
27011
26949
|
}
|
|
27012
|
-
.pf-v5-c-table tbody.pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
|
|
27013
|
-
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-
|
|
26950
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) {
|
|
26951
|
+
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor);
|
|
27014
26952
|
}
|
|
27015
|
-
.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 {
|
|
27016
|
-
box-shadow: var(--pf-v5-c-
|
|
26953
|
+
.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 {
|
|
26954
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow);
|
|
27017
26955
|
}
|
|
27018
|
-
.pf-v5-c-table tbody.pf-m-clickable:hover {
|
|
27019
|
-
--pf-v5-c-
|
|
27020
|
-
--pf-v5-c-
|
|
26956
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:hover {
|
|
26957
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--hover--BoxShadow);
|
|
26958
|
+
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
27021
26959
|
}
|
|
27022
|
-
.pf-v5-c-table tbody.pf-m-clickable:focus {
|
|
27023
|
-
--pf-v5-c-
|
|
27024
|
-
--pf-v5-c-
|
|
26960
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:focus {
|
|
26961
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--focus--BoxShadow);
|
|
26962
|
+
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor);
|
|
27025
26963
|
}
|
|
27026
|
-
.pf-v5-c-table tbody.pf-m-clickable:active {
|
|
27027
|
-
--pf-v5-c-
|
|
27028
|
-
--pf-v5-c-
|
|
26964
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:active {
|
|
26965
|
+
--pf-v5-c-table__tbody--m-clickable--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--active--BoxShadow);
|
|
26966
|
+
--pf-v5-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor);
|
|
27029
26967
|
}
|
|
27030
|
-
.pf-v5-c-table tbody.pf-m-selected {
|
|
27031
|
-
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-
|
|
27032
|
-
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-
|
|
27033
|
-
background-color: var(--pf-v5-c-
|
|
27034
|
-
outline-offset: var(--pf-v5-c-
|
|
27035
|
-
box-shadow: var(--pf-v5-c-
|
|
26968
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
|
|
26969
|
+
--pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth);
|
|
26970
|
+
--pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor);
|
|
26971
|
+
background-color: var(--pf-v5-c-table__tbody--m-selected--BackgroundColor);
|
|
26972
|
+
outline-offset: var(--pf-v5-c-table__tbody--m-selected--OutlineOffset);
|
|
26973
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow);
|
|
27036
26974
|
}
|
|
27037
|
-
.pf-v5-c-table tbody.pf-m-selected + tbody.pf-m-selected {
|
|
27038
|
-
--pf-v5-c-
|
|
26975
|
+
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected + tbody:where(.pf-v5-c-table__tbody).pf-m-selected {
|
|
26976
|
+
--pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow);
|
|
27039
26977
|
}
|
|
27040
|
-
.pf-v5-c-table tbody.pf-m-selected + tbody.pf-m-selected:hover {
|
|
27041
|
-
box-shadow: var(--pf-v5-c-
|
|
26978
|
+
.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 {
|
|
26979
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow);
|
|
27042
26980
|
}
|
|
27043
|
-
.pf-v5-c-table tbody.pf-m-selected:hover + tbody.pf-m-selected {
|
|
27044
|
-
box-shadow: var(--pf-v5-c-
|
|
26981
|
+
.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 {
|
|
26982
|
+
box-shadow: var(--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow);
|
|
27045
26983
|
}
|
|
27046
26984
|
.pf-v5-c-table.pf-m-drag-over {
|
|
27047
26985
|
overflow-anchor: none;
|
|
@@ -27124,25 +27062,25 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27124
27062
|
.pf-v5-c-table__column-help .pf-v5-c-table__text {
|
|
27125
27063
|
min-width: auto;
|
|
27126
27064
|
}
|
|
27127
|
-
.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,
|
|
27128
|
-
.pf-v5-c-table thead.pf-m-nowrap .pf-v5-c-table__column-help,
|
|
27129
|
-
.pf-v5-c-table tr.pf-m-nowrap .pf-v5-c-table__column-help,
|
|
27130
|
-
.pf-v5-c-table th.pf-m-nowrap .pf-v5-c-table__column-help {
|
|
27065
|
+
.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,
|
|
27066
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nowrap .pf-v5-c-table__column-help,
|
|
27067
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-nowrap .pf-v5-c-table__column-help,
|
|
27068
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-nowrap .pf-v5-c-table__column-help {
|
|
27131
27069
|
grid-template-columns: min-content max-content;
|
|
27132
27070
|
}
|
|
27133
|
-
.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,
|
|
27134
|
-
.pf-v5-c-table thead.pf-m-fit-content .pf-v5-c-table__column-help,
|
|
27135
|
-
.pf-v5-c-table tr.pf-m-fit-content .pf-v5-c-table__column-help,
|
|
27136
|
-
.pf-v5-c-table th.pf-m-fit-content .pf-v5-c-table__column-help {
|
|
27071
|
+
.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,
|
|
27072
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-fit-content .pf-v5-c-table__column-help,
|
|
27073
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-fit-content .pf-v5-c-table__column-help,
|
|
27074
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-fit-content .pf-v5-c-table__column-help {
|
|
27137
27075
|
grid-template-columns: fit-content max-content;
|
|
27138
27076
|
}
|
|
27139
|
-
.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,
|
|
27140
|
-
.pf-v5-c-table thead.pf-m-wrap .pf-v5-c-table__column-help,
|
|
27141
|
-
.pf-v5-c-table tr.pf-m-wrap .pf-v5-c-table__column-help,
|
|
27142
|
-
.pf-v5-c-table th.pf-m-wrap .pf-v5-c-table__column-help,
|
|
27143
|
-
.pf-v5-c-table thead.pf-m-truncate .pf-v5-c-table__column-help,
|
|
27144
|
-
.pf-v5-c-table tr.pf-m-truncate .pf-v5-c-table__column-help,
|
|
27145
|
-
.pf-v5-c-table th.pf-m-truncate .pf-v5-c-table__column-help {
|
|
27077
|
+
.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,
|
|
27078
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-wrap .pf-v5-c-table__column-help,
|
|
27079
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-wrap .pf-v5-c-table__column-help,
|
|
27080
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-wrap .pf-v5-c-table__column-help,
|
|
27081
|
+
.pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-truncate .pf-v5-c-table__column-help,
|
|
27082
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-truncate .pf-v5-c-table__column-help,
|
|
27083
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-truncate .pf-v5-c-table__column-help {
|
|
27146
27084
|
grid-template-columns: auto max-content;
|
|
27147
27085
|
}
|
|
27148
27086
|
|
|
@@ -27156,7 +27094,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27156
27094
|
.pf-v5-c-table .pf-v5-c-table__toggle,
|
|
27157
27095
|
.pf-v5-c-table .pf-v5-c-table__action,
|
|
27158
27096
|
.pf-v5-c-table .pf-v5-c-table__favorite,
|
|
27159
|
-
.pf-v5-c-table th.pf-m-favorite,
|
|
27097
|
+
.pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-favorite,
|
|
27160
27098
|
.pf-v5-c-table .pf-v5-c-table__inline-edit-action,
|
|
27161
27099
|
.pf-v5-c-table .pf-v5-c-table__draggable {
|
|
27162
27100
|
--pf-v5-c-table--cell--MinWidth: 0;
|
|
@@ -27344,7 +27282,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27344
27282
|
color: var(--pf-v5-c-table__sort--m-selected__button--Color);
|
|
27345
27283
|
}
|
|
27346
27284
|
.pf-v5-c-table__sort.pf-m-help {
|
|
27347
|
-
--pf-v5-c-
|
|
27285
|
+
--pf-v5-c-table__th--m-help--MinWidth: var(--pf-v5-c-table__sort--m-help--MinWidth);
|
|
27348
27286
|
}
|
|
27349
27287
|
.pf-v5-c-table__sort.pf-m-favorite {
|
|
27350
27288
|
--pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort--m-favorite__button__text--Color);
|
|
@@ -27369,15 +27307,15 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27369
27307
|
box-shadow: 0 0 0 0 transparent;
|
|
27370
27308
|
}
|
|
27371
27309
|
.pf-v5-c-table__expandable-row,
|
|
27372
|
-
.pf-v5-c-table__expandable-row td:first-child::after {
|
|
27310
|
+
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
|
|
27373
27311
|
transition: var(--pf-v5-c-table__expandable-row--Transition);
|
|
27374
27312
|
}
|
|
27375
|
-
.pf-v5-c-table__expandable-row td.pf-m-no-padding,
|
|
27376
|
-
.pf-v5-c-table__expandable-row th.pf-m-no-padding {
|
|
27313
|
+
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
|
|
27314
|
+
.pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
|
|
27377
27315
|
padding: 0 0 0 var(--pf-v5-c-table__expandable-row--after--border-width--base);
|
|
27378
27316
|
}
|
|
27379
|
-
.pf-v5-c-table__expandable-row td.pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
27380
|
-
.pf-v5-c-table__expandable-row th.pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
27317
|
+
.pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
|
|
27318
|
+
.pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
|
|
27381
27319
|
padding: 0;
|
|
27382
27320
|
}
|
|
27383
27321
|
.pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content {
|
|
@@ -27393,10 +27331,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27393
27331
|
display: none;
|
|
27394
27332
|
}
|
|
27395
27333
|
|
|
27396
|
-
.pf-v5-c-table .pf-v5-c-table tr > *:first-child {
|
|
27334
|
+
.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
27397
27335
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
|
27398
27336
|
}
|
|
27399
|
-
.pf-v5-c-table .pf-v5-c-table tr > *:last-child {
|
|
27337
|
+
.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
27400
27338
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
|
27401
27339
|
}
|
|
27402
27340
|
|
|
@@ -27406,25 +27344,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27406
27344
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
|
27407
27345
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
|
27408
27346
|
}
|
|
27409
|
-
.pf-v5-c-table.pf-m-compact tr {
|
|
27347
|
+
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
|
|
27410
27348
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
|
|
27411
27349
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
|
|
27412
27350
|
}
|
|
27413
|
-
.pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) {
|
|
27351
|
+
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
|
|
27414
27352
|
--pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
|
|
27415
27353
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
|
|
27416
27354
|
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
|
|
27417
27355
|
}
|
|
27418
|
-
.pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
27356
|
+
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
|
|
27419
27357
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
27420
27358
|
}
|
|
27421
|
-
.pf-v5-c-table.pf-m-compact tr:not(.pf-v5-c-table__expandable-row) > *:last-child {
|
|
27359
|
+
.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
|
|
27422
27360
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
27423
27361
|
}
|
|
27424
|
-
.pf-v5-c-table.pf-m-compact thead th,
|
|
27425
|
-
.pf-v5-c-table.pf-m-compact thead .pf-v5-c-
|
|
27426
|
-
|
|
27427
|
-
--pf-v5-c-table--cell--
|
|
27362
|
+
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
|
|
27363
|
+
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) td:where(.pf-v5-c-table__td),
|
|
27364
|
+
.pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
|
|
27365
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
|
|
27366
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
|
|
27428
27367
|
}
|
|
27429
27368
|
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
|
|
27430
27369
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
|
|
@@ -27440,10 +27379,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27440
27379
|
min-width: 0;
|
|
27441
27380
|
text-align: center;
|
|
27442
27381
|
}
|
|
27443
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr > *:first-child {
|
|
27382
|
+
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
|
|
27444
27383
|
--pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
|
|
27445
27384
|
}
|
|
27446
|
-
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr > *:last-child {
|
|
27385
|
+
.pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
|
|
27447
27386
|
--pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
|
|
27448
27387
|
}
|
|
27449
27388
|
.pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
|
|
@@ -27623,31 +27562,31 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27623
27562
|
--pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
27624
27563
|
--pf-v5-c-table__tree-view-main--MarginLeft: var(--pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
27625
27564
|
}
|
|
27626
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="2"] {
|
|
27565
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
27627
27566
|
--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));
|
|
27628
27567
|
}
|
|
27629
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="3"] {
|
|
27568
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
27630
27569
|
--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));
|
|
27631
27570
|
}
|
|
27632
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="4"] {
|
|
27571
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
27633
27572
|
--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));
|
|
27634
27573
|
}
|
|
27635
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="5"] {
|
|
27574
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
27636
27575
|
--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));
|
|
27637
27576
|
}
|
|
27638
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="6"] {
|
|
27577
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
27639
27578
|
--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));
|
|
27640
27579
|
}
|
|
27641
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="7"] {
|
|
27580
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
27642
27581
|
--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));
|
|
27643
27582
|
}
|
|
27644
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="8"] {
|
|
27583
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
27645
27584
|
--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));
|
|
27646
27585
|
}
|
|
27647
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="9"] {
|
|
27586
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
27648
27587
|
--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));
|
|
27649
27588
|
}
|
|
27650
|
-
.pf-v5-c-table.pf-m-tree-view tr[aria-level="10"] {
|
|
27589
|
+
.pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
27651
27590
|
--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));
|
|
27652
27591
|
}
|
|
27653
27592
|
|
|
@@ -27693,85 +27632,85 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27693
27632
|
|
|
27694
27633
|
.pf-m-tree-view-grid.pf-v5-c-table {
|
|
27695
27634
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
27696
|
-
--pf-v5-c-table--m-tree-view-
|
|
27697
|
-
--pf-v5-c-table--m-tree-view-
|
|
27698
|
-
--pf-v5-c-table--m-tree-view-
|
|
27699
|
-
--pf-v5-c-table--m-tree-view-
|
|
27635
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27636
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27637
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
27638
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
27700
27639
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27701
27640
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27702
27641
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
27703
27642
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27704
27643
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
27705
27644
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27706
|
-
--pf-v5-c-table--m-tree-view-
|
|
27707
|
-
--pf-v5-c-table--m-tree-view-
|
|
27708
|
-
--pf-v5-c-table--m-tree-view-
|
|
27645
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
27646
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
27647
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
27709
27648
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
27710
27649
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
27711
27650
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
27712
|
-
--pf-v5-c-
|
|
27713
|
-
--pf-v5-c-
|
|
27651
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
27652
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
27714
27653
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
27715
27654
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
27716
27655
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
27717
27656
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
27718
27657
|
}
|
|
27719
|
-
.pf-m-tree-view-grid.pf-v5-c-table tbody tr {
|
|
27658
|
+
.pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
27720
27659
|
position: relative;
|
|
27721
27660
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
27722
27661
|
border: none;
|
|
27723
27662
|
}
|
|
27724
|
-
.pf-m-tree-view-grid.pf-v5-c-table tbody tr::before {
|
|
27663
|
+
.pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr)::before {
|
|
27725
27664
|
position: absolute;
|
|
27726
27665
|
top: 0;
|
|
27727
27666
|
right: 0;
|
|
27728
27667
|
bottom: 0;
|
|
27729
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
27668
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
27730
27669
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
27731
27670
|
content: "";
|
|
27732
27671
|
}
|
|
27733
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr:not([hidden]) {
|
|
27672
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
27734
27673
|
display: grid;
|
|
27735
27674
|
grid-template-columns: 1fr max-content;
|
|
27736
27675
|
}
|
|
27737
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
27676
|
+
.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 {
|
|
27738
27677
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
27739
27678
|
}
|
|
27740
|
-
.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 {
|
|
27679
|
+
.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 {
|
|
27741
27680
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
27742
27681
|
}
|
|
27743
|
-
.pf-m-tree-view-grid.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
27744
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
27745
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
27746
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
27682
|
+
.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) {
|
|
27683
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
27684
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
27685
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
27747
27686
|
}
|
|
27748
27687
|
.pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
27749
27688
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
27750
27689
|
}
|
|
27751
|
-
.pf-m-tree-view-grid.pf-v5-c-table thead th {
|
|
27690
|
+
.pf-m-tree-view-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
27752
27691
|
display: none;
|
|
27753
27692
|
}
|
|
27754
|
-
.pf-m-tree-view-grid.pf-v5-c-table td {
|
|
27693
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
27755
27694
|
display: none;
|
|
27756
27695
|
}
|
|
27757
|
-
.pf-m-tree-view-grid.pf-v5-c-table td[data-label] {
|
|
27696
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
27758
27697
|
grid-column: 1;
|
|
27759
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
27760
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
27698
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
27699
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
27761
27700
|
align-items: start;
|
|
27762
27701
|
}
|
|
27763
|
-
.pf-m-tree-view-grid.pf-v5-c-table td[data-label] > * {
|
|
27702
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
27764
27703
|
grid-column: 2;
|
|
27765
27704
|
}
|
|
27766
|
-
.pf-m-tree-view-grid.pf-v5-c-table td[data-label]::before {
|
|
27705
|
+
.pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
27767
27706
|
font-weight: bold;
|
|
27768
27707
|
text-align: left;
|
|
27769
27708
|
content: attr(data-label);
|
|
27770
27709
|
}
|
|
27771
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
27710
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
27772
27711
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
27773
27712
|
}
|
|
27774
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
27713
|
+
.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] {
|
|
27775
27714
|
display: grid;
|
|
27776
27715
|
}
|
|
27777
27716
|
.pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -27783,9 +27722,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27783
27722
|
}
|
|
27784
27723
|
.pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__action {
|
|
27785
27724
|
--pf-v5-c-table--cell--Width: auto;
|
|
27786
|
-
--pf-v5-c-table--m-tree-view-
|
|
27787
|
-
--pf-v5-c-table--m-tree-view-
|
|
27788
|
-
--pf-v5-c-table--m-tree-view-
|
|
27725
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
27726
|
+
--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);
|
|
27727
|
+
--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);
|
|
27789
27728
|
grid-column: 2;
|
|
27790
27729
|
grid-row: 1;
|
|
27791
27730
|
}
|
|
@@ -27802,116 +27741,116 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27802
27741
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
27803
27742
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
27804
27743
|
}
|
|
27805
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="2"] {
|
|
27806
|
-
--pf-v5-c-table--m-tree-view-
|
|
27744
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
27745
|
+
--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));
|
|
27807
27746
|
}
|
|
27808
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="3"] {
|
|
27809
|
-
--pf-v5-c-table--m-tree-view-
|
|
27747
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
27748
|
+
--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));
|
|
27810
27749
|
}
|
|
27811
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="4"] {
|
|
27812
|
-
--pf-v5-c-table--m-tree-view-
|
|
27750
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
27751
|
+
--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));
|
|
27813
27752
|
}
|
|
27814
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="5"] {
|
|
27815
|
-
--pf-v5-c-table--m-tree-view-
|
|
27753
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
27754
|
+
--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));
|
|
27816
27755
|
}
|
|
27817
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="6"] {
|
|
27818
|
-
--pf-v5-c-table--m-tree-view-
|
|
27756
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
27757
|
+
--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));
|
|
27819
27758
|
}
|
|
27820
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="7"] {
|
|
27821
|
-
--pf-v5-c-table--m-tree-view-
|
|
27759
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
27760
|
+
--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));
|
|
27822
27761
|
}
|
|
27823
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="8"] {
|
|
27824
|
-
--pf-v5-c-table--m-tree-view-
|
|
27762
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
27763
|
+
--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));
|
|
27825
27764
|
}
|
|
27826
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="9"] {
|
|
27827
|
-
--pf-v5-c-table--m-tree-view-
|
|
27765
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
27766
|
+
--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));
|
|
27828
27767
|
}
|
|
27829
|
-
.pf-m-tree-view-grid.pf-v5-c-table tr[aria-level="10"] {
|
|
27830
|
-
--pf-v5-c-table--m-tree-view-
|
|
27768
|
+
.pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
27769
|
+
--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));
|
|
27831
27770
|
}
|
|
27832
27771
|
|
|
27833
27772
|
@media screen and (max-width: 768px) {
|
|
27834
27773
|
.pf-m-tree-view-grid-md.pf-v5-c-table {
|
|
27835
27774
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
27836
|
-
--pf-v5-c-table--m-tree-view-
|
|
27837
|
-
--pf-v5-c-table--m-tree-view-
|
|
27838
|
-
--pf-v5-c-table--m-tree-view-
|
|
27839
|
-
--pf-v5-c-table--m-tree-view-
|
|
27775
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27776
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27777
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
27778
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
27840
27779
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27841
27780
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27842
27781
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
27843
27782
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27844
27783
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
27845
27784
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27846
|
-
--pf-v5-c-table--m-tree-view-
|
|
27847
|
-
--pf-v5-c-table--m-tree-view-
|
|
27848
|
-
--pf-v5-c-table--m-tree-view-
|
|
27785
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
27786
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
27787
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
27849
27788
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
27850
27789
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
27851
27790
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
27852
|
-
--pf-v5-c-
|
|
27853
|
-
--pf-v5-c-
|
|
27791
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
27792
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
27854
27793
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
27855
27794
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
27856
27795
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
27857
27796
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
27858
27797
|
}
|
|
27859
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tbody tr {
|
|
27798
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
27860
27799
|
position: relative;
|
|
27861
27800
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
27862
27801
|
border: none;
|
|
27863
27802
|
}
|
|
27864
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tbody tr::before {
|
|
27803
|
+
.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 {
|
|
27865
27804
|
position: absolute;
|
|
27866
27805
|
top: 0;
|
|
27867
27806
|
right: 0;
|
|
27868
27807
|
bottom: 0;
|
|
27869
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
27808
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
27870
27809
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
27871
27810
|
content: "";
|
|
27872
27811
|
}
|
|
27873
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr:not([hidden]) {
|
|
27812
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
27874
27813
|
display: grid;
|
|
27875
27814
|
grid-template-columns: 1fr max-content;
|
|
27876
27815
|
}
|
|
27877
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
27816
|
+
.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 {
|
|
27878
27817
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
27879
27818
|
}
|
|
27880
|
-
.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 {
|
|
27819
|
+
.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 {
|
|
27881
27820
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
27882
27821
|
}
|
|
27883
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
27884
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
27885
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
27886
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
27822
|
+
.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) {
|
|
27823
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
27824
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
27825
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
27887
27826
|
}
|
|
27888
27827
|
.pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
27889
27828
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
27890
27829
|
}
|
|
27891
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table thead th {
|
|
27830
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
27892
27831
|
display: none;
|
|
27893
27832
|
}
|
|
27894
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td {
|
|
27833
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
27895
27834
|
display: none;
|
|
27896
27835
|
}
|
|
27897
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] {
|
|
27836
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
27898
27837
|
grid-column: 1;
|
|
27899
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
27900
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
27838
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
27839
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
27901
27840
|
align-items: start;
|
|
27902
27841
|
}
|
|
27903
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td[data-label] > * {
|
|
27842
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
27904
27843
|
grid-column: 2;
|
|
27905
27844
|
}
|
|
27906
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table td[data-label]::before {
|
|
27845
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
27907
27846
|
font-weight: bold;
|
|
27908
27847
|
text-align: left;
|
|
27909
27848
|
content: attr(data-label);
|
|
27910
27849
|
}
|
|
27911
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
27850
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
27912
27851
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
27913
27852
|
}
|
|
27914
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
27853
|
+
.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] {
|
|
27915
27854
|
display: grid;
|
|
27916
27855
|
}
|
|
27917
27856
|
.pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -27923,9 +27862,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27923
27862
|
}
|
|
27924
27863
|
.pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__action {
|
|
27925
27864
|
--pf-v5-c-table--cell--Width: auto;
|
|
27926
|
-
--pf-v5-c-table--m-tree-view-
|
|
27927
|
-
--pf-v5-c-table--m-tree-view-
|
|
27928
|
-
--pf-v5-c-table--m-tree-view-
|
|
27865
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
27866
|
+
--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);
|
|
27867
|
+
--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);
|
|
27929
27868
|
grid-column: 2;
|
|
27930
27869
|
grid-row: 1;
|
|
27931
27870
|
}
|
|
@@ -27942,117 +27881,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
27942
27881
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
27943
27882
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
27944
27883
|
}
|
|
27945
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="2"] {
|
|
27946
|
-
--pf-v5-c-table--m-tree-view-
|
|
27884
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
27885
|
+
--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));
|
|
27947
27886
|
}
|
|
27948
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="3"] {
|
|
27949
|
-
--pf-v5-c-table--m-tree-view-
|
|
27887
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
27888
|
+
--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));
|
|
27950
27889
|
}
|
|
27951
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="4"] {
|
|
27952
|
-
--pf-v5-c-table--m-tree-view-
|
|
27890
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
27891
|
+
--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));
|
|
27953
27892
|
}
|
|
27954
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="5"] {
|
|
27955
|
-
--pf-v5-c-table--m-tree-view-
|
|
27893
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
27894
|
+
--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));
|
|
27956
27895
|
}
|
|
27957
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="6"] {
|
|
27958
|
-
--pf-v5-c-table--m-tree-view-
|
|
27896
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
27897
|
+
--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));
|
|
27959
27898
|
}
|
|
27960
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="7"] {
|
|
27961
|
-
--pf-v5-c-table--m-tree-view-
|
|
27899
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
27900
|
+
--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));
|
|
27962
27901
|
}
|
|
27963
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="8"] {
|
|
27964
|
-
--pf-v5-c-table--m-tree-view-
|
|
27902
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
27903
|
+
--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));
|
|
27965
27904
|
}
|
|
27966
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="9"] {
|
|
27967
|
-
--pf-v5-c-table--m-tree-view-
|
|
27905
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
27906
|
+
--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));
|
|
27968
27907
|
}
|
|
27969
|
-
.pf-m-tree-view-grid-md.pf-v5-c-table tr[aria-level="10"] {
|
|
27970
|
-
--pf-v5-c-table--m-tree-view-
|
|
27908
|
+
.pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
27909
|
+
--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));
|
|
27971
27910
|
}
|
|
27972
27911
|
}
|
|
27973
27912
|
|
|
27974
27913
|
@media screen and (max-width: 992px) {
|
|
27975
27914
|
.pf-m-tree-view-grid-lg.pf-v5-c-table {
|
|
27976
27915
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
27977
|
-
--pf-v5-c-table--m-tree-view-
|
|
27978
|
-
--pf-v5-c-table--m-tree-view-
|
|
27979
|
-
--pf-v5-c-table--m-tree-view-
|
|
27980
|
-
--pf-v5-c-table--m-tree-view-
|
|
27916
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27917
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27918
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
27919
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
27981
27920
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
27982
27921
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
27983
27922
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
27984
27923
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27985
27924
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
27986
27925
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
27987
|
-
--pf-v5-c-table--m-tree-view-
|
|
27988
|
-
--pf-v5-c-table--m-tree-view-
|
|
27989
|
-
--pf-v5-c-table--m-tree-view-
|
|
27926
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
27927
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
27928
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
27990
27929
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
27991
27930
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
27992
27931
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
27993
|
-
--pf-v5-c-
|
|
27994
|
-
--pf-v5-c-
|
|
27932
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
27933
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
27995
27934
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
27996
27935
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
27997
27936
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
27998
27937
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
27999
27938
|
}
|
|
28000
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr {
|
|
27939
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
28001
27940
|
position: relative;
|
|
28002
27941
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
28003
27942
|
border: none;
|
|
28004
27943
|
}
|
|
28005
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tbody tr::before {
|
|
27944
|
+
.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 {
|
|
28006
27945
|
position: absolute;
|
|
28007
27946
|
top: 0;
|
|
28008
27947
|
right: 0;
|
|
28009
27948
|
bottom: 0;
|
|
28010
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
27949
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28011
27950
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
28012
27951
|
content: "";
|
|
28013
27952
|
}
|
|
28014
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:not([hidden]) {
|
|
27953
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
28015
27954
|
display: grid;
|
|
28016
27955
|
grid-template-columns: 1fr max-content;
|
|
28017
27956
|
}
|
|
28018
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
27957
|
+
.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 {
|
|
28019
27958
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
28020
27959
|
}
|
|
28021
|
-
.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 {
|
|
27960
|
+
.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 {
|
|
28022
27961
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
28023
27962
|
}
|
|
28024
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28025
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
28026
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
28027
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
27963
|
+
.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) {
|
|
27964
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
27965
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
27966
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28028
27967
|
}
|
|
28029
27968
|
.pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
28030
27969
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
28031
27970
|
}
|
|
28032
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table thead th {
|
|
27971
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
28033
27972
|
display: none;
|
|
28034
27973
|
}
|
|
28035
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td {
|
|
27974
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
28036
27975
|
display: none;
|
|
28037
27976
|
}
|
|
28038
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] {
|
|
27977
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
28039
27978
|
grid-column: 1;
|
|
28040
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
28041
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
27979
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
27980
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
28042
27981
|
align-items: start;
|
|
28043
27982
|
}
|
|
28044
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label] > * {
|
|
27983
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
28045
27984
|
grid-column: 2;
|
|
28046
27985
|
}
|
|
28047
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table td[data-label]::before {
|
|
27986
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
28048
27987
|
font-weight: bold;
|
|
28049
27988
|
text-align: left;
|
|
28050
27989
|
content: attr(data-label);
|
|
28051
27990
|
}
|
|
28052
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
27991
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
28053
27992
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
28054
27993
|
}
|
|
28055
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
27994
|
+
.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] {
|
|
28056
27995
|
display: grid;
|
|
28057
27996
|
}
|
|
28058
27997
|
.pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -28064,9 +28003,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28064
28003
|
}
|
|
28065
28004
|
.pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__action {
|
|
28066
28005
|
--pf-v5-c-table--cell--Width: auto;
|
|
28067
|
-
--pf-v5-c-table--m-tree-view-
|
|
28068
|
-
--pf-v5-c-table--m-tree-view-
|
|
28069
|
-
--pf-v5-c-table--m-tree-view-
|
|
28006
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
28007
|
+
--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);
|
|
28008
|
+
--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);
|
|
28070
28009
|
grid-column: 2;
|
|
28071
28010
|
grid-row: 1;
|
|
28072
28011
|
}
|
|
@@ -28083,117 +28022,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28083
28022
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
28084
28023
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
28085
28024
|
}
|
|
28086
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="2"] {
|
|
28087
|
-
--pf-v5-c-table--m-tree-view-
|
|
28025
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
28026
|
+
--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));
|
|
28088
28027
|
}
|
|
28089
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="3"] {
|
|
28090
|
-
--pf-v5-c-table--m-tree-view-
|
|
28028
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
28029
|
+
--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));
|
|
28091
28030
|
}
|
|
28092
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="4"] {
|
|
28093
|
-
--pf-v5-c-table--m-tree-view-
|
|
28031
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
28032
|
+
--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));
|
|
28094
28033
|
}
|
|
28095
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="5"] {
|
|
28096
|
-
--pf-v5-c-table--m-tree-view-
|
|
28034
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
28035
|
+
--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));
|
|
28097
28036
|
}
|
|
28098
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="6"] {
|
|
28099
|
-
--pf-v5-c-table--m-tree-view-
|
|
28037
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
28038
|
+
--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));
|
|
28100
28039
|
}
|
|
28101
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="7"] {
|
|
28102
|
-
--pf-v5-c-table--m-tree-view-
|
|
28040
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
28041
|
+
--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));
|
|
28103
28042
|
}
|
|
28104
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="8"] {
|
|
28105
|
-
--pf-v5-c-table--m-tree-view-
|
|
28043
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
28044
|
+
--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));
|
|
28106
28045
|
}
|
|
28107
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="9"] {
|
|
28108
|
-
--pf-v5-c-table--m-tree-view-
|
|
28046
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
28047
|
+
--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));
|
|
28109
28048
|
}
|
|
28110
|
-
.pf-m-tree-view-grid-lg.pf-v5-c-table tr[aria-level="10"] {
|
|
28111
|
-
--pf-v5-c-table--m-tree-view-
|
|
28049
|
+
.pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
28050
|
+
--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));
|
|
28112
28051
|
}
|
|
28113
28052
|
}
|
|
28114
28053
|
|
|
28115
28054
|
@media screen and (max-width: 1200px) {
|
|
28116
28055
|
.pf-m-tree-view-grid-xl.pf-v5-c-table {
|
|
28117
28056
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
28118
|
-
--pf-v5-c-table--m-tree-view-
|
|
28119
|
-
--pf-v5-c-table--m-tree-view-
|
|
28120
|
-
--pf-v5-c-table--m-tree-view-
|
|
28121
|
-
--pf-v5-c-table--m-tree-view-
|
|
28057
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28058
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28059
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
28060
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
28122
28061
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28123
28062
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28124
28063
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
28125
28064
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28126
28065
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
28127
28066
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28128
|
-
--pf-v5-c-table--m-tree-view-
|
|
28129
|
-
--pf-v5-c-table--m-tree-view-
|
|
28130
|
-
--pf-v5-c-table--m-tree-view-
|
|
28067
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
28068
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
28069
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
28131
28070
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
28132
28071
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
28133
28072
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
28134
|
-
--pf-v5-c-
|
|
28135
|
-
--pf-v5-c-
|
|
28073
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
28074
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
28136
28075
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
28137
28076
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
28138
28077
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
28139
28078
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
28140
28079
|
}
|
|
28141
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr {
|
|
28080
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
28142
28081
|
position: relative;
|
|
28143
28082
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
28144
28083
|
border: none;
|
|
28145
28084
|
}
|
|
28146
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tbody tr::before {
|
|
28085
|
+
.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 {
|
|
28147
28086
|
position: absolute;
|
|
28148
28087
|
top: 0;
|
|
28149
28088
|
right: 0;
|
|
28150
28089
|
bottom: 0;
|
|
28151
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
28090
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28152
28091
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
28153
28092
|
content: "";
|
|
28154
28093
|
}
|
|
28155
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:not([hidden]) {
|
|
28094
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
28156
28095
|
display: grid;
|
|
28157
28096
|
grid-template-columns: 1fr max-content;
|
|
28158
28097
|
}
|
|
28159
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
28098
|
+
.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 {
|
|
28160
28099
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
28161
28100
|
}
|
|
28162
|
-
.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 {
|
|
28101
|
+
.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 {
|
|
28163
28102
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
28164
28103
|
}
|
|
28165
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28166
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
28167
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
28168
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
28104
|
+
.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) {
|
|
28105
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
28106
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
28107
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28169
28108
|
}
|
|
28170
28109
|
.pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
28171
28110
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
28172
28111
|
}
|
|
28173
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table thead th {
|
|
28112
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
28174
28113
|
display: none;
|
|
28175
28114
|
}
|
|
28176
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td {
|
|
28115
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
28177
28116
|
display: none;
|
|
28178
28117
|
}
|
|
28179
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] {
|
|
28118
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
28180
28119
|
grid-column: 1;
|
|
28181
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
28182
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
28120
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
28121
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
28183
28122
|
align-items: start;
|
|
28184
28123
|
}
|
|
28185
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label] > * {
|
|
28124
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
28186
28125
|
grid-column: 2;
|
|
28187
28126
|
}
|
|
28188
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table td[data-label]::before {
|
|
28127
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
28189
28128
|
font-weight: bold;
|
|
28190
28129
|
text-align: left;
|
|
28191
28130
|
content: attr(data-label);
|
|
28192
28131
|
}
|
|
28193
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
28132
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
28194
28133
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
28195
28134
|
}
|
|
28196
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
28135
|
+
.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] {
|
|
28197
28136
|
display: grid;
|
|
28198
28137
|
}
|
|
28199
28138
|
.pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -28205,9 +28144,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28205
28144
|
}
|
|
28206
28145
|
.pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__action {
|
|
28207
28146
|
--pf-v5-c-table--cell--Width: auto;
|
|
28208
|
-
--pf-v5-c-table--m-tree-view-
|
|
28209
|
-
--pf-v5-c-table--m-tree-view-
|
|
28210
|
-
--pf-v5-c-table--m-tree-view-
|
|
28147
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
28148
|
+
--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);
|
|
28149
|
+
--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);
|
|
28211
28150
|
grid-column: 2;
|
|
28212
28151
|
grid-row: 1;
|
|
28213
28152
|
}
|
|
@@ -28224,117 +28163,117 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28224
28163
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
28225
28164
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
28226
28165
|
}
|
|
28227
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="2"] {
|
|
28228
|
-
--pf-v5-c-table--m-tree-view-
|
|
28166
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
28167
|
+
--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));
|
|
28229
28168
|
}
|
|
28230
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="3"] {
|
|
28231
|
-
--pf-v5-c-table--m-tree-view-
|
|
28169
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
28170
|
+
--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));
|
|
28232
28171
|
}
|
|
28233
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="4"] {
|
|
28234
|
-
--pf-v5-c-table--m-tree-view-
|
|
28172
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
28173
|
+
--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));
|
|
28235
28174
|
}
|
|
28236
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="5"] {
|
|
28237
|
-
--pf-v5-c-table--m-tree-view-
|
|
28175
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
28176
|
+
--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));
|
|
28238
28177
|
}
|
|
28239
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="6"] {
|
|
28240
|
-
--pf-v5-c-table--m-tree-view-
|
|
28178
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
28179
|
+
--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));
|
|
28241
28180
|
}
|
|
28242
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="7"] {
|
|
28243
|
-
--pf-v5-c-table--m-tree-view-
|
|
28181
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
28182
|
+
--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));
|
|
28244
28183
|
}
|
|
28245
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="8"] {
|
|
28246
|
-
--pf-v5-c-table--m-tree-view-
|
|
28184
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
28185
|
+
--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));
|
|
28247
28186
|
}
|
|
28248
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="9"] {
|
|
28249
|
-
--pf-v5-c-table--m-tree-view-
|
|
28187
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
28188
|
+
--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));
|
|
28250
28189
|
}
|
|
28251
|
-
.pf-m-tree-view-grid-xl.pf-v5-c-table tr[aria-level="10"] {
|
|
28252
|
-
--pf-v5-c-table--m-tree-view-
|
|
28190
|
+
.pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
28191
|
+
--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));
|
|
28253
28192
|
}
|
|
28254
28193
|
}
|
|
28255
28194
|
|
|
28256
28195
|
@media screen and (max-width: 1450px) {
|
|
28257
28196
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table {
|
|
28258
28197
|
--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
|
|
28259
|
-
--pf-v5-c-table--m-tree-view-
|
|
28260
|
-
--pf-v5-c-table--m-tree-view-
|
|
28261
|
-
--pf-v5-c-table--m-tree-view-
|
|
28262
|
-
--pf-v5-c-table--m-tree-view-
|
|
28198
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28199
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28200
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
28201
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
|
|
28263
28202
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
28264
28203
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
28265
28204
|
--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
|
|
28266
28205
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28267
28206
|
--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
|
|
28268
28207
|
--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
|
|
28269
|
-
--pf-v5-c-table--m-tree-view-
|
|
28270
|
-
--pf-v5-c-table--m-tree-view-
|
|
28271
|
-
--pf-v5-c-table--m-tree-view-
|
|
28208
|
+
--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
|
|
28209
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
28210
|
+
--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
28272
28211
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
|
|
28273
28212
|
--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
|
|
28274
28213
|
--pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
28275
|
-
--pf-v5-c-
|
|
28276
|
-
--pf-v5-c-
|
|
28214
|
+
--pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
|
|
28215
|
+
--pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
|
|
28277
28216
|
--pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
|
|
28278
28217
|
--pf-v5-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
|
|
28279
28218
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
|
|
28280
28219
|
--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
|
|
28281
28220
|
}
|
|
28282
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr {
|
|
28221
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) {
|
|
28283
28222
|
position: relative;
|
|
28284
28223
|
outline-offset: var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
28285
28224
|
border: none;
|
|
28286
28225
|
}
|
|
28287
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tbody tr::before {
|
|
28226
|
+
.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 {
|
|
28288
28227
|
position: absolute;
|
|
28289
28228
|
top: 0;
|
|
28290
28229
|
right: 0;
|
|
28291
28230
|
bottom: 0;
|
|
28292
|
-
left: var(--pf-v5-c-table--m-tree-view-
|
|
28231
|
+
left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28293
28232
|
border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
|
|
28294
28233
|
content: "";
|
|
28295
28234
|
}
|
|
28296
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:not([hidden]) {
|
|
28235
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) {
|
|
28297
28236
|
display: grid;
|
|
28298
28237
|
grid-template-columns: 1fr max-content;
|
|
28299
28238
|
}
|
|
28300
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-expanded] .pf-v5-c-table__tree-view-title-cell {
|
|
28239
|
+
.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 {
|
|
28301
28240
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
|
|
28302
28241
|
}
|
|
28303
|
-
.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 {
|
|
28242
|
+
.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 {
|
|
28304
28243
|
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
|
|
28305
28244
|
}
|
|
28306
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:not(.pf-v5-c-table__tree-view-title-cell) {
|
|
28307
|
-
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-
|
|
28308
|
-
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-
|
|
28309
|
-
padding-left: var(--pf-v5-c-table--m-tree-view-
|
|
28245
|
+
.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) {
|
|
28246
|
+
--pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
|
|
28247
|
+
--pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
|
|
28248
|
+
padding-left: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
|
|
28310
28249
|
}
|
|
28311
28250
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-text {
|
|
28312
28251
|
padding-right: var(--pf-v5-c-table__tree-view-text--PaddingRight);
|
|
28313
28252
|
}
|
|
28314
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table thead th {
|
|
28253
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th) {
|
|
28315
28254
|
display: none;
|
|
28316
28255
|
}
|
|
28317
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td {
|
|
28256
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td) {
|
|
28318
28257
|
display: none;
|
|
28319
28258
|
}
|
|
28320
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] {
|
|
28259
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] {
|
|
28321
28260
|
grid-column: 1;
|
|
28322
|
-
grid-column-gap: var(--pf-v5-c-table--m-tree-view-
|
|
28323
|
-
grid-template-columns: var(--pf-v5-c-table--m-tree-view-
|
|
28261
|
+
grid-column-gap: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
28262
|
+
grid-template-columns: var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
28324
28263
|
align-items: start;
|
|
28325
28264
|
}
|
|
28326
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label] > * {
|
|
28265
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] > * {
|
|
28327
28266
|
grid-column: 2;
|
|
28328
28267
|
}
|
|
28329
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table td[data-label]::before {
|
|
28268
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
|
|
28330
28269
|
font-weight: bold;
|
|
28331
28270
|
text-align: left;
|
|
28332
28271
|
content: attr(data-label);
|
|
28333
28272
|
}
|
|
28334
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded {
|
|
28273
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded {
|
|
28335
28274
|
padding-bottom: var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
|
|
28336
28275
|
}
|
|
28337
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
|
|
28276
|
+
.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] {
|
|
28338
28277
|
display: grid;
|
|
28339
28278
|
}
|
|
28340
28279
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell {
|
|
@@ -28346,9 +28285,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28346
28285
|
}
|
|
28347
28286
|
.pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__action {
|
|
28348
28287
|
--pf-v5-c-table--cell--Width: auto;
|
|
28349
|
-
--pf-v5-c-table--m-tree-view-
|
|
28350
|
-
--pf-v5-c-table--m-tree-view-
|
|
28351
|
-
--pf-v5-c-table--m-tree-view-
|
|
28288
|
+
--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
|
|
28289
|
+
--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);
|
|
28290
|
+
--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);
|
|
28352
28291
|
grid-column: 2;
|
|
28353
28292
|
grid-row: 1;
|
|
28354
28293
|
}
|
|
@@ -28365,32 +28304,32 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
28365
28304
|
margin-top: var(--pf-v5-c-table__tree-view-details-toggle--MarginTop);
|
|
28366
28305
|
margin-bottom: var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom);
|
|
28367
28306
|
}
|
|
28368
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="2"] {
|
|
28369
|
-
--pf-v5-c-table--m-tree-view-
|
|
28307
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] {
|
|
28308
|
+
--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));
|
|
28370
28309
|
}
|
|
28371
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="3"] {
|
|
28372
|
-
--pf-v5-c-table--m-tree-view-
|
|
28310
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] {
|
|
28311
|
+
--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));
|
|
28373
28312
|
}
|
|
28374
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="4"] {
|
|
28375
|
-
--pf-v5-c-table--m-tree-view-
|
|
28313
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] {
|
|
28314
|
+
--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));
|
|
28376
28315
|
}
|
|
28377
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="5"] {
|
|
28378
|
-
--pf-v5-c-table--m-tree-view-
|
|
28316
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] {
|
|
28317
|
+
--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));
|
|
28379
28318
|
}
|
|
28380
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="6"] {
|
|
28381
|
-
--pf-v5-c-table--m-tree-view-
|
|
28319
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] {
|
|
28320
|
+
--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));
|
|
28382
28321
|
}
|
|
28383
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="7"] {
|
|
28384
|
-
--pf-v5-c-table--m-tree-view-
|
|
28322
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] {
|
|
28323
|
+
--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));
|
|
28385
28324
|
}
|
|
28386
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="8"] {
|
|
28387
|
-
--pf-v5-c-table--m-tree-view-
|
|
28325
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] {
|
|
28326
|
+
--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));
|
|
28388
28327
|
}
|
|
28389
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="9"] {
|
|
28390
|
-
--pf-v5-c-table--m-tree-view-
|
|
28328
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] {
|
|
28329
|
+
--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));
|
|
28391
28330
|
}
|
|
28392
|
-
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr[aria-level="10"] {
|
|
28393
|
-
--pf-v5-c-table--m-tree-view-
|
|
28331
|
+
.pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] {
|
|
28332
|
+
--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));
|
|
28394
28333
|
}
|
|
28395
28334
|
}
|
|
28396
28335
|
|
|
@@ -29930,7 +29869,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
29930
29869
|
--pf-v5-c-number-input--c-form-control--width-icon: var(--pf-v5-c-number-input--m-status--c-form-control--width-icon);
|
|
29931
29870
|
}
|
|
29932
29871
|
.pf-v5-c-number-input .pf-v5-c-form-control {
|
|
29933
|
-
display: inline-flex;
|
|
29934
29872
|
width: var(--pf-v5-c-number-input--c-form-control--Width);
|
|
29935
29873
|
text-align: right;
|
|
29936
29874
|
}
|