@patternfly/patternfly 5.0.0-alpha.3 → 5.0.0-alpha.31
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/RELEASE-NOTES.md +17 -0
- package/assets/icons/iconUnicodes.json +1 -0
- package/assets/pficon/pficon.scss +6 -0
- package/assets/pficon/pficon.woff +0 -0
- package/assets/pficon/pficon.woff2 +0 -0
- package/base/_base.scss +0 -18
- package/base/_chart-globals.scss +0 -4
- package/base/_common.scss +0 -22
- package/base/_fonts.scss +22 -22
- package/base/_globals.scss +1 -1
- package/base/_icons.scss +1 -28
- package/base/_svg-icons.scss +6 -0
- package/base/_variables.scss +1 -1
- package/base/patternfly-common.css +0 -10
- package/base/patternfly-fonts.css +17 -17
- package/base/patternfly-icons.css +6 -20
- package/base/patternfly-pf-icons.css +5 -1
- package/base/themes/dark/_globals.scss +1 -1
- package/base/themes/dark/_variables.scss +1 -1
- package/components/AboutModalBox/about-modal-box.css +7 -7
- package/components/AboutModalBox/about-modal-box.scss +7 -7
- package/components/Accordion/accordion.css +2 -0
- package/components/Accordion/accordion.scss +2 -0
- package/components/Alert/alert.css +3 -3
- package/components/Alert/alert.scss +3 -3
- package/components/AppLauncher/app-launcher.css +2 -0
- package/components/AppLauncher/app-launcher.scss +2 -0
- package/components/Avatar/avatar.scss +2 -2
- package/components/Banner/banner.css +14 -14
- package/components/Banner/banner.scss +9 -13
- package/components/Breadcrumb/breadcrumb.css +2 -0
- package/components/Breadcrumb/breadcrumb.scss +2 -0
- package/components/CalendarMonth/calendar-month.css +2 -2
- package/components/CalendarMonth/calendar-month.scss +3 -3
- package/components/Card/card.css +20 -21
- package/components/Card/card.scss +22 -26
- package/components/Chip/chip.css +33 -24
- package/components/Chip/chip.scss +40 -31
- package/components/ChipGroup/chip-group.css +27 -17
- package/components/ChipGroup/chip-group.scss +36 -22
- package/components/Content/content.css +11 -5
- package/components/Content/content.scss +17 -9
- package/components/ContextSelector/context-selector.css +5 -1
- package/components/ContextSelector/context-selector.scss +6 -2
- package/components/DataList/data-list-grid.css +7 -7
- package/components/DataList/data-list-grid.scss +1 -1
- package/components/DataList/data-list.css +12 -11
- package/components/DataList/data-list.scss +5 -4
- package/components/DescriptionList/description-list.css +7 -7
- package/components/DescriptionList/description-list.scss +7 -7
- package/components/Divider/divider.css +2 -2
- package/components/Divider/divider.scss +3 -3
- package/components/Drawer/drawer.css +15 -16
- package/components/Drawer/drawer.scss +2 -3
- package/components/Dropdown/dropdown.css +12 -10
- package/components/Dropdown/dropdown.scss +2 -0
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/EmptyState/empty-state.css +46 -52
- package/components/EmptyState/empty-state.scss +58 -57
- package/components/ExpandableSection/expandable-section.css +2 -0
- package/components/ExpandableSection/expandable-section.scss +2 -0
- package/components/Form/form.css +12 -12
- package/components/Form/form.scss +7 -7
- package/components/FormControl/form-control.css +2 -5
- package/components/FormControl/themes/dark/form-control.scss +2 -6
- package/components/Hint/hint.css +2 -2
- package/components/Hint/hint.scss +2 -2
- package/components/Label/label.css +43 -30
- package/components/Label/label.scss +49 -34
- package/components/LabelGroup/label-group.css +26 -22
- package/components/LabelGroup/label-group.scss +31 -26
- package/components/Login/login.css +11 -11
- package/components/Login/login.scss +10 -10
- package/components/Masthead/masthead.css +4 -4
- package/components/Masthead/masthead.scss +4 -4
- package/components/Menu/menu.css +9 -6
- package/components/Menu/menu.scss +34 -31
- package/components/MenuToggle/menu-toggle.css +3 -1
- package/components/MenuToggle/menu-toggle.scss +3 -1
- package/components/ModalBox/modal-box.css +9 -8
- package/components/ModalBox/modal-box.scss +11 -11
- package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
- package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +2 -2
- package/components/NotificationDrawer/notification-drawer.css +3 -3
- package/components/NotificationDrawer/notification-drawer.scss +3 -3
- package/components/Page/page.css +71 -71
- package/components/Page/page.scss +12 -12
- package/components/Pagination/pagination.css +2 -2
- package/components/Popover/popover.css +25 -31
- package/components/Popover/popover.scss +27 -32
- package/components/Popover/themes/dark/popover.scss +2 -8
- package/components/Progress/progress.css +13 -10
- package/components/Progress/progress.scss +13 -10
- package/components/ProgressStepper/progress-stepper.css +5 -5
- package/components/ProgressStepper/progress-stepper.scss +5 -5
- package/components/SearchInput/search-input.css +4 -2
- package/components/SearchInput/search-input.scss +4 -2
- package/components/Select/select.css +1 -1
- package/components/Select/select.scss +1 -1
- package/components/Sidebar/sidebar.css +69 -26
- package/components/Sidebar/sidebar.scss +84 -27
- package/components/SimpleList/simple-list.css +1 -1
- package/components/SimpleList/simple-list.scss +2 -2
- package/components/Spinner/spinner.css +4 -4
- package/components/Spinner/spinner.scss +4 -4
- package/components/Table/table-grid.css +28 -28
- package/components/Table/table-scrollable.css +31 -26
- package/components/Table/table-scrollable.scss +33 -28
- package/components/Table/table-tree-view.css +14 -4
- package/components/Table/table-tree-view.scss +15 -0
- package/components/Table/table.css +7 -2
- package/components/Table/table.scss +9 -2
- package/components/Tabs/tabs.css +0 -4
- package/components/Tabs/tabs.scss +0 -7
- package/components/TextInputGroup/text-input-group.css +6 -4
- package/components/TextInputGroup/text-input-group.scss +6 -5
- package/components/Tile/tile.css +1 -1
- package/components/Tile/tile.scss +1 -1
- package/components/Timestamp/timestamp.css +3 -3
- package/components/Timestamp/timestamp.scss +3 -3
- package/components/Toolbar/toolbar.css +78 -43
- package/components/Toolbar/toolbar.scss +50 -10
- package/components/Tooltip/themes/dark/tooltip.scss +1 -11
- package/components/Tooltip/tooltip.css +7 -12
- package/components/Tooltip/tooltip.scss +6 -3
- package/components/TreeView/tree-view.css +7 -15
- package/components/TreeView/tree-view.scss +7 -18
- package/components/Wizard/wizard.css +16 -1
- package/components/Wizard/wizard.scss +20 -2
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
- package/docs/components/Accordion/examples/Accordion.md +12 -12
- package/docs/components/ActionList/examples/ActionList.md +6 -6
- package/docs/components/Alert/examples/Alert.md +19 -19
- package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
- package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
- package/docs/components/Avatar/examples/Avatar.md +11 -11
- package/docs/components/BackToTop/examples/BackToTop.md +4 -4
- package/docs/components/Backdrop/examples/Backdrop.md +4 -4
- package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
- package/docs/components/Badge/examples/Badge.md +5 -5
- package/docs/components/Banner/examples/Banner.md +8 -8
- package/docs/components/Brand/examples/Brand.md +9 -9
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
- package/docs/components/Button/examples/Button.md +35 -35
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
- package/docs/components/Card/examples/Card.md +139 -64
- package/docs/components/Check/examples/Check.md +15 -19
- package/docs/components/Chip/examples/Chip.md +70 -52
- package/docs/components/ChipGroup/examples/ChipGroup.md +452 -673
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
- package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
- package/docs/components/CodeEditor/examples/CodeEditor.md +54 -35
- package/docs/components/Content/examples/Content.md +37 -9
- package/docs/components/ContextSelector/examples/context-selector.css +5 -1
- package/docs/components/ContextSelector/examples/context-selector.md +86 -80
- package/docs/components/DataList/examples/DataList.md +187 -148
- package/docs/components/DatePicker/examples/DatePicker.md +10 -10
- package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
- package/docs/components/Divider/examples/Divider.md +10 -10
- package/docs/components/DragDrop/examples/DragDrop.md +5 -5
- package/docs/components/Drawer/examples/Drawer.md +43 -43
- package/docs/components/Dropdown/examples/Dropdown.css +5 -2
- package/docs/components/Dropdown/examples/Dropdown.md +123 -99
- package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
- package/docs/components/EmptyState/examples/EmptyState.md +130 -82
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
- package/docs/components/FileUpload/examples/FileUpload.md +8 -8
- package/docs/components/Form/examples/Form.md +64 -64
- package/docs/components/FormControl/examples/FormControl.md +20 -20
- package/docs/components/HelperText/examples/HelperText.md +12 -12
- package/docs/components/Hint/examples/Hint.md +7 -7
- package/docs/components/Icon/examples/Icon.md +10 -10
- package/docs/components/InlineEdit/examples/InlineEdit.md +29 -27
- package/docs/components/InputGroup/examples/InputGroup.md +10 -10
- package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
- package/docs/components/Label/examples/Label.md +1427 -746
- package/docs/components/LabelGroup/examples/LabelGroup.md +295 -242
- package/docs/components/List/examples/List.md +18 -18
- package/docs/components/LogViewer/examples/LogViewer.md +79 -73
- package/docs/components/Login/examples/Login.md +32 -32
- package/docs/components/Masthead/examples/masthead.md +9 -9
- package/docs/components/Menu/examples/Menu.md +82 -80
- package/docs/components/MenuToggle/examples/MenuToggle.md +28 -28
- package/docs/components/ModalBox/examples/ModalBox.md +106 -85
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
- package/docs/components/Nav/examples/Navigation.md +69 -69
- package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
- package/docs/components/NumberInput/examples/NumberInput.md +12 -12
- package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
- package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
- package/docs/components/Page/examples/Page.md +54 -54
- package/docs/components/Pagination/examples/Pagination.md +27 -27
- package/docs/components/Panel/examples/Panel.md +10 -10
- package/docs/components/Popover/examples/Popover.md +201 -144
- package/docs/components/Progress/examples/Progress.md +31 -60
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
- package/docs/components/Radio/examples/Radio.md +11 -11
- package/docs/components/SearchInput/examples/SearchInput.md +34 -34
- package/docs/components/Select/examples/Select.md +367 -313
- package/docs/components/Sidebar/examples/Sidebar.md +70 -14
- package/docs/components/SimpleList/examples/SimpleList.md +15 -15
- package/docs/components/Skeleton/examples/Skeleton.md +8 -8
- package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
- package/docs/components/Slider/examples/Slider.md +24 -24
- package/docs/components/Spinner/examples/Spinner.md +24 -24
- package/docs/components/Switch/examples/Switch.md +19 -19
- package/docs/components/TabContent/examples/TabContent.md +13 -13
- package/docs/components/Table/examples/Table.css +4 -0
- package/docs/components/Table/examples/Table.md +3163 -1712
- package/docs/components/Tabs/examples/Tabs.md +149 -149
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +362 -280
- package/docs/components/Tile/examples/Tile.md +15 -15
- package/docs/components/Timestamp/examples/Timestamp.md +5 -5
- package/docs/components/Title/examples/Title.md +17 -17
- package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
- package/docs/components/Toolbar/examples/Toolbar.md +466 -373
- package/docs/components/Tooltip/examples/Tooltip.md +10 -10
- package/docs/components/TreeView/examples/TreeView.md +34 -34
- package/docs/components/Truncate/examples/Truncate.md +4 -4
- package/docs/components/Wizard/examples/Wizard.md +119 -127
- package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
- package/docs/demos/Alert/examples/Alert.md +13 -13
- package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
- package/docs/demos/Banner/examples/Banner.md +8 -9
- package/docs/demos/Card/examples/Card.md +219 -156
- package/docs/demos/CardView/examples/CardView.md +56 -29
- package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
- package/docs/demos/Dashboard/examples/Dashboard.md +51 -35
- package/docs/demos/DataList/examples/DataList.md +158 -109
- package/docs/demos/DescriptionList/examples/DescriptionList.md +33 -22
- package/docs/demos/Drawer/examples/Drawer.md +24 -22
- package/docs/demos/Form/examples/BasicForms.md +28 -22
- package/docs/demos/HelperText/examples/HelperText.md +8 -9
- package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
- package/docs/demos/Masthead/examples/Masthead.md +29 -32
- package/docs/demos/Modal/examples/Modal.md +54 -66
- package/docs/demos/Nav/examples/Nav.md +47 -47
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
- package/docs/demos/Page/examples/Page.md +37 -37
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -33
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +74 -64
- package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
- package/docs/demos/Table/examples/Table.md +2454 -467
- package/docs/demos/Tabs/examples/Tabs.md +141 -90
- package/docs/demos/Toolbar/examples/Toolbar.md +1808 -174
- package/docs/demos/Wizard/examples/Wizard.md +289 -266
- package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
- package/docs/layouts/Flex/examples/Flex.md +98 -98
- package/docs/layouts/Gallery/examples/Gallery.md +7 -7
- package/docs/layouts/Grid/examples/Grid.md +9 -9
- package/docs/layouts/Level/examples/Level.md +5 -5
- package/docs/layouts/Split/examples/Split.md +7 -7
- package/docs/layouts/Stack/examples/Stack.md +6 -6
- package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
- package/docs/utilities/Alignment/examples/Alignment.md +6 -6
- package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
- package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
- package/docs/utilities/Display/examples/Display.md +11 -11
- package/docs/utilities/Flex/examples/Flex.md +34 -34
- package/docs/utilities/Float/examples/Float.md +4 -4
- package/docs/utilities/Sizing/examples/Sizing.md +50 -50
- package/docs/utilities/Spacing/examples/Spacing.md +34 -34
- package/docs/utilities/Text/examples/Text.md +27 -27
- package/icons/{pf-icons.json → pf-icons.mjs} +2 -1
- package/layouts/Gallery/gallery.css +1 -1
- package/layouts/Gallery/gallery.scss +1 -1
- package/layouts/Grid/grid.css +7 -7
- package/layouts/Grid/grid.scss +2 -2
- package/package.json +59 -65
- package/patternfly-base-no-reset.css +23 -47
- package/patternfly-base.css +23 -47
- package/patternfly-no-reset.css +781 -656
- package/patternfly.css +781 -656
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +8 -24
- package/sass-utilities/mixins.scss +15 -39
- package/sass-utilities/scss-variables.scss +1 -1
- package/sass-utilities/themes/dark/scss-variables.scss +1 -1
- package/utilities/Spacing/spacing.scss +2 -2
- package/base/_shield-inheritable.scss +0 -69
- package/base/_shield-noninheritable.scss +0 -13
- package/base/patternfly-shield-inheritable.css +0 -66
- package/base/patternfly-shield-inheritable.scss +0 -4
- package/base/patternfly-shield-noninheritable.css +0 -9
- package/base/patternfly-shield-noninheritable.scss +0 -4
package/patternfly-no-reset.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-
|
|
2
|
+
.pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
|
|
3
3
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
4
4
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
5
5
|
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
@@ -470,133 +470,123 @@
|
|
|
470
470
|
|
|
471
471
|
@font-face {
|
|
472
472
|
font-family: "RedHatDisplay";
|
|
473
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
474
473
|
font-style: normal;
|
|
475
474
|
font-weight: 300;
|
|
475
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
476
476
|
text-rendering: optimizelegibility;
|
|
477
477
|
}
|
|
478
478
|
@font-face {
|
|
479
479
|
font-family: "RedHatDisplay";
|
|
480
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
|
|
481
480
|
font-style: normal;
|
|
482
481
|
font-weight: 400;
|
|
482
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
|
|
483
483
|
text-rendering: optimizelegibility;
|
|
484
484
|
}
|
|
485
485
|
@font-face {
|
|
486
486
|
font-family: "RedHatDisplay";
|
|
487
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
|
|
488
487
|
font-style: normal;
|
|
489
488
|
font-weight: 700;
|
|
489
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
|
|
490
490
|
text-rendering: optimizelegibility;
|
|
491
491
|
}
|
|
492
492
|
@font-face {
|
|
493
493
|
font-family: "RedHatText";
|
|
494
|
-
src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
|
|
495
494
|
font-style: normal;
|
|
496
495
|
font-weight: 400;
|
|
496
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
|
|
497
497
|
text-rendering: optimizelegibility;
|
|
498
498
|
}
|
|
499
499
|
@font-face {
|
|
500
500
|
font-family: "RedHatText";
|
|
501
|
-
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
|
|
502
501
|
font-style: normal;
|
|
503
502
|
font-weight: 700;
|
|
503
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
|
|
504
504
|
text-rendering: optimizelegibility;
|
|
505
505
|
}
|
|
506
506
|
@font-face {
|
|
507
507
|
font-family: "RedHatDisplayUpdated";
|
|
508
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
|
|
509
508
|
font-style: normal;
|
|
510
509
|
font-weight: 300;
|
|
510
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
|
|
511
511
|
text-rendering: optimizelegibility;
|
|
512
512
|
}
|
|
513
513
|
@font-face {
|
|
514
514
|
font-family: "RedHatDisplayUpdated";
|
|
515
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
|
|
516
515
|
font-style: normal;
|
|
517
516
|
font-weight: 400;
|
|
517
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
|
|
518
518
|
text-rendering: optimizelegibility;
|
|
519
519
|
}
|
|
520
520
|
@font-face {
|
|
521
521
|
font-family: "RedHatDisplayUpdated";
|
|
522
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
|
|
523
522
|
font-style: normal;
|
|
524
523
|
font-weight: 700;
|
|
524
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
|
|
525
525
|
text-rendering: optimizelegibility;
|
|
526
526
|
}
|
|
527
527
|
@font-face {
|
|
528
528
|
font-family: "RedHatTextUpdated";
|
|
529
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
|
|
530
529
|
font-style: normal;
|
|
531
530
|
font-weight: 400;
|
|
531
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
|
|
532
532
|
text-rendering: optimizelegibility;
|
|
533
533
|
}
|
|
534
534
|
@font-face {
|
|
535
535
|
font-family: "RedHatTextUpdated";
|
|
536
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
|
|
537
536
|
font-style: normal;
|
|
538
537
|
font-weight: 700;
|
|
538
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
|
|
539
539
|
text-rendering: optimizelegibility;
|
|
540
540
|
}
|
|
541
541
|
@font-face {
|
|
542
542
|
font-family: "RedHatMono";
|
|
543
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
|
|
544
543
|
font-style: normal;
|
|
545
544
|
font-weight: 400;
|
|
545
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
|
|
546
546
|
font-display: fallback;
|
|
547
547
|
}
|
|
548
548
|
@font-face {
|
|
549
549
|
font-family: "RedHatDisplayVF";
|
|
550
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
|
|
551
550
|
font-style: normal;
|
|
552
551
|
font-weight: 300 900;
|
|
552
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
|
|
553
553
|
font-display: fallback;
|
|
554
554
|
}
|
|
555
555
|
@font-face {
|
|
556
556
|
font-family: "RedHatDisplayVF";
|
|
557
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
558
557
|
font-style: italic;
|
|
559
558
|
font-weight: 300 900;
|
|
559
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
560
560
|
font-display: fallback;
|
|
561
561
|
}
|
|
562
562
|
@font-face {
|
|
563
563
|
font-family: "RedHatTextVF";
|
|
564
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
|
|
565
564
|
font-style: normal;
|
|
566
565
|
font-weight: 400 500;
|
|
566
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
|
|
567
567
|
font-display: fallback;
|
|
568
568
|
}
|
|
569
569
|
@font-face {
|
|
570
570
|
font-family: "RedHatTextVF";
|
|
571
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
572
571
|
font-style: italic;
|
|
573
572
|
font-weight: 400 500;
|
|
573
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
574
574
|
font-display: fallback;
|
|
575
575
|
}
|
|
576
576
|
@font-face {
|
|
577
577
|
font-family: "RedHatMonoVF";
|
|
578
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
|
|
579
578
|
font-style: normal;
|
|
580
579
|
font-weight: 300 700;
|
|
580
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
|
|
581
581
|
font-display: fallback;
|
|
582
582
|
}
|
|
583
583
|
@font-face {
|
|
584
584
|
font-family: "RedHatMonoVF";
|
|
585
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
|
|
586
585
|
font-style: italic;
|
|
587
586
|
font-weight: 300 700;
|
|
587
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
|
|
588
588
|
font-display: fallback;
|
|
589
589
|
}
|
|
590
|
-
[class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
|
|
591
|
-
padding: 0;
|
|
592
|
-
margin: 0;
|
|
593
|
-
background-color: transparent;
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
html {
|
|
597
|
-
font-size: var(--pf-global--root--FontSize, unset) !important;
|
|
598
|
-
}
|
|
599
|
-
|
|
600
590
|
.pf-screen-reader {
|
|
601
591
|
position: fixed;
|
|
602
592
|
top: 0;
|
|
@@ -4843,7 +4833,7 @@ html {
|
|
|
4843
4833
|
font-family: "pficon";
|
|
4844
4834
|
src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
|
|
4845
4835
|
}
|
|
4846
|
-
.pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
|
|
4836
|
+
.pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
|
|
4847
4837
|
font-family: "pficon";
|
|
4848
4838
|
-webkit-font-smoothing: antialiased;
|
|
4849
4839
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -4942,6 +4932,10 @@ html {
|
|
|
4942
4932
|
content: "\e976";
|
|
4943
4933
|
}
|
|
4944
4934
|
|
|
4935
|
+
.pf-icon-data-processor:before {
|
|
4936
|
+
content: "\e97b";
|
|
4937
|
+
}
|
|
4938
|
+
|
|
4945
4939
|
.pf-icon-data-sink:before {
|
|
4946
4940
|
content: "\e978";
|
|
4947
4941
|
}
|
|
@@ -5362,30 +5356,12 @@ html {
|
|
|
5362
5356
|
content: "\e911";
|
|
5363
5357
|
}
|
|
5364
5358
|
|
|
5365
|
-
.pf-svg
|
|
5359
|
+
.pf-svg {
|
|
5366
5360
|
width: 1em;
|
|
5367
5361
|
height: 1em;
|
|
5368
5362
|
vertical-align: -0.125em;
|
|
5369
5363
|
}
|
|
5370
5364
|
|
|
5371
|
-
.pf-svg-size-md {
|
|
5372
|
-
width: 1.5em;
|
|
5373
|
-
height: 1.5em;
|
|
5374
|
-
vertical-align: -0.1875em;
|
|
5375
|
-
}
|
|
5376
|
-
|
|
5377
|
-
.pf-svg-size-lg {
|
|
5378
|
-
width: 2em;
|
|
5379
|
-
height: 2em;
|
|
5380
|
-
vertical-align: -0.25em;
|
|
5381
|
-
}
|
|
5382
|
-
|
|
5383
|
-
.pf-svg-size-xl {
|
|
5384
|
-
width: 3em;
|
|
5385
|
-
height: 3em;
|
|
5386
|
-
vertical-align: -0.375em;
|
|
5387
|
-
}
|
|
5388
|
-
|
|
5389
5365
|
.pf-c-about-modal-box {
|
|
5390
5366
|
--pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
5391
5367
|
--pf-c-about-modal-box--Height: 100%;
|
|
@@ -5437,8 +5413,8 @@ html {
|
|
|
5437
5413
|
color: var(--pf-global--Color--100);
|
|
5438
5414
|
position: relative;
|
|
5439
5415
|
display: grid;
|
|
5440
|
-
grid-template-rows: max-content max-content auto;
|
|
5441
5416
|
grid-template-areas: "brand close" "header header" "content content";
|
|
5417
|
+
grid-template-rows: max-content max-content auto;
|
|
5442
5418
|
width: var(--pf-c-about-modal-box--Width);
|
|
5443
5419
|
height: var(--pf-c-about-modal-box--Height);
|
|
5444
5420
|
overflow-x: hidden;
|
|
@@ -5484,22 +5460,22 @@ html {
|
|
|
5484
5460
|
}
|
|
5485
5461
|
@media only screen and (min-width: 576px) {
|
|
5486
5462
|
.pf-c-about-modal-box {
|
|
5487
|
-
grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
|
|
5488
5463
|
grid-template-areas: "brand hero" "header hero" "content hero";
|
|
5464
|
+
grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
|
|
5489
5465
|
}
|
|
5490
5466
|
}
|
|
5491
5467
|
@media only screen and (min-width: 992px) {
|
|
5492
5468
|
.pf-c-about-modal-box {
|
|
5493
5469
|
--pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
|
|
5494
5470
|
--pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
|
|
5495
|
-
grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
|
|
5496
5471
|
grid-template-rows: max-content max-content auto;
|
|
5472
|
+
grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
|
|
5497
5473
|
}
|
|
5498
5474
|
}
|
|
5499
5475
|
|
|
5500
5476
|
.pf-c-about-modal-box__brand {
|
|
5501
|
-
grid-area: brand;
|
|
5502
5477
|
display: flex;
|
|
5478
|
+
grid-area: brand;
|
|
5503
5479
|
padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft);
|
|
5504
5480
|
}
|
|
5505
5481
|
|
|
@@ -5508,9 +5484,9 @@ html {
|
|
|
5508
5484
|
}
|
|
5509
5485
|
|
|
5510
5486
|
.pf-c-about-modal-box__header {
|
|
5511
|
-
grid-area: header;
|
|
5512
5487
|
display: flex;
|
|
5513
5488
|
flex-direction: column;
|
|
5489
|
+
grid-area: header;
|
|
5514
5490
|
padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
|
|
5515
5491
|
padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
|
|
5516
5492
|
padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
|
|
@@ -5541,10 +5517,10 @@ html {
|
|
|
5541
5517
|
}
|
|
5542
5518
|
|
|
5543
5519
|
.pf-c-about-modal-box__close {
|
|
5544
|
-
grid-area: close;
|
|
5545
5520
|
position: sticky;
|
|
5546
5521
|
top: 0;
|
|
5547
5522
|
display: flex;
|
|
5523
|
+
grid-area: close;
|
|
5548
5524
|
align-items: flex-start;
|
|
5549
5525
|
justify-content: flex-end;
|
|
5550
5526
|
padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
|
|
@@ -5583,12 +5559,12 @@ html {
|
|
|
5583
5559
|
@media only screen and (min-width: 576px) {
|
|
5584
5560
|
.pf-c-about-modal-box__hero {
|
|
5585
5561
|
display: block;
|
|
5562
|
+
grid-area: hero;
|
|
5586
5563
|
background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
|
|
5587
5564
|
background-repeat: no-repeat;
|
|
5588
5565
|
background-attachment: fixed;
|
|
5589
5566
|
background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
|
|
5590
5567
|
background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
|
|
5591
|
-
grid-area: hero;
|
|
5592
5568
|
}
|
|
5593
5569
|
}
|
|
5594
5570
|
|
|
@@ -5647,6 +5623,7 @@ html {
|
|
|
5647
5623
|
--pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
|
|
5648
5624
|
--pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
|
|
5649
5625
|
--pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
5626
|
+
--pf-c-accordion__toggle--BackgroundColor: transparent;
|
|
5650
5627
|
--pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
|
|
5651
5628
|
--pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
|
|
5652
5629
|
--pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
|
|
@@ -5761,6 +5738,7 @@ html {
|
|
|
5761
5738
|
padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
|
|
5762
5739
|
font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
|
|
5763
5740
|
font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
|
|
5741
|
+
background-color: var(--pf-c-accordion__toggle--BackgroundColor);
|
|
5764
5742
|
border: 0;
|
|
5765
5743
|
}
|
|
5766
5744
|
.pf-c-accordion__toggle::after {
|
|
@@ -5985,13 +5963,13 @@ html {
|
|
|
5985
5963
|
color: var(--pf-global--Color--100);
|
|
5986
5964
|
position: relative;
|
|
5987
5965
|
display: grid;
|
|
5966
|
+
grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
|
|
5967
|
+
grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
|
|
5988
5968
|
padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
|
|
5989
5969
|
font-size: var(--pf-c-alert__FontSize);
|
|
5990
5970
|
background-color: var(--pf-c-alert--BackgroundColor);
|
|
5991
5971
|
border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
|
|
5992
5972
|
box-shadow: var(--pf-c-alert--BoxShadow);
|
|
5993
|
-
grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
|
|
5994
|
-
grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
|
|
5995
5973
|
}
|
|
5996
5974
|
.pf-c-alert.pf-m-success {
|
|
5997
5975
|
--pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
|
|
@@ -6052,8 +6030,8 @@ html {
|
|
|
6052
6030
|
}
|
|
6053
6031
|
|
|
6054
6032
|
.pf-c-alert__icon {
|
|
6055
|
-
grid-area: icon;
|
|
6056
6033
|
display: flex;
|
|
6034
|
+
grid-area: icon;
|
|
6057
6035
|
margin-top: var(--pf-c-alert__icon--MarginTop);
|
|
6058
6036
|
margin-right: var(--pf-c-alert__icon--MarginRight);
|
|
6059
6037
|
font-size: var(--pf-c-alert__icon--FontSize);
|
|
@@ -6228,6 +6206,7 @@ html {
|
|
|
6228
6206
|
--pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
|
|
6229
6207
|
--pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
|
|
6230
6208
|
--pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
|
|
6209
|
+
--pf-c-app-launcher__toggle--BackgroundColor: transparent;
|
|
6231
6210
|
--pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
|
|
6232
6211
|
--pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
6233
6212
|
--pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
|
|
@@ -6290,6 +6269,7 @@ html {
|
|
|
6290
6269
|
.pf-c-app-launcher__toggle {
|
|
6291
6270
|
padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
|
|
6292
6271
|
color: var(--pf-c-app-launcher__toggle--Color);
|
|
6272
|
+
background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
|
|
6293
6273
|
border: none;
|
|
6294
6274
|
}
|
|
6295
6275
|
.pf-c-app-launcher__toggle:hover {
|
|
@@ -6913,18 +6893,18 @@ html {
|
|
|
6913
6893
|
--pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
|
|
6914
6894
|
--pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
|
|
6915
6895
|
--pf-c-banner--link--disabled--TextDecoration: none;
|
|
6916
|
-
--pf-c-banner--m-
|
|
6917
|
-
--pf-c-banner--m-
|
|
6918
|
-
--pf-c-banner--m-
|
|
6919
|
-
--pf-c-banner--m-
|
|
6896
|
+
--pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
|
|
6897
|
+
--pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
|
|
6898
|
+
--pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
|
|
6899
|
+
--pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
|
|
6920
6900
|
--pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
|
|
6921
6901
|
--pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
|
|
6922
6902
|
color: var(--pf-global--Color--100);
|
|
6923
6903
|
overflow: hidden;
|
|
6924
6904
|
text-overflow: ellipsis;
|
|
6925
6905
|
white-space: nowrap;
|
|
6926
|
-
padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
|
|
6927
6906
|
flex-shrink: 0;
|
|
6907
|
+
padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
|
|
6928
6908
|
font-size: var(--pf-c-banner--FontSize);
|
|
6929
6909
|
color: var(--pf-c-banner--Color);
|
|
6930
6910
|
white-space: nowrap;
|
|
@@ -6936,19 +6916,19 @@ html {
|
|
|
6936
6916
|
--pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
|
|
6937
6917
|
}
|
|
6938
6918
|
}
|
|
6939
|
-
.pf-c-banner.pf-m-
|
|
6919
|
+
.pf-c-banner.pf-m-blue {
|
|
6940
6920
|
color: var(--pf-global--Color--100);
|
|
6941
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
6921
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
|
|
6942
6922
|
}
|
|
6943
|
-
.pf-c-banner.pf-m-
|
|
6944
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
6923
|
+
.pf-c-banner.pf-m-red {
|
|
6924
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
|
|
6945
6925
|
}
|
|
6946
|
-
.pf-c-banner.pf-m-
|
|
6947
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
6926
|
+
.pf-c-banner.pf-m-green {
|
|
6927
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
|
|
6948
6928
|
}
|
|
6949
|
-
.pf-c-banner.pf-m-
|
|
6929
|
+
.pf-c-banner.pf-m-gold {
|
|
6950
6930
|
color: var(--pf-global--Color--100);
|
|
6951
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
6931
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
|
|
6952
6932
|
}
|
|
6953
6933
|
.pf-c-banner.pf-m-sticky {
|
|
6954
6934
|
position: sticky;
|
|
@@ -7102,6 +7082,7 @@ html {
|
|
|
7102
7082
|
--pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
|
|
7103
7083
|
--pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
|
|
7104
7084
|
--pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
|
|
7085
|
+
--pf-c-breadcrumb__link--BackgroundColor: transparent;
|
|
7105
7086
|
--pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
|
|
7106
7087
|
--pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
7107
7088
|
--pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
|
|
@@ -7144,6 +7125,7 @@ html {
|
|
|
7144
7125
|
color: var(--pf-c-breadcrumb__link--Color);
|
|
7145
7126
|
text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
|
|
7146
7127
|
word-break: break-word;
|
|
7128
|
+
background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
|
|
7147
7129
|
}
|
|
7148
7130
|
.pf-c-breadcrumb__link:hover {
|
|
7149
7131
|
--pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
|
|
@@ -7811,7 +7793,7 @@ button.pf-c-breadcrumb__link {
|
|
|
7811
7793
|
--pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
|
|
7812
7794
|
--pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
|
|
7813
7795
|
--pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
|
|
7814
|
-
--pf-c-calendar-month__header-year--Width:
|
|
7796
|
+
--pf-c-calendar-month__header-year--Width: 8.5ch;
|
|
7815
7797
|
--pf-c-calendar-month__header-nav-control--MarginRight: 0;
|
|
7816
7798
|
--pf-c-calendar-month__header-nav-control--MarginLeft: 0;
|
|
7817
7799
|
--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
|
|
@@ -7988,9 +7970,9 @@ button.pf-c-breadcrumb__link {
|
|
|
7988
7970
|
box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
|
|
7989
7971
|
}
|
|
7990
7972
|
.pf-c-calendar-month__date:disabled {
|
|
7991
|
-
pointer-events: none;
|
|
7992
7973
|
--pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
|
|
7993
7974
|
--pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
7975
|
+
pointer-events: none;
|
|
7994
7976
|
}
|
|
7995
7977
|
|
|
7996
7978
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
@@ -8059,14 +8041,17 @@ button.pf-c-breadcrumb__link {
|
|
|
8059
8041
|
--pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8060
8042
|
--pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8061
8043
|
--pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
|
|
8062
|
-
--pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
8063
|
-
--pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
|
|
8064
|
-
--pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
8065
8044
|
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
|
|
8045
|
+
--pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
8046
|
+
--pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
8047
|
+
--pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
8048
|
+
--pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
8066
8049
|
--pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
|
|
8067
8050
|
--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
|
|
8068
8051
|
--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
|
|
8069
|
-
--pf-c-card__actions--
|
|
8052
|
+
--pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
|
|
8053
|
+
--pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8054
|
+
--pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8070
8055
|
--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8071
8056
|
--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
|
|
8072
8057
|
--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
@@ -8122,7 +8107,7 @@ button.pf-c-breadcrumb__link {
|
|
|
8122
8107
|
--pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
|
|
8123
8108
|
--pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
|
|
8124
8109
|
--pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
|
|
8125
|
-
--pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
|
|
8110
|
+
--pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
8126
8111
|
--pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
|
|
8127
8112
|
--pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
|
|
8128
8113
|
--pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
|
|
@@ -8137,7 +8122,6 @@ button.pf-c-breadcrumb__link {
|
|
|
8137
8122
|
--pf-c-card--m-plain--BackgroundColor: transparent;
|
|
8138
8123
|
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8139
8124
|
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
8140
|
-
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
8141
8125
|
--pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
8142
8126
|
--pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
|
|
8143
8127
|
display: flex;
|
|
@@ -8235,7 +8219,7 @@ button.pf-c-breadcrumb__link {
|
|
|
8235
8219
|
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
|
|
8236
8220
|
}
|
|
8237
8221
|
.pf-c-card.pf-m-display-lg {
|
|
8238
|
-
--pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
|
|
8222
|
+
--pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
|
|
8239
8223
|
--pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
|
|
8240
8224
|
--pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
|
|
8241
8225
|
--pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
|
|
@@ -8283,13 +8267,11 @@ button.pf-c-breadcrumb__link {
|
|
|
8283
8267
|
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
|
|
8284
8268
|
--pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
|
|
8285
8269
|
}
|
|
8286
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
|
|
8287
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
|
|
8288
|
-
}
|
|
8289
8270
|
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
|
|
8290
8271
|
order: 2;
|
|
8291
8272
|
}
|
|
8292
|
-
|
|
8273
|
+
|
|
8274
|
+
.pf-c-card__header-main {
|
|
8293
8275
|
flex: 1;
|
|
8294
8276
|
}
|
|
8295
8277
|
|
|
@@ -8303,22 +8285,21 @@ button.pf-c-breadcrumb__link {
|
|
|
8303
8285
|
transition: var(--pf-c-card__header-toggle-icon--Transition);
|
|
8304
8286
|
}
|
|
8305
8287
|
|
|
8306
|
-
.pf-c-card__title {
|
|
8307
|
-
font-family: var(--pf-c-card__title--FontFamily);
|
|
8308
|
-
font-size: var(--pf-c-card__title--FontSize);
|
|
8309
|
-
font-weight: var(--pf-c-card__title--FontWeight);
|
|
8288
|
+
.pf-c-card__title-text {
|
|
8289
|
+
font-family: var(--pf-c-card__title-text--FontFamily);
|
|
8290
|
+
font-size: var(--pf-c-card__title-text--FontSize);
|
|
8291
|
+
font-weight: var(--pf-c-card__title-text--FontWeight);
|
|
8292
|
+
line-height: var(--pf-c-card__title-text--LineHeight);
|
|
8310
8293
|
}
|
|
8311
8294
|
|
|
8312
8295
|
.pf-c-card__actions {
|
|
8313
8296
|
display: flex;
|
|
8297
|
+
gap: var(--pf-c-card__actions--Gap);
|
|
8314
8298
|
align-items: center;
|
|
8315
8299
|
align-self: flex-start;
|
|
8316
8300
|
order: 1;
|
|
8317
8301
|
padding-left: var(--pf-c-card__actions--PaddingLeft);
|
|
8318
|
-
margin: var(--pf-c-
|
|
8319
|
-
}
|
|
8320
|
-
.pf-c-card__actions > * + * {
|
|
8321
|
-
margin-left: var(--pf-c-card__actions--child--MarginLeft);
|
|
8302
|
+
margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
|
|
8322
8303
|
}
|
|
8323
8304
|
.pf-c-card__actions + .pf-c-card__title,
|
|
8324
8305
|
.pf-c-card__actions + .pf-c-card__body,
|
|
@@ -8326,8 +8307,8 @@ button.pf-c-breadcrumb__link {
|
|
|
8326
8307
|
padding: 0;
|
|
8327
8308
|
}
|
|
8328
8309
|
.pf-c-card__actions.pf-m-no-offset {
|
|
8329
|
-
--pf-c-
|
|
8330
|
-
--pf-c-
|
|
8310
|
+
--pf-c-card__actions--MarginTop: 0;
|
|
8311
|
+
--pf-c-card__actions--MarginBottom: 0;
|
|
8331
8312
|
}
|
|
8332
8313
|
|
|
8333
8314
|
.pf-c-card__header,
|
|
@@ -8507,18 +8488,19 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8507
8488
|
--pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8508
8489
|
--pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
8509
8490
|
--pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
8510
|
-
--pf-c-
|
|
8491
|
+
--pf-c-chip__content--FontSize: var(--pf-global--FontSize--xs);
|
|
8492
|
+
--pf-c-chip__content--ColumnGap: var(--pf-global--spacer--xs);
|
|
8511
8493
|
--pf-c-chip__text--Color: var(--pf-global--Color--100);
|
|
8512
8494
|
--pf-c-chip__text--MaxWidth: 16ch;
|
|
8513
|
-
--pf-c-
|
|
8514
|
-
--pf-c-
|
|
8515
|
-
--pf-c-
|
|
8516
|
-
--pf-c-
|
|
8517
|
-
--pf-c-
|
|
8518
|
-
--pf-c-
|
|
8519
|
-
--pf-c-
|
|
8520
|
-
--pf-c-
|
|
8521
|
-
--pf-c-
|
|
8495
|
+
--pf-c-chip__actions--FontSize: var(--pf-global--FontSize--xs);
|
|
8496
|
+
--pf-c-chip__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
8497
|
+
--pf-c-chip__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
8498
|
+
--pf-c-chip__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8499
|
+
--pf-c-chip__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8500
|
+
--pf-c-chip__actions--c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
|
|
8501
|
+
--pf-c-chip__actions--c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
|
|
8502
|
+
--pf-c-chip__actions--c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
|
|
8503
|
+
--pf-c-chip__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
8522
8504
|
--pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
8523
8505
|
color: var(--pf-global--Color--100);
|
|
8524
8506
|
position: relative;
|
|
@@ -8553,19 +8535,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8553
8535
|
.pf-c-chip.pf-m-draggable .pf-c-chip__icon {
|
|
8554
8536
|
font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
|
|
8555
8537
|
}
|
|
8556
|
-
.pf-c-chip .pf-c-button {
|
|
8557
|
-
--pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
|
|
8558
|
-
--pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
|
|
8559
|
-
--pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
|
|
8560
|
-
--pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
|
|
8561
|
-
--pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
|
|
8562
|
-
margin-top: var(--pf-c-chip__c-button--MarginTop);
|
|
8563
|
-
margin-right: var(--pf-c-chip__c-button--MarginRight);
|
|
8564
|
-
margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
|
|
8565
|
-
}
|
|
8566
|
-
.pf-c-chip .pf-c-badge {
|
|
8567
|
-
margin-left: var(--pf-c-chip__c-badge--MarginLeft);
|
|
8568
|
-
}
|
|
8569
8538
|
|
|
8570
8539
|
.pf-c-chip__text {
|
|
8571
8540
|
overflow: hidden;
|
|
@@ -8573,7 +8542,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8573
8542
|
white-space: nowrap;
|
|
8574
8543
|
position: relative;
|
|
8575
8544
|
max-width: var(--pf-c-chip__text--MaxWidth);
|
|
8576
|
-
font-size: var(--pf-c-chip__text--FontSize);
|
|
8577
8545
|
color: var(--pf-c-chip__text--Color);
|
|
8578
8546
|
}
|
|
8579
8547
|
|
|
@@ -8582,6 +8550,28 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8582
8550
|
margin-left: var(--pf-c-chip__icon--MarginLeft);
|
|
8583
8551
|
}
|
|
8584
8552
|
|
|
8553
|
+
.pf-c-chip__content {
|
|
8554
|
+
display: flex;
|
|
8555
|
+
column-gap: var(--pf-c-chip__content--ColumnGap);
|
|
8556
|
+
align-items: center;
|
|
8557
|
+
font-size: var(--pf-c-chip__content--FontSize);
|
|
8558
|
+
}
|
|
8559
|
+
|
|
8560
|
+
.pf-c-chip__actions {
|
|
8561
|
+
font-size: var(--pf-c-chip__actions--FontSize);
|
|
8562
|
+
}
|
|
8563
|
+
.pf-c-chip__actions .pf-c-button {
|
|
8564
|
+
--pf-c-button--PaddingTop: var(--pf-c-chip__actions--c-button--PaddingTop);
|
|
8565
|
+
--pf-c-button--PaddingRight: var(--pf-c-chip__actions--c-button--PaddingRight);
|
|
8566
|
+
--pf-c-button--PaddingBottom: var(--pf-c-chip__actions--c-button--PaddingBottom);
|
|
8567
|
+
--pf-c-button--PaddingLeft: var(--pf-c-chip__actions--c-button--PaddingLeft);
|
|
8568
|
+
--pf-c-button--FontSize: var(--pf-c-chip__actions--c-button--FontSize);
|
|
8569
|
+
margin-top: var(--pf-c-chip__actions--c-button--MarginTop);
|
|
8570
|
+
margin-right: var(--pf-c-chip__actions--c-button--MarginRight);
|
|
8571
|
+
margin-bottom: var(--pf-c-chip__actions--c-button--MarginBottom);
|
|
8572
|
+
line-height: 1;
|
|
8573
|
+
}
|
|
8574
|
+
|
|
8585
8575
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
8586
8576
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
8587
8577
|
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -8626,28 +8616,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8626
8616
|
|
|
8627
8617
|
.pf-c-chip-group {
|
|
8628
8618
|
color: var(--pf-global--Color--100);
|
|
8629
|
-
--pf-c-chip-
|
|
8630
|
-
--pf-c-chip-
|
|
8619
|
+
--pf-c-chip-group--PaddingTop: 0;
|
|
8620
|
+
--pf-c-chip-group--PaddingRight: 0;
|
|
8621
|
+
--pf-c-chip-group--PaddingBottom: 0;
|
|
8622
|
+
--pf-c-chip-group--PaddingLeft: 0;
|
|
8623
|
+
--pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
|
|
8624
|
+
--pf-c-chip-group--ColumnGap: 0;
|
|
8625
|
+
--pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
8626
|
+
--pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
8627
|
+
--pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
8628
|
+
--pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
8631
8629
|
--pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
8632
8630
|
--pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
8633
8631
|
--pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8634
8632
|
--pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8635
8633
|
--pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
8636
8634
|
--pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8637
|
-
--pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
8638
8635
|
--pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
8639
8636
|
--pf-c-chip-group__label--MaxWidth: 18ch;
|
|
8640
8637
|
--pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
8641
8638
|
--pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
8642
|
-
|
|
8643
|
-
|
|
8639
|
+
row-gap: var(--pf-c-chip-group--RowGap);
|
|
8640
|
+
column-gap: var(--pf-c-chip-group--ColumnGap);
|
|
8644
8641
|
max-width: 100%;
|
|
8642
|
+
padding-top: var(--pf-c-chip-group--PaddingTop);
|
|
8643
|
+
padding-right: var(--pf-c-chip-group--PaddingRight);
|
|
8644
|
+
padding-bottom: var(--pf-c-chip-group--PaddingBottom);
|
|
8645
|
+
padding-left: var(--pf-c-chip-group--PaddingLeft);
|
|
8645
8646
|
}
|
|
8646
8647
|
.pf-c-chip-group.pf-m-category {
|
|
8647
|
-
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8648
|
+
--pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
|
|
8649
|
+
--pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
|
|
8650
|
+
--pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
|
|
8651
|
+
--pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
|
|
8651
8652
|
background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
|
|
8652
8653
|
border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
|
|
8653
8654
|
}
|
|
@@ -8656,15 +8657,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8656
8657
|
display: flex;
|
|
8657
8658
|
flex: 1;
|
|
8658
8659
|
flex-wrap: wrap;
|
|
8660
|
+
row-gap: var(--pf-c-chip-group__main--RowGap);
|
|
8661
|
+
column-gap: var(--pf-c-chip-group__main--ColumnGap);
|
|
8659
8662
|
align-items: baseline;
|
|
8660
8663
|
min-width: 0;
|
|
8661
8664
|
}
|
|
8662
8665
|
|
|
8663
|
-
.pf-c-chip-group__list {
|
|
8664
|
-
margin-right: var(--pf-c-chip-group__list--MarginRight);
|
|
8665
|
-
margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
|
|
8666
|
-
}
|
|
8667
|
-
|
|
8668
8666
|
.pf-c-chip-group,
|
|
8669
8667
|
.pf-c-chip-group__list {
|
|
8670
8668
|
display: inline-flex;
|
|
@@ -8673,11 +8671,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8673
8671
|
min-width: 0;
|
|
8674
8672
|
}
|
|
8675
8673
|
|
|
8674
|
+
.pf-c-chip-group__list {
|
|
8675
|
+
row-gap: var(--pf-c-chip-group__list--RowGap);
|
|
8676
|
+
column-gap: var(--pf-c-chip-group__list--ColumnGap);
|
|
8677
|
+
}
|
|
8678
|
+
|
|
8676
8679
|
.pf-c-chip-group__list-item {
|
|
8677
8680
|
display: inline-flex;
|
|
8678
8681
|
min-width: 0;
|
|
8679
|
-
margin-right: var(--pf-c-chip-group__list-item--MarginRight);
|
|
8680
|
-
margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
|
|
8681
8682
|
}
|
|
8682
8683
|
|
|
8683
8684
|
.pf-c-chip-group__label {
|
|
@@ -8685,7 +8686,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8685
8686
|
text-overflow: ellipsis;
|
|
8686
8687
|
white-space: nowrap;
|
|
8687
8688
|
max-width: var(--pf-c-chip-group__label--MaxWidth);
|
|
8688
|
-
margin-right: var(--pf-c-chip-group__label--MarginRight);
|
|
8689
8689
|
font-size: var(--pf-c-chip-group__label--FontSize);
|
|
8690
8690
|
}
|
|
8691
8691
|
|
|
@@ -9177,6 +9177,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9177
9177
|
.pf-c-content ul {
|
|
9178
9178
|
margin: 0;
|
|
9179
9179
|
}
|
|
9180
|
+
.pf-c-content ol.pf-m-plain,
|
|
9181
|
+
.pf-c-content ul.pf-m-plain {
|
|
9182
|
+
padding-left: 0;
|
|
9183
|
+
margin-left: 0;
|
|
9184
|
+
list-style: none;
|
|
9185
|
+
}
|
|
9180
9186
|
.pf-c-content h1 {
|
|
9181
9187
|
margin-top: var(--pf-c-content--h1--MarginTop);
|
|
9182
9188
|
margin-bottom: var(--pf-c-content--h1--MarginBottom);
|
|
@@ -9243,12 +9249,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9243
9249
|
margin-left: var(--pf-c-content--ol--MarginLeft);
|
|
9244
9250
|
}
|
|
9245
9251
|
.pf-c-content ol ul {
|
|
9246
|
-
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9247
9252
|
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
9253
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9248
9254
|
}
|
|
9249
9255
|
.pf-c-content ol ol {
|
|
9250
|
-
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9251
9256
|
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
9257
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9252
9258
|
}
|
|
9253
9259
|
.pf-c-content ul {
|
|
9254
9260
|
padding-left: var(--pf-c-content--ul--PaddingLeft);
|
|
@@ -9256,12 +9262,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9256
9262
|
list-style: var(--pf-c-content--ul--ListStyle);
|
|
9257
9263
|
}
|
|
9258
9264
|
.pf-c-content ul ul {
|
|
9259
|
-
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9260
9265
|
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
9266
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9261
9267
|
}
|
|
9262
9268
|
.pf-c-content ul ol {
|
|
9263
|
-
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9264
9269
|
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
9270
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9265
9271
|
}
|
|
9266
9272
|
.pf-c-content dl {
|
|
9267
9273
|
display: grid;
|
|
@@ -9270,8 +9276,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9270
9276
|
@media screen and (min-width: 576px) {
|
|
9271
9277
|
.pf-c-content dl {
|
|
9272
9278
|
grid-template: auto/auto 1fr;
|
|
9273
|
-
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
9274
9279
|
grid-row-gap: var(--pf-c-content--dl--RowGap);
|
|
9280
|
+
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
9275
9281
|
}
|
|
9276
9282
|
}
|
|
9277
9283
|
.pf-c-content dt {
|
|
@@ -9314,6 +9320,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9314
9320
|
--pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
|
|
9315
9321
|
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
9316
9322
|
--pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
|
|
9323
|
+
--pf-c-context-selector__toggle--BackgroundColor: transparent;
|
|
9317
9324
|
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
|
|
9318
9325
|
--pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
|
|
9319
9326
|
--pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
|
|
@@ -9352,6 +9359,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9352
9359
|
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
|
|
9353
9360
|
--pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
|
|
9354
9361
|
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
|
|
9362
|
+
--pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
|
|
9355
9363
|
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
9356
9364
|
--pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
|
|
9357
9365
|
--pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
|
|
@@ -9463,6 +9471,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9463
9471
|
color: var(--pf-c-context-selector__toggle--Color);
|
|
9464
9472
|
white-space: nowrap;
|
|
9465
9473
|
cursor: pointer;
|
|
9474
|
+
background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
|
|
9466
9475
|
border: none;
|
|
9467
9476
|
}
|
|
9468
9477
|
.pf-c-context-selector__toggle::before {
|
|
@@ -9571,11 +9580,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9571
9580
|
padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
|
|
9572
9581
|
color: var(--pf-c-context-selector__menu-list-item--Color);
|
|
9573
9582
|
white-space: nowrap;
|
|
9583
|
+
background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
|
|
9574
9584
|
border: none;
|
|
9575
9585
|
}
|
|
9576
9586
|
.pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
|
|
9587
|
+
--pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
9577
9588
|
text-decoration: none;
|
|
9578
|
-
background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
9579
9589
|
}
|
|
9580
9590
|
.pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
|
|
9581
9591
|
--pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
|
|
@@ -9658,8 +9668,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9658
9668
|
@media screen and (min-width: 768px) {
|
|
9659
9669
|
.pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
|
|
9660
9670
|
display: flex;
|
|
9661
|
-
flex-wrap: wrap;
|
|
9662
9671
|
flex-grow: 1;
|
|
9672
|
+
flex-wrap: wrap;
|
|
9663
9673
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9664
9674
|
}
|
|
9665
9675
|
}
|
|
@@ -9720,8 +9730,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9720
9730
|
@media screen and (min-width: 0) {
|
|
9721
9731
|
.pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
|
|
9722
9732
|
display: flex;
|
|
9723
|
-
flex-wrap: wrap;
|
|
9724
9733
|
flex-grow: 1;
|
|
9734
|
+
flex-wrap: wrap;
|
|
9725
9735
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9726
9736
|
}
|
|
9727
9737
|
}
|
|
@@ -9782,8 +9792,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9782
9792
|
@media screen and (min-width: 576px) {
|
|
9783
9793
|
.pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
|
|
9784
9794
|
display: flex;
|
|
9785
|
-
flex-wrap: wrap;
|
|
9786
9795
|
flex-grow: 1;
|
|
9796
|
+
flex-wrap: wrap;
|
|
9787
9797
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9788
9798
|
}
|
|
9789
9799
|
}
|
|
@@ -9844,8 +9854,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9844
9854
|
@media screen and (min-width: 768px) {
|
|
9845
9855
|
.pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
|
|
9846
9856
|
display: flex;
|
|
9847
|
-
flex-wrap: wrap;
|
|
9848
9857
|
flex-grow: 1;
|
|
9858
|
+
flex-wrap: wrap;
|
|
9849
9859
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9850
9860
|
}
|
|
9851
9861
|
}
|
|
@@ -9906,8 +9916,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9906
9916
|
@media screen and (min-width: 992px) {
|
|
9907
9917
|
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
|
|
9908
9918
|
display: flex;
|
|
9909
|
-
flex-wrap: wrap;
|
|
9910
9919
|
flex-grow: 1;
|
|
9920
|
+
flex-wrap: wrap;
|
|
9911
9921
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9912
9922
|
}
|
|
9913
9923
|
}
|
|
@@ -9968,8 +9978,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9968
9978
|
@media screen and (min-width: 1200px) {
|
|
9969
9979
|
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
|
|
9970
9980
|
display: flex;
|
|
9971
|
-
flex-wrap: wrap;
|
|
9972
9981
|
flex-grow: 1;
|
|
9982
|
+
flex-wrap: wrap;
|
|
9973
9983
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9974
9984
|
}
|
|
9975
9985
|
}
|
|
@@ -10030,8 +10040,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10030
10040
|
@media screen and (min-width: 1450px) {
|
|
10031
10041
|
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
|
|
10032
10042
|
display: flex;
|
|
10033
|
-
flex-wrap: wrap;
|
|
10034
10043
|
flex-grow: 1;
|
|
10044
|
+
flex-wrap: wrap;
|
|
10035
10045
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
10036
10046
|
}
|
|
10037
10047
|
}
|
|
@@ -10124,6 +10134,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10124
10134
|
--pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
|
|
10125
10135
|
--pf-c-data-list__toggle-icon--Rotate: 0;
|
|
10126
10136
|
--pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
10137
|
+
--pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
10127
10138
|
--pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
|
|
10128
10139
|
--pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
|
|
10129
10140
|
--pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
|
|
@@ -10195,7 +10206,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10195
10206
|
font-size: var(--pf-c-data-list--FontSize);
|
|
10196
10207
|
line-height: var(--pf-c-data-list--LineHeight);
|
|
10197
10208
|
overflow-wrap: break-word;
|
|
10198
|
-
list-style-type: disc;
|
|
10199
10209
|
border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
|
|
10200
10210
|
}
|
|
10201
10211
|
@media screen and (min-width: 576px) {
|
|
@@ -10368,6 +10378,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10368
10378
|
flex-direction: column;
|
|
10369
10379
|
padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
|
|
10370
10380
|
margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft);
|
|
10381
|
+
background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
|
|
10371
10382
|
border: 0;
|
|
10372
10383
|
}
|
|
10373
10384
|
.pf-c-data-list__item-draggable-button:hover {
|
|
@@ -10390,8 +10401,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10390
10401
|
|
|
10391
10402
|
.pf-c-data-list__item-action {
|
|
10392
10403
|
--pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
|
|
10393
|
-
align-items: flex-start;
|
|
10394
10404
|
align-content: flex-start;
|
|
10405
|
+
align-items: flex-start;
|
|
10395
10406
|
padding-top: var(--pf-c-data-list__item-action--PaddingTop);
|
|
10396
10407
|
padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
|
|
10397
10408
|
margin-left: var(--pf-c-data-list__item-action--MarginLeft);
|
|
@@ -10417,8 +10428,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10417
10428
|
|
|
10418
10429
|
.pf-c-data-list__item-content {
|
|
10419
10430
|
display: grid;
|
|
10420
|
-
width: 100%;
|
|
10421
10431
|
grid-template-columns: auto 1fr;
|
|
10432
|
+
width: 100%;
|
|
10422
10433
|
}
|
|
10423
10434
|
|
|
10424
10435
|
.pf-c-data-list__cell {
|
|
@@ -10434,8 +10445,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10434
10445
|
}
|
|
10435
10446
|
.pf-c-data-list__cell.pf-m-icon {
|
|
10436
10447
|
flex-grow: 0;
|
|
10437
|
-
margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
|
|
10438
10448
|
grid-column: 1/2;
|
|
10449
|
+
margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
|
|
10439
10450
|
}
|
|
10440
10451
|
.pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
|
|
10441
10452
|
grid-column: 2/3;
|
|
@@ -10555,10 +10566,10 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10555
10566
|
--pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
|
|
10556
10567
|
--pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
|
|
10557
10568
|
display: grid;
|
|
10558
|
-
|
|
10569
|
+
grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
|
|
10559
10570
|
row-gap: var(--pf-c-description-list--RowGap);
|
|
10560
10571
|
column-gap: var(--pf-c-description-list--ColumnGap);
|
|
10561
|
-
|
|
10572
|
+
align-items: baseline;
|
|
10562
10573
|
}
|
|
10563
10574
|
@media screen and (min-width: 576px) {
|
|
10564
10575
|
.pf-c-description-list {
|
|
@@ -10664,11 +10675,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10664
10675
|
.pf-c-description-list__group,
|
|
10665
10676
|
.pf-c-description-list > .pf-c-card {
|
|
10666
10677
|
display: grid;
|
|
10678
|
+
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10679
|
+
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10667
10680
|
grid-column: var(--pf-c-description-list__group--GridColumn);
|
|
10668
10681
|
row-gap: var(--pf-c-description-list__group--RowGap);
|
|
10669
10682
|
column-gap: var(--pf-c-description-list__group--ColumnGap);
|
|
10670
|
-
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10671
|
-
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10672
10683
|
align-items: baseline;
|
|
10673
10684
|
}
|
|
10674
10685
|
|
|
@@ -10705,11 +10716,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10705
10716
|
}
|
|
10706
10717
|
.pf-c-description-list__text.pf-m-help-text {
|
|
10707
10718
|
text-decoration: underline;
|
|
10708
|
-
cursor: pointer;
|
|
10709
|
-
text-decoration-style: dashed;
|
|
10710
10719
|
text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
|
|
10711
|
-
text-
|
|
10720
|
+
text-decoration-style: dashed;
|
|
10712
10721
|
text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
|
|
10722
|
+
text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
|
|
10723
|
+
cursor: pointer;
|
|
10713
10724
|
}
|
|
10714
10725
|
.pf-c-description-list__text.pf-m-help-text:hover {
|
|
10715
10726
|
--pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
|
|
@@ -10949,8 +10960,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10949
10960
|
--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
|
|
10950
10961
|
display: grid;
|
|
10951
10962
|
grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
|
|
10952
|
-
grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
|
|
10953
10963
|
grid-template-rows: repeat(3, auto) auto;
|
|
10964
|
+
grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
|
|
10954
10965
|
}
|
|
10955
10966
|
|
|
10956
10967
|
.pf-c-dual-list-selector__pane {
|
|
@@ -11188,22 +11199,30 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11188
11199
|
|
|
11189
11200
|
.pf-c-toolbar {
|
|
11190
11201
|
--pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
11191
|
-
--pf-c-toolbar--RowGap: var(--pf-global--spacer--lg);
|
|
11202
|
+
--pf-c-toolbar--RowGap--base: var(--pf-global--spacer--lg);
|
|
11203
|
+
--pf-c-toolbar--RowGap: var(--pf-c-toolbar--RowGap--base);
|
|
11192
11204
|
--pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
|
|
11193
11205
|
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
11206
|
+
--pf-c-toolbar--item--RowGap--base: var(--pf-global--spacer--xs);
|
|
11194
11207
|
--pf-c-toolbar__item--Display: block;
|
|
11195
11208
|
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
11209
|
+
--pf-c-toolbar__item--AlignSelf: auto;
|
|
11196
11210
|
--pf-c-toolbar__group--Display: flex;
|
|
11211
|
+
--pf-c-toolbar__group--AlignItems: baseline;
|
|
11212
|
+
--pf-c-toolbar__group--AlignSelf: auto;
|
|
11213
|
+
--pf-c-toolbar__group--RowGap: var(--pf-c-toolbar--item--RowGap--base);
|
|
11197
11214
|
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
11198
11215
|
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
11199
11216
|
--pf-c-toolbar__content--Display: flex;
|
|
11217
|
+
--pf-c-toolbar__content--RowGap: var(--pf-c-toolbar--RowGap--base);
|
|
11200
11218
|
--pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
|
|
11201
11219
|
--pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
11202
11220
|
--pf-c-toolbar__content-section--Display: flex;
|
|
11221
|
+
--pf-c-toolbar__content-section--AlignItems: baseline;
|
|
11222
|
+
--pf-c-toolbar__content-section--RowGap: var(--pf-c-toolbar--item--RowGap--base);
|
|
11203
11223
|
--pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
11204
11224
|
--pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
11205
11225
|
--pf-c-toolbar__expandable-content--Display: grid;
|
|
11206
|
-
--pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-toolbar--RowGap);
|
|
11207
11226
|
--pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__content--PaddingRight);
|
|
11208
11227
|
--pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
|
|
11209
11228
|
--pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__content--PaddingLeft);
|
|
@@ -11246,8 +11265,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11246
11265
|
--pf-c-toolbar--m-full-height__item--Display: flex;
|
|
11247
11266
|
--pf-c-toolbar--m-full-height__item--AlignItems: center;
|
|
11248
11267
|
position: relative;
|
|
11249
|
-
row-gap: var(--pf-c-toolbar--RowGap);
|
|
11250
11268
|
display: grid;
|
|
11269
|
+
row-gap: var(--pf-c-toolbar--RowGap);
|
|
11251
11270
|
padding-top: var(--pf-c-toolbar--PaddingTop);
|
|
11252
11271
|
padding-bottom: var(--pf-c-toolbar--PaddingBottom);
|
|
11253
11272
|
background-color: var(--pf-c-toolbar--BackgroundColor);
|
|
@@ -11321,9 +11340,23 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11321
11340
|
.pf-c-toolbar__group {
|
|
11322
11341
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
11323
11342
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
|
|
11324
|
-
|
|
11343
|
+
row-gap: var(--pf-c-toolbar__group--RowGap);
|
|
11344
|
+
align-items: var(--pf-c-toolbar__group--AlignItems);
|
|
11345
|
+
align-self: var(--pf-c-toolbar__group--AlignSelf);
|
|
11325
11346
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
11326
11347
|
}
|
|
11348
|
+
.pf-c-toolbar__group.pf-m-align-items-center {
|
|
11349
|
+
align-items: center;
|
|
11350
|
+
}
|
|
11351
|
+
.pf-c-toolbar__group.pf-m-align-items-baseline {
|
|
11352
|
+
align-items: baseline;
|
|
11353
|
+
}
|
|
11354
|
+
.pf-c-toolbar__group.pf-m-align-self-center {
|
|
11355
|
+
align-self: center;
|
|
11356
|
+
}
|
|
11357
|
+
.pf-c-toolbar__group.pf-m-align-self-baseline {
|
|
11358
|
+
align-self: baseline;
|
|
11359
|
+
}
|
|
11327
11360
|
.pf-c-toolbar__group.pf-m-button-group {
|
|
11328
11361
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
|
|
11329
11362
|
}
|
|
@@ -11364,6 +11397,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11364
11397
|
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
|
|
11365
11398
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
|
|
11366
11399
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
|
|
11400
|
+
align-self: var(--pf-c-toolbar__item--AlignSelf);
|
|
11367
11401
|
width: var(--pf-c-toolbar__item--Width--base);
|
|
11368
11402
|
min-width: var(--pf-c-toolbar__item--MinWidth--base);
|
|
11369
11403
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
@@ -11418,6 +11452,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11418
11452
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
|
|
11419
11453
|
}
|
|
11420
11454
|
}
|
|
11455
|
+
.pf-c-toolbar__item.pf-m-align-self-center {
|
|
11456
|
+
align-self: center;
|
|
11457
|
+
}
|
|
11458
|
+
.pf-c-toolbar__item.pf-m-align-self-baseline {
|
|
11459
|
+
align-self: baseline;
|
|
11460
|
+
}
|
|
11421
11461
|
.pf-c-toolbar__item.pf-m-overflow-menu {
|
|
11422
11462
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
|
|
11423
11463
|
}
|
|
@@ -11462,30 +11502,36 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11462
11502
|
.pf-c-toolbar__content,
|
|
11463
11503
|
.pf-c-toolbar__content-section {
|
|
11464
11504
|
flex-wrap: wrap;
|
|
11465
|
-
align-items: center;
|
|
11466
11505
|
}
|
|
11467
11506
|
|
|
11468
11507
|
.pf-c-toolbar__content {
|
|
11469
11508
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
|
|
11470
11509
|
position: relative;
|
|
11510
|
+
row-gap: var(--pf-c-toolbar__content--RowGap);
|
|
11511
|
+
align-items: center;
|
|
11471
11512
|
padding-right: var(--pf-c-toolbar__content--PaddingRight);
|
|
11472
11513
|
padding-left: var(--pf-c-toolbar__content--PaddingLeft);
|
|
11473
11514
|
}
|
|
11474
11515
|
|
|
11475
11516
|
.pf-c-toolbar__content-section {
|
|
11476
11517
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
|
|
11518
|
+
row-gap: var(--pf-c-toolbar__content-section--RowGap);
|
|
11519
|
+
align-items: var(--pf-c-toolbar__content-section--AlignItems);
|
|
11477
11520
|
width: 100%;
|
|
11478
11521
|
}
|
|
11522
|
+
.pf-c-toolbar__content-section.pf-m-align-items-center {
|
|
11523
|
+
align-items: center;
|
|
11524
|
+
}
|
|
11479
11525
|
|
|
11480
11526
|
.pf-c-toolbar__expandable-content {
|
|
11481
11527
|
position: absolute;
|
|
11482
|
-
top: 100
|
|
11528
|
+
top: calc(100% + var(--pf-c-toolbar__content--RowGap));
|
|
11483
11529
|
right: 0;
|
|
11484
11530
|
left: 0;
|
|
11485
11531
|
z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
|
|
11486
11532
|
display: none;
|
|
11487
11533
|
width: 100%;
|
|
11488
|
-
padding:
|
|
11534
|
+
padding: 0 var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
|
|
11489
11535
|
background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
|
|
11490
11536
|
box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
|
|
11491
11537
|
}
|
|
@@ -11516,9 +11562,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11516
11562
|
.pf-c-toolbar__group.pf-m-chip-container {
|
|
11517
11563
|
display: flex;
|
|
11518
11564
|
flex-wrap: wrap;
|
|
11565
|
+
grid-row-gap: 0;
|
|
11519
11566
|
align-items: baseline;
|
|
11520
11567
|
margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
|
|
11521
|
-
grid-row-gap: 0;
|
|
11522
11568
|
}
|
|
11523
11569
|
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
|
|
11524
11570
|
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
|
|
@@ -11568,7 +11614,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11568
11614
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11569
11615
|
}
|
|
11570
11616
|
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
|
|
11571
|
-
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
11617
|
+
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
11572
11618
|
display: flex;
|
|
11573
11619
|
flex: 0 1 auto;
|
|
11574
11620
|
}
|
|
@@ -11581,7 +11627,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11581
11627
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11582
11628
|
}
|
|
11583
11629
|
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
|
|
11584
|
-
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
11630
|
+
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
11585
11631
|
display: flex;
|
|
11586
11632
|
flex: 0 1 auto;
|
|
11587
11633
|
}
|
|
@@ -11594,7 +11640,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11594
11640
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11595
11641
|
}
|
|
11596
11642
|
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
|
|
11597
|
-
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
11643
|
+
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
11598
11644
|
display: flex;
|
|
11599
11645
|
flex: 0 1 auto;
|
|
11600
11646
|
}
|
|
@@ -11607,7 +11653,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11607
11653
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11608
11654
|
}
|
|
11609
11655
|
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
|
|
11610
|
-
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
11656
|
+
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
11611
11657
|
display: flex;
|
|
11612
11658
|
flex: 0 1 auto;
|
|
11613
11659
|
}
|
|
@@ -11620,7 +11666,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11620
11666
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11621
11667
|
}
|
|
11622
11668
|
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
|
|
11623
|
-
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
11669
|
+
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
11624
11670
|
display: flex;
|
|
11625
11671
|
flex: 0 1 auto;
|
|
11626
11672
|
}
|
|
@@ -11654,131 +11700,131 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11654
11700
|
}
|
|
11655
11701
|
@media (min-width: 576px) {
|
|
11656
11702
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
|
|
11657
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
11703
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
11658
11704
|
margin-left: auto;
|
|
11659
11705
|
}
|
|
11660
11706
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
|
|
11661
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
11707
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
11662
11708
|
margin-left: 0;
|
|
11663
11709
|
}
|
|
11664
11710
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
|
|
11665
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
11711
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
11666
11712
|
margin-left: 0;
|
|
11667
11713
|
}
|
|
11668
11714
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
|
|
11669
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
11715
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
11670
11716
|
margin-left: auto;
|
|
11671
11717
|
}
|
|
11672
11718
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
|
|
11673
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
11719
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
11674
11720
|
flex-wrap: nowrap;
|
|
11675
11721
|
}
|
|
11676
11722
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
|
|
11677
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
11723
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
11678
11724
|
flex-wrap: wrap;
|
|
11679
11725
|
}
|
|
11680
11726
|
}
|
|
11681
11727
|
@media (min-width: 768px) {
|
|
11682
11728
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
|
|
11683
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
11729
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
11684
11730
|
margin-left: auto;
|
|
11685
11731
|
}
|
|
11686
11732
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
|
|
11687
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
11733
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
11688
11734
|
margin-left: 0;
|
|
11689
11735
|
}
|
|
11690
11736
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
|
|
11691
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
11737
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
11692
11738
|
margin-left: 0;
|
|
11693
11739
|
}
|
|
11694
11740
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
|
|
11695
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
11741
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
11696
11742
|
margin-left: auto;
|
|
11697
11743
|
}
|
|
11698
11744
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
|
|
11699
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
11745
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
11700
11746
|
flex-wrap: nowrap;
|
|
11701
11747
|
}
|
|
11702
11748
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
|
|
11703
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
11749
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
11704
11750
|
flex-wrap: wrap;
|
|
11705
11751
|
}
|
|
11706
11752
|
}
|
|
11707
11753
|
@media (min-width: 992px) {
|
|
11708
11754
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
|
|
11709
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
11755
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
11710
11756
|
margin-left: auto;
|
|
11711
11757
|
}
|
|
11712
11758
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
|
|
11713
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
11759
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
11714
11760
|
margin-left: 0;
|
|
11715
11761
|
}
|
|
11716
11762
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
|
|
11717
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
11763
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
11718
11764
|
margin-left: 0;
|
|
11719
11765
|
}
|
|
11720
11766
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
|
|
11721
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
11767
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
11722
11768
|
margin-left: auto;
|
|
11723
11769
|
}
|
|
11724
11770
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
|
|
11725
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
11771
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
11726
11772
|
flex-wrap: nowrap;
|
|
11727
11773
|
}
|
|
11728
11774
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
|
|
11729
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
11775
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
11730
11776
|
flex-wrap: wrap;
|
|
11731
11777
|
}
|
|
11732
11778
|
}
|
|
11733
11779
|
@media (min-width: 1200px) {
|
|
11734
11780
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
|
|
11735
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
11781
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
11736
11782
|
margin-left: auto;
|
|
11737
11783
|
}
|
|
11738
11784
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
|
|
11739
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
11785
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
11740
11786
|
margin-left: 0;
|
|
11741
11787
|
}
|
|
11742
11788
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
|
|
11743
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
11789
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
11744
11790
|
margin-left: 0;
|
|
11745
11791
|
}
|
|
11746
11792
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
|
|
11747
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
11793
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
11748
11794
|
margin-left: auto;
|
|
11749
11795
|
}
|
|
11750
11796
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
|
|
11751
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
11797
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
11752
11798
|
flex-wrap: nowrap;
|
|
11753
11799
|
}
|
|
11754
11800
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
|
|
11755
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
11801
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
11756
11802
|
flex-wrap: wrap;
|
|
11757
11803
|
}
|
|
11758
11804
|
}
|
|
11759
11805
|
@media (min-width: 1450px) {
|
|
11760
11806
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
|
|
11761
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
11807
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
11762
11808
|
margin-left: auto;
|
|
11763
11809
|
}
|
|
11764
11810
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
|
|
11765
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
11811
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
11766
11812
|
margin-left: 0;
|
|
11767
11813
|
}
|
|
11768
11814
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
|
|
11769
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
11815
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
11770
11816
|
margin-left: 0;
|
|
11771
11817
|
}
|
|
11772
11818
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
|
|
11773
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
11819
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
11774
11820
|
margin-left: auto;
|
|
11775
11821
|
}
|
|
11776
11822
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
|
|
11777
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
11823
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
11778
11824
|
flex-wrap: nowrap;
|
|
11779
11825
|
}
|
|
11780
11826
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
|
|
11781
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
11827
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
11782
11828
|
flex-wrap: wrap;
|
|
11783
11829
|
}
|
|
11784
11830
|
}
|
|
@@ -12414,9 +12460,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12414
12460
|
width: 100%;
|
|
12415
12461
|
height: auto;
|
|
12416
12462
|
flex-direction: var(--pf-c-divider--FlexDirection);
|
|
12463
|
+
flex-shrink: 0;
|
|
12417
12464
|
align-items: center;
|
|
12418
12465
|
align-self: stretch;
|
|
12419
|
-
flex-shrink: 0;
|
|
12420
12466
|
justify-content: center;
|
|
12421
12467
|
border: 0;
|
|
12422
12468
|
}
|
|
@@ -12425,11 +12471,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12425
12471
|
}
|
|
12426
12472
|
.pf-c-divider::after {
|
|
12427
12473
|
align-self: stretch;
|
|
12474
|
+
justify-self: center;
|
|
12428
12475
|
width: var(--pf-c-divider--after--Width);
|
|
12429
12476
|
height: var(--pf-c-divider--after--Height);
|
|
12430
12477
|
content: "";
|
|
12431
12478
|
background-color: var(--pf-c-divider--after--BackgroundColor);
|
|
12432
|
-
justify-self: center;
|
|
12433
12479
|
}
|
|
12434
12480
|
.pf-c-divider.pf-m-vertical {
|
|
12435
12481
|
--pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
|
|
@@ -13001,16 +13047,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13001
13047
|
}
|
|
13002
13048
|
|
|
13003
13049
|
.pf-c-drawer__actions {
|
|
13004
|
-
grid-column: 2;
|
|
13005
|
-
grid-row: 1;
|
|
13006
13050
|
display: flex;
|
|
13051
|
+
grid-row: 1;
|
|
13052
|
+
grid-column: 2;
|
|
13007
13053
|
align-self: baseline;
|
|
13008
13054
|
margin-top: var(--pf-c-drawer__actions--MarginTop);
|
|
13009
13055
|
margin-right: var(--pf-c-drawer__actions--MarginRight);
|
|
13010
13056
|
}
|
|
13011
13057
|
|
|
13012
13058
|
.pf-c-drawer__body {
|
|
13013
|
-
min-height: 0;
|
|
13014
13059
|
padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
|
|
13015
13060
|
}
|
|
13016
13061
|
.pf-c-drawer__body.pf-m-no-padding {
|
|
@@ -13172,7 +13217,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13172
13217
|
--pf-c-drawer__splitter--after--BorderLeftWidth: 0;
|
|
13173
13218
|
}
|
|
13174
13219
|
.pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
|
|
13175
|
-
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13220
|
+
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13176
13221
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13177
13222
|
}
|
|
13178
13223
|
.pf-c-drawer__splitter {
|
|
@@ -13261,15 +13306,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13261
13306
|
}
|
|
13262
13307
|
@media (min-width: 768px) {
|
|
13263
13308
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13264
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13309
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13265
13310
|
flex-shrink: 1;
|
|
13266
13311
|
}
|
|
13267
13312
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13268
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13313
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13269
13314
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13270
13315
|
}
|
|
13271
13316
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13272
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13317
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13273
13318
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13274
13319
|
}
|
|
13275
13320
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13322,15 +13367,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13322
13367
|
}
|
|
13323
13368
|
@media (min-width: 992px) {
|
|
13324
13369
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13325
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13370
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13326
13371
|
flex-shrink: 1;
|
|
13327
13372
|
}
|
|
13328
13373
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13329
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13374
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13330
13375
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13331
13376
|
}
|
|
13332
13377
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13333
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13378
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13334
13379
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13335
13380
|
}
|
|
13336
13381
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13383,15 +13428,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13383
13428
|
}
|
|
13384
13429
|
@media (min-width: 1200px) {
|
|
13385
13430
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13386
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13431
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13387
13432
|
flex-shrink: 1;
|
|
13388
13433
|
}
|
|
13389
13434
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13390
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13435
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13391
13436
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13392
13437
|
}
|
|
13393
13438
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13394
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13439
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13395
13440
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13396
13441
|
}
|
|
13397
13442
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13444,15 +13489,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13444
13489
|
}
|
|
13445
13490
|
@media (min-width: 1450px) {
|
|
13446
13491
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13447
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13492
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13448
13493
|
flex-shrink: 1;
|
|
13449
13494
|
}
|
|
13450
13495
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13451
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13496
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13452
13497
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13453
13498
|
}
|
|
13454
13499
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13455
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13500
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13456
13501
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13457
13502
|
}
|
|
13458
13503
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13599,6 +13644,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13599
13644
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13600
13645
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
|
|
13601
13646
|
--pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
|
|
13647
|
+
--pf-c-dropdown__toggle-button--BackgroundColor: transparent;
|
|
13602
13648
|
--pf-c-dropdown__toggle-progress--Visibility: hidden;
|
|
13603
13649
|
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
|
|
13604
13650
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
|
|
@@ -13824,6 +13870,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13824
13870
|
}
|
|
13825
13871
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
|
|
13826
13872
|
color: var(--pf-c-dropdown__toggle-button--Color);
|
|
13873
|
+
background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
|
|
13827
13874
|
border: 0;
|
|
13828
13875
|
}
|
|
13829
13876
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
|
|
@@ -14058,51 +14105,51 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14058
14105
|
}
|
|
14059
14106
|
@media (min-width: 576px) {
|
|
14060
14107
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
|
|
14061
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-sm {
|
|
14108
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-sm {
|
|
14062
14109
|
right: 0;
|
|
14063
14110
|
}
|
|
14064
14111
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
|
|
14065
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-sm {
|
|
14112
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-sm {
|
|
14066
14113
|
right: auto;
|
|
14067
14114
|
}
|
|
14068
14115
|
}
|
|
14069
14116
|
@media (min-width: 768px) {
|
|
14070
14117
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
|
|
14071
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-md {
|
|
14118
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-md {
|
|
14072
14119
|
right: 0;
|
|
14073
14120
|
}
|
|
14074
14121
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
|
|
14075
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-md {
|
|
14122
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-md {
|
|
14076
14123
|
right: auto;
|
|
14077
14124
|
}
|
|
14078
14125
|
}
|
|
14079
14126
|
@media (min-width: 992px) {
|
|
14080
14127
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
|
|
14081
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-lg {
|
|
14128
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-lg {
|
|
14082
14129
|
right: 0;
|
|
14083
14130
|
}
|
|
14084
14131
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
|
|
14085
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-lg {
|
|
14132
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-lg {
|
|
14086
14133
|
right: auto;
|
|
14087
14134
|
}
|
|
14088
14135
|
}
|
|
14089
14136
|
@media (min-width: 1200px) {
|
|
14090
14137
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
|
|
14091
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-xl {
|
|
14138
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-xl {
|
|
14092
14139
|
right: 0;
|
|
14093
14140
|
}
|
|
14094
14141
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
|
|
14095
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-xl {
|
|
14142
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-xl {
|
|
14096
14143
|
right: auto;
|
|
14097
14144
|
}
|
|
14098
14145
|
}
|
|
14099
14146
|
@media (min-width: 1450px) {
|
|
14100
14147
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
|
|
14101
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
|
|
14148
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
|
|
14102
14149
|
right: 0;
|
|
14103
14150
|
}
|
|
14104
14151
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
|
|
14105
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
|
|
14152
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
|
|
14106
14153
|
right: auto;
|
|
14107
14154
|
}
|
|
14108
14155
|
}
|
|
@@ -14256,38 +14303,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14256
14303
|
--pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
|
|
14257
14304
|
--pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
|
|
14258
14305
|
--pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
|
|
14306
|
+
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14307
|
+
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14308
|
+
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14309
|
+
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14259
14310
|
--pf-c-empty-state__content--MaxWidth: none;
|
|
14311
|
+
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14312
|
+
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14313
|
+
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14260
14314
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
|
|
14261
14315
|
--pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
14262
14316
|
--pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
|
|
14263
|
-
--pf-c-empty-
|
|
14317
|
+
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14318
|
+
--pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
|
|
14319
|
+
--pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
14320
|
+
--pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
14321
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
14322
|
+
--pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
14323
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
14324
|
+
--pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
14325
|
+
--pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
|
|
14326
|
+
--pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
14264
14327
|
--pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
|
|
14265
14328
|
--pf-c-empty-state__body--Color: var(--pf-global--Color--200);
|
|
14266
|
-
--pf-c-empty-
|
|
14267
|
-
--pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
|
|
14268
|
-
--pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
|
|
14269
|
-
--pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
14270
|
-
--pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
|
|
14271
|
-
--pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
|
|
14272
|
-
--pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
|
|
14273
|
-
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14329
|
+
--pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
|
|
14274
14330
|
--pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
|
|
14275
|
-
--pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
|
|
14276
|
-
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14277
|
-
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14278
|
-
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14279
|
-
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14280
|
-
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14281
14331
|
--pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
|
|
14282
|
-
--pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
|
|
14283
|
-
--pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
|
|
14284
|
-
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14285
|
-
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14286
14332
|
--pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
|
|
14287
14333
|
--pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
|
|
14288
|
-
--pf-c-empty-
|
|
14289
|
-
--pf-c-empty-
|
|
14290
|
-
--pf-c-empty-state--m-
|
|
14334
|
+
--pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
|
|
14335
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
|
|
14336
|
+
--pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
|
|
14337
|
+
--pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
|
|
14338
|
+
--pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
|
|
14291
14339
|
display: flex;
|
|
14292
14340
|
align-items: center;
|
|
14293
14341
|
justify-content: center;
|
|
@@ -14299,17 +14347,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14299
14347
|
--pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
|
|
14300
14348
|
--pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
|
|
14301
14349
|
--pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
|
|
14350
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
|
|
14302
14351
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
|
|
14303
14352
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
|
|
14304
14353
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
|
|
14305
|
-
--pf-c-empty-
|
|
14306
|
-
--pf-c-empty-
|
|
14307
|
-
}
|
|
14308
|
-
.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
|
|
14309
|
-
font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14310
|
-
}
|
|
14311
|
-
.pf-c-empty-state.pf-m-xs .pf-c-button {
|
|
14312
|
-
--pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
|
|
14354
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14355
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
|
|
14313
14356
|
}
|
|
14314
14357
|
.pf-c-empty-state.pf-m-sm {
|
|
14315
14358
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
|
|
@@ -14319,12 +14362,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14319
14362
|
}
|
|
14320
14363
|
.pf-c-empty-state.pf-m-xl {
|
|
14321
14364
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
|
|
14365
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14322
14366
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
|
|
14323
14367
|
--pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
|
|
14324
|
-
--pf-c-empty-
|
|
14325
|
-
|
|
14326
|
-
.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
|
|
14327
|
-
font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14368
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
|
|
14369
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
|
|
14328
14370
|
}
|
|
14329
14371
|
.pf-c-empty-state.pf-m-full-height {
|
|
14330
14372
|
height: 100%;
|
|
@@ -14333,41 +14375,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14333
14375
|
.pf-c-empty-state__content {
|
|
14334
14376
|
max-width: var(--pf-c-empty-state__content--MaxWidth);
|
|
14335
14377
|
}
|
|
14336
|
-
.pf-c-empty-state__content > .pf-c-title.pf-m-lg {
|
|
14337
|
-
font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
|
|
14338
|
-
}
|
|
14339
14378
|
|
|
14340
14379
|
.pf-c-empty-state__icon {
|
|
14341
14380
|
margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
|
|
14342
14381
|
font-size: var(--pf-c-empty-state__icon--FontSize);
|
|
14382
|
+
line-height: 1;
|
|
14343
14383
|
color: var(--pf-c-empty-state__icon--Color);
|
|
14344
14384
|
}
|
|
14345
14385
|
|
|
14386
|
+
.pf-c-empty-state__title-text {
|
|
14387
|
+
font-family: var(--pf-c-empty-state__title-text--FontFamily);
|
|
14388
|
+
font-size: var(--pf-c-empty-state__title-text--FontSize);
|
|
14389
|
+
font-weight: var(--pf-c-empty-state__title-text--FontWeight);
|
|
14390
|
+
line-height: var(--pf-c-empty-state__title-text--LineHeight);
|
|
14391
|
+
}
|
|
14392
|
+
|
|
14346
14393
|
.pf-c-empty-state__body {
|
|
14347
14394
|
margin-top: var(--pf-c-empty-state__body--MarginTop);
|
|
14395
|
+
font-size: var(--pf-c-empty-state--body--FontSize);
|
|
14348
14396
|
color: var(--pf-c-empty-state__body--Color);
|
|
14349
14397
|
}
|
|
14350
14398
|
|
|
14351
|
-
.pf-c-empty-
|
|
14352
|
-
|
|
14353
|
-
|
|
14354
|
-
|
|
14355
|
-
|
|
14356
|
-
|
|
14357
|
-
margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
|
|
14399
|
+
.pf-c-empty-state__footer {
|
|
14400
|
+
display: flex;
|
|
14401
|
+
flex-direction: column;
|
|
14402
|
+
row-gap: var(--pf-c-empty-state__footer--RowGap);
|
|
14403
|
+
align-items: center;
|
|
14404
|
+
margin-top: var(--pf-c-empty-state__footer--MarginTop);
|
|
14358
14405
|
}
|
|
14359
14406
|
|
|
14360
|
-
.pf-c-empty-
|
|
14407
|
+
.pf-c-empty-state__actions {
|
|
14361
14408
|
display: flex;
|
|
14362
14409
|
flex-wrap: wrap;
|
|
14410
|
+
gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
|
|
14363
14411
|
justify-content: center;
|
|
14364
|
-
margin-top: var(--pf-c-empty-state__secondary--MarginTop);
|
|
14365
|
-
margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
|
|
14366
|
-
}
|
|
14367
|
-
.pf-c-empty-state__secondary > * {
|
|
14368
|
-
margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
|
|
14369
|
-
margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
|
|
14370
|
-
margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
|
|
14371
14412
|
}
|
|
14372
14413
|
|
|
14373
14414
|
.pf-c-expandable-section {
|
|
@@ -14381,6 +14422,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14381
14422
|
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
14382
14423
|
--pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
|
|
14383
14424
|
--pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
|
|
14425
|
+
--pf-c-expandable-section__toggle--BackgroundColor: transparent;
|
|
14384
14426
|
--pf-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
14385
14427
|
--pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
|
|
14386
14428
|
--pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
@@ -14466,6 +14508,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14466
14508
|
padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
|
|
14467
14509
|
margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
|
|
14468
14510
|
color: var(--pf-c-expandable-section__toggle--Color);
|
|
14511
|
+
background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
|
|
14469
14512
|
border: none;
|
|
14470
14513
|
}
|
|
14471
14514
|
.pf-c-expandable-section__toggle:hover {
|
|
@@ -14680,8 +14723,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14680
14723
|
}
|
|
14681
14724
|
.pf-c-form.pf-m-horizontal .pf-c-form__group {
|
|
14682
14725
|
display: grid;
|
|
14683
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14684
14726
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14727
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14685
14728
|
}
|
|
14686
14729
|
.pf-c-form.pf-m-horizontal .pf-c-form__group-label {
|
|
14687
14730
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14700,8 +14743,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14700
14743
|
}
|
|
14701
14744
|
.pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
|
|
14702
14745
|
display: grid;
|
|
14703
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14704
14746
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14747
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14705
14748
|
}
|
|
14706
14749
|
.pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
|
|
14707
14750
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14720,8 +14763,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14720
14763
|
}
|
|
14721
14764
|
.pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
|
|
14722
14765
|
display: grid;
|
|
14723
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14724
14766
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14767
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14725
14768
|
}
|
|
14726
14769
|
.pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
|
|
14727
14770
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14740,8 +14783,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14740
14783
|
}
|
|
14741
14784
|
.pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
|
|
14742
14785
|
display: grid;
|
|
14743
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14744
14786
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14787
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14745
14788
|
}
|
|
14746
14789
|
.pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
|
|
14747
14790
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14760,8 +14803,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14760
14803
|
}
|
|
14761
14804
|
.pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
|
|
14762
14805
|
display: grid;
|
|
14763
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14764
14806
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14807
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14765
14808
|
}
|
|
14766
14809
|
.pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
|
|
14767
14810
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14780,8 +14823,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14780
14823
|
}
|
|
14781
14824
|
.pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
|
|
14782
14825
|
display: grid;
|
|
14783
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14784
14826
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14827
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14785
14828
|
}
|
|
14786
14829
|
.pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
|
|
14787
14830
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14800,8 +14843,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14800
14843
|
}
|
|
14801
14844
|
.pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
|
|
14802
14845
|
display: grid;
|
|
14803
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14804
14846
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14847
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14805
14848
|
}
|
|
14806
14849
|
.pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
|
|
14807
14850
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14916,9 +14959,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14916
14959
|
--pf-c-form__group-control--m-inline--child--MarginRight: 0;
|
|
14917
14960
|
}
|
|
14918
14961
|
.pf-c-form__group-control.pf-m-stack {
|
|
14962
|
+
--pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
|
|
14919
14963
|
display: grid;
|
|
14920
14964
|
gap: var(--pf-c-grid__group-control--m-stack--Gap);
|
|
14921
|
-
--pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
|
|
14922
14965
|
}
|
|
14923
14966
|
.pf-c-form__group-control .pf-c-form__helper-text:first-child {
|
|
14924
14967
|
--pf-c-form__helper-text--MarginTop: 0;
|
|
@@ -15002,8 +15045,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15002
15045
|
}
|
|
15003
15046
|
|
|
15004
15047
|
.pf-c-form__field-group-toggle {
|
|
15005
|
-
grid-column: 1/2;
|
|
15006
15048
|
grid-row: 1/2;
|
|
15049
|
+
grid-column: 1/2;
|
|
15007
15050
|
padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
|
|
15008
15051
|
padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
|
|
15009
15052
|
}
|
|
@@ -15025,9 +15068,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15025
15068
|
}
|
|
15026
15069
|
|
|
15027
15070
|
.pf-c-form__field-group-header {
|
|
15028
|
-
grid-column: var(--pf-c-form__field-group-header--GridColumn);
|
|
15029
|
-
grid-row: 1/2;
|
|
15030
15071
|
display: flex;
|
|
15072
|
+
grid-row: 1/2;
|
|
15073
|
+
grid-column: var(--pf-c-form__field-group-header--GridColumn);
|
|
15031
15074
|
align-items: flex-start;
|
|
15032
15075
|
padding-top: var(--pf-c-form__field-group-header--PaddingTop);
|
|
15033
15076
|
padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
|
|
@@ -15060,8 +15103,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15060
15103
|
}
|
|
15061
15104
|
|
|
15062
15105
|
.pf-c-form__field-group-body {
|
|
15063
|
-
grid-column: var(--pf-c-form__field-group-body--GridColumn);
|
|
15064
15106
|
display: grid;
|
|
15107
|
+
grid-column: var(--pf-c-form__field-group-body--GridColumn);
|
|
15065
15108
|
gap: var(--pf-c-form__field-group-body--Gap);
|
|
15066
15109
|
padding-top: var(--pf-c-form__field-group-body--PaddingTop);
|
|
15067
15110
|
padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
|
|
@@ -15474,9 +15517,9 @@ textarea.pf-c-form-control {
|
|
|
15474
15517
|
--pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
15475
15518
|
--pf-c-form-control--BorderLeftColor: transparent;
|
|
15476
15519
|
--pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
15477
|
-
--pf-c-form-control--disabled--Color: var(--pf-global--
|
|
15520
|
+
--pf-c-form-control--disabled--Color: var(--pf-global--palette--black-300);
|
|
15478
15521
|
--pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15479
|
-
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--
|
|
15522
|
+
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15480
15523
|
color: var(--pf-global--Color--100);
|
|
15481
15524
|
}
|
|
15482
15525
|
:where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
|
|
@@ -15485,9 +15528,6 @@ textarea.pf-c-form-control {
|
|
|
15485
15528
|
:where(.pf-theme-dark) .pf-c-form-control[readonly] {
|
|
15486
15529
|
border-bottom-color: var(--pf-global--palette--black-700);
|
|
15487
15530
|
}
|
|
15488
|
-
:where(.pf-theme-dark) .pf-c-form-control:disabled {
|
|
15489
|
-
color: var(--pf-global--palette--black-100);
|
|
15490
|
-
}
|
|
15491
15531
|
|
|
15492
15532
|
.pf-c-hint {
|
|
15493
15533
|
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
@@ -15521,11 +15561,11 @@ textarea.pf-c-form-control {
|
|
|
15521
15561
|
|
|
15522
15562
|
.pf-c-hint__actions {
|
|
15523
15563
|
display: inline-grid;
|
|
15564
|
+
grid-row: 1;
|
|
15565
|
+
grid-column: 2;
|
|
15524
15566
|
grid-auto-flow: column;
|
|
15525
15567
|
margin-left: var(--pf-c-hint__actions--MarginLeft);
|
|
15526
15568
|
text-align: right;
|
|
15527
|
-
grid-column: 2;
|
|
15528
|
-
grid-row: 1;
|
|
15529
15569
|
}
|
|
15530
15570
|
.pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
|
|
15531
15571
|
margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
|
|
@@ -16305,6 +16345,7 @@ label.pf-c-input-group__text {
|
|
|
16305
16345
|
--pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
|
|
16306
16346
|
--pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
|
|
16307
16347
|
--pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16348
|
+
--pf-c-label--MaxWidth: 100%;
|
|
16308
16349
|
--pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
16309
16350
|
--pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
|
|
16310
16351
|
--pf-c-label--Color: var(--pf-global--Color--100);
|
|
@@ -16407,21 +16448,22 @@ label.pf-c-input-group__text {
|
|
|
16407
16448
|
--pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
|
|
16408
16449
|
--pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
16409
16450
|
--pf-c-label__content--Color: var(--pf-global--Color--100);
|
|
16451
|
+
--pf-c-label__content--BackgroundColor: transparent;
|
|
16410
16452
|
--pf-c-label__content--MaxWidth: 100%;
|
|
16411
16453
|
--pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
|
|
16412
16454
|
--pf-c-label--m-editable__content--MaxWidth: 16ch;
|
|
16413
|
-
--pf-c-label__text--MaxWidth:
|
|
16455
|
+
--pf-c-label__text--MaxWidth: 100%;
|
|
16414
16456
|
--pf-c-label__icon--Color: var(--pf-global--Color--100);
|
|
16415
16457
|
--pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
|
|
16416
|
-
--pf-c-
|
|
16417
|
-
--pf-c-
|
|
16418
|
-
--pf-c-
|
|
16419
|
-
--pf-c-
|
|
16420
|
-
--pf-c-
|
|
16421
|
-
--pf-c-
|
|
16422
|
-
--pf-c-
|
|
16423
|
-
--pf-c-
|
|
16424
|
-
--pf-c-
|
|
16458
|
+
--pf-c-label__actions--FontSize: var(--pf-global--FontSize--xs);
|
|
16459
|
+
--pf-c-label__actions--MarginRight: calc(var(--pf-c-label__actions--c-button--PaddingRight) * -1);
|
|
16460
|
+
--pf-c-label__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
16461
|
+
--pf-c-label__actions--c-button--MarginTop: calc(var(--pf-c-label__actions--c-button--PaddingTop) * -1);
|
|
16462
|
+
--pf-c-label__actions--c-button--MarginBottom: calc(var(--pf-c-label__actions--c-button--PaddingBottom) * -1);
|
|
16463
|
+
--pf-c-label__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
16464
|
+
--pf-c-label__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16465
|
+
--pf-c-label__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
16466
|
+
--pf-c-label__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16425
16467
|
--pf-c-label--m-editable--Cursor: pointer;
|
|
16426
16468
|
--pf-c-label--m-editable--TextDecoration: underline;
|
|
16427
16469
|
--pf-c-label--m-editable--TextDecorationStyle: dashed;
|
|
@@ -16442,6 +16484,7 @@ label.pf-c-input-group__text {
|
|
|
16442
16484
|
--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
|
|
16443
16485
|
--pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
|
|
16444
16486
|
position: relative;
|
|
16487
|
+
max-width: var(--pf-c-label--MaxWidth);
|
|
16445
16488
|
padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
|
|
16446
16489
|
font-size: var(--pf-c-label--FontSize);
|
|
16447
16490
|
color: var(--pf-c-label--Color);
|
|
@@ -16586,12 +16629,6 @@ label.pf-c-input-group__text {
|
|
|
16586
16629
|
}
|
|
16587
16630
|
|
|
16588
16631
|
.pf-c-label.pf-m-editable {
|
|
16589
|
-
text-decoration: var(--pf-c-label--m-editable--TextDecoration);
|
|
16590
|
-
cursor: var(--pf-c-label--m-editable--Cursor);
|
|
16591
|
-
text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
|
|
16592
|
-
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
16593
|
-
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
16594
|
-
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
16595
16632
|
--pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
|
|
16596
16633
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16597
16634
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
|
|
@@ -16601,6 +16638,12 @@ label.pf-c-input-group__text {
|
|
|
16601
16638
|
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
|
|
16602
16639
|
--pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16603
16640
|
--pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16641
|
+
text-decoration: var(--pf-c-label--m-editable--TextDecoration);
|
|
16642
|
+
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
16643
|
+
text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
|
|
16644
|
+
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
16645
|
+
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
16646
|
+
cursor: var(--pf-c-label--m-editable--Cursor);
|
|
16604
16647
|
}
|
|
16605
16648
|
.pf-c-label.pf-m-editable:hover {
|
|
16606
16649
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
|
|
@@ -16613,17 +16656,6 @@ label.pf-c-input-group__text {
|
|
|
16613
16656
|
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
|
16614
16657
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
16615
16658
|
}
|
|
16616
|
-
.pf-c-label .pf-c-button {
|
|
16617
|
-
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
|
16618
|
-
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
|
16619
|
-
--pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
|
|
16620
|
-
--pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
|
|
16621
|
-
--pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
|
|
16622
|
-
margin-top: var(--pf-c-label__c-button--MarginTop);
|
|
16623
|
-
margin-right: var(--pf-c-label__c-button--MarginRight);
|
|
16624
|
-
margin-bottom: var(--pf-c-label__c-button--MarginBottom);
|
|
16625
|
-
margin-left: var(--pf-c-label__c-button--MarginLeft);
|
|
16626
|
-
}
|
|
16627
16659
|
.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
|
|
16628
16660
|
--pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
|
|
16629
16661
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
|
|
@@ -16649,11 +16681,10 @@ label.pf-c-input-group__text {
|
|
|
16649
16681
|
}
|
|
16650
16682
|
|
|
16651
16683
|
.pf-c-label__content {
|
|
16652
|
-
overflow: hidden;
|
|
16653
|
-
text-overflow: ellipsis;
|
|
16654
|
-
white-space: nowrap;
|
|
16655
16684
|
max-width: var(--pf-c-label__content--MaxWidth);
|
|
16685
|
+
overflow: hidden;
|
|
16656
16686
|
color: var(--pf-c-label__content--Color);
|
|
16687
|
+
background-color: var(--pf-c-label__content--BackgroundColor);
|
|
16657
16688
|
border-width: 0;
|
|
16658
16689
|
}
|
|
16659
16690
|
.pf-c-label__content::before {
|
|
@@ -16667,9 +16698,17 @@ label.pf-c-input-group__text {
|
|
|
16667
16698
|
border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
|
|
16668
16699
|
border-radius: var(--pf-c-label--BorderRadius);
|
|
16669
16700
|
}
|
|
16701
|
+
input.pf-c-label__content {
|
|
16702
|
+
overflow: hidden;
|
|
16703
|
+
text-overflow: ellipsis;
|
|
16704
|
+
white-space: nowrap;
|
|
16705
|
+
}
|
|
16706
|
+
|
|
16670
16707
|
a.pf-c-label__content,
|
|
16671
16708
|
button.pf-c-label__content {
|
|
16709
|
+
padding: 0;
|
|
16672
16710
|
cursor: pointer;
|
|
16711
|
+
background-color: transparent;
|
|
16673
16712
|
border: none;
|
|
16674
16713
|
}
|
|
16675
16714
|
a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
|
|
@@ -16694,6 +16733,20 @@ button.pf-c-label__content:focus {
|
|
|
16694
16733
|
color: var(--pf-c-label__icon--Color);
|
|
16695
16734
|
}
|
|
16696
16735
|
|
|
16736
|
+
.pf-c-label__actions {
|
|
16737
|
+
margin-right: var(--pf-c-label__actions--MarginRight);
|
|
16738
|
+
font-size: var(--pf-c-label__actions--FontSize);
|
|
16739
|
+
}
|
|
16740
|
+
.pf-c-label__actions .pf-c-button {
|
|
16741
|
+
--pf-c-button--FontSize: var(--pf-c-label__actions--c-button--FontSize);
|
|
16742
|
+
--pf-c-button--PaddingTop: var(--pf-c-label__actions--c-button--PaddingTop);
|
|
16743
|
+
--pf-c-button--PaddingRight: var(--pf-c-label__actions--c-button--PaddingRight);
|
|
16744
|
+
--pf-c-button--PaddingBottom: var(--pf-c-label__actions--c-button--PaddingBottom);
|
|
16745
|
+
--pf-c-button--PaddingLeft: var(--pf-c-label__actions--c-button--PaddingLeft);
|
|
16746
|
+
margin-top: var(--pf-c-label__actions--c-button--MarginTop);
|
|
16747
|
+
margin-bottom: var(--pf-c-label__actions--c-button--MarginBottom);
|
|
16748
|
+
}
|
|
16749
|
+
|
|
16697
16750
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16698
16751
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
16699
16752
|
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -16775,8 +16828,18 @@ button.pf-c-label__content:focus {
|
|
|
16775
16828
|
}
|
|
16776
16829
|
|
|
16777
16830
|
.pf-c-label-group {
|
|
16778
|
-
--pf-c-label-
|
|
16779
|
-
--pf-c-label-
|
|
16831
|
+
--pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
|
|
16832
|
+
--pf-c-label-group--ColumnGap: 0;
|
|
16833
|
+
--pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
|
|
16834
|
+
--pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
|
|
16835
|
+
--pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
16836
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
16837
|
+
--pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
|
|
16838
|
+
--pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
|
|
16839
|
+
--pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
16840
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16841
|
+
--pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
|
|
16842
|
+
--pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16780
16843
|
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
16781
16844
|
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
16782
16845
|
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
@@ -16786,26 +16849,22 @@ button.pf-c-label__content:focus {
|
|
|
16786
16849
|
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16787
16850
|
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
16788
16851
|
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16789
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
16790
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
16791
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
16792
16852
|
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
16793
16853
|
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
16794
16854
|
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
16795
16855
|
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
16796
16856
|
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16797
16857
|
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16798
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
16799
16858
|
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16800
16859
|
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16801
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
16802
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
16803
16860
|
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
16804
16861
|
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
16805
16862
|
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
16806
16863
|
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
16807
16864
|
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
16808
16865
|
display: inline-flex;
|
|
16866
|
+
row-gap: var(--pf-c-label-group--RowGap);
|
|
16867
|
+
column-gap: var(--pf-c-label-group--ColumnGap);
|
|
16809
16868
|
align-items: center;
|
|
16810
16869
|
}
|
|
16811
16870
|
.pf-c-label-group.pf-m-category {
|
|
@@ -16818,11 +16877,12 @@ button.pf-c-label__content:focus {
|
|
|
16818
16877
|
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
16819
16878
|
}
|
|
16820
16879
|
.pf-c-label-group.pf-m-vertical {
|
|
16821
|
-
--pf-c-label-
|
|
16822
|
-
--pf-c-label-
|
|
16823
|
-
--pf-c-label-
|
|
16824
|
-
--pf-c-label-
|
|
16825
|
-
--pf-c-label-
|
|
16880
|
+
--pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
|
|
16881
|
+
--pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
|
|
16882
|
+
--pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
|
|
16883
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
|
|
16884
|
+
--pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
|
|
16885
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
|
|
16826
16886
|
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
16827
16887
|
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
16828
16888
|
--pf-c-label-group__close--MarginBottom: 0;
|
|
@@ -16839,9 +16899,6 @@ button.pf-c-label__content:focus {
|
|
|
16839
16899
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
16840
16900
|
flex-direction: column;
|
|
16841
16901
|
}
|
|
16842
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
16843
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
16844
|
-
}
|
|
16845
16902
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
16846
16903
|
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
16847
16904
|
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
@@ -16862,20 +16919,20 @@ button.pf-c-label__content:focus {
|
|
|
16862
16919
|
display: flex;
|
|
16863
16920
|
flex: 1;
|
|
16864
16921
|
flex-wrap: wrap;
|
|
16922
|
+
row-gap: var(--pf-c-label-group__main--RowGap);
|
|
16923
|
+
column-gap: var(--pf-c-label-group__main--ColumnGap);
|
|
16865
16924
|
align-items: baseline;
|
|
16866
16925
|
}
|
|
16867
16926
|
|
|
16868
16927
|
.pf-c-label-group__list {
|
|
16869
16928
|
display: inline-flex;
|
|
16870
16929
|
flex-wrap: wrap;
|
|
16871
|
-
|
|
16872
|
-
|
|
16930
|
+
row-gap: var(--pf-c-label-group__list--RowGap);
|
|
16931
|
+
column-gap: var(--pf-c-label-group__list--ColumnGap);
|
|
16873
16932
|
}
|
|
16874
16933
|
|
|
16875
16934
|
.pf-c-label-group__list-item {
|
|
16876
16935
|
display: inline-flex;
|
|
16877
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
16878
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
16879
16936
|
}
|
|
16880
16937
|
|
|
16881
16938
|
.pf-c-label-group__label {
|
|
@@ -16883,12 +16940,12 @@ button.pf-c-label__content:focus {
|
|
|
16883
16940
|
text-overflow: ellipsis;
|
|
16884
16941
|
white-space: nowrap;
|
|
16885
16942
|
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
16886
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
16887
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
16888
16943
|
font-size: var(--pf-c-label-group__label--FontSize);
|
|
16889
16944
|
}
|
|
16890
16945
|
|
|
16891
16946
|
.pf-c-label-group__close {
|
|
16947
|
+
display: flex;
|
|
16948
|
+
align-self: start;
|
|
16892
16949
|
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
16893
16950
|
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
16894
16951
|
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
@@ -17329,10 +17386,10 @@ ul.pf-c-list {
|
|
|
17329
17386
|
@media (min-width: 1200px) {
|
|
17330
17387
|
.pf-c-login__container {
|
|
17331
17388
|
display: grid;
|
|
17332
|
-
justify-content: center;
|
|
17333
|
-
grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
|
|
17334
|
-
grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
|
|
17335
17389
|
grid-template-areas: "main header" "main footer" "main .";
|
|
17390
|
+
grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
|
|
17391
|
+
grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
|
|
17392
|
+
justify-content: center;
|
|
17336
17393
|
padding-right: var(--pf-c-login__container--PaddingRight);
|
|
17337
17394
|
padding-left: var(--pf-c-login__container--PaddingLeft);
|
|
17338
17395
|
}
|
|
@@ -17354,10 +17411,10 @@ ul.pf-c-list {
|
|
|
17354
17411
|
}
|
|
17355
17412
|
|
|
17356
17413
|
.pf-c-login__main {
|
|
17414
|
+
grid-area: main;
|
|
17357
17415
|
align-self: start;
|
|
17358
17416
|
margin-bottom: var(--pf-c-login__main--MarginBottom);
|
|
17359
17417
|
background-color: var(--pf-c-login__main--BackgroundColor);
|
|
17360
|
-
grid-area: main;
|
|
17361
17418
|
}
|
|
17362
17419
|
.pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
|
|
17363
17420
|
padding-top: var(--pf-c-login__main-header--PaddingTop);
|
|
@@ -17369,8 +17426,8 @@ ul.pf-c-list {
|
|
|
17369
17426
|
.pf-c-login__main-header {
|
|
17370
17427
|
display: grid;
|
|
17371
17428
|
grid-template-columns: 100%;
|
|
17372
|
-
column-gap: var(--pf-c-login__main-header--ColumnGap);
|
|
17373
17429
|
row-gap: var(--pf-c-login__main-header--RowGap);
|
|
17430
|
+
column-gap: var(--pf-c-login__main-header--ColumnGap);
|
|
17374
17431
|
align-items: center;
|
|
17375
17432
|
padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
|
|
17376
17433
|
}
|
|
@@ -17382,26 +17439,26 @@ ul.pf-c-list {
|
|
|
17382
17439
|
|
|
17383
17440
|
.pf-c-login__main-header-utilities,
|
|
17384
17441
|
.pf-c-login__main-header .pf-c-dropdown {
|
|
17385
|
-
grid-column: auto;
|
|
17386
17442
|
grid-row: auto;
|
|
17443
|
+
grid-column: auto;
|
|
17387
17444
|
}
|
|
17388
17445
|
@media (min-width: 768px) {
|
|
17389
17446
|
.pf-c-login__main-header-utilities,
|
|
17390
|
-
.pf-c-login__main-header .pf-c-dropdown {
|
|
17391
|
-
grid-column: 2/3;
|
|
17447
|
+
.pf-c-login__main-header .pf-c-dropdown {
|
|
17392
17448
|
grid-row: 1;
|
|
17449
|
+
grid-column: 2/3;
|
|
17393
17450
|
}
|
|
17394
17451
|
}
|
|
17395
17452
|
|
|
17396
17453
|
.pf-c-login__main-header-utilities .pf-c-dropdown {
|
|
17397
|
-
grid-column: auto;
|
|
17398
17454
|
grid-row: auto;
|
|
17455
|
+
grid-column: auto;
|
|
17399
17456
|
}
|
|
17400
17457
|
|
|
17401
17458
|
.pf-c-login__main-header-desc {
|
|
17459
|
+
grid-column: 1/-1;
|
|
17402
17460
|
margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
|
|
17403
17461
|
font-size: var(--pf-c-login__main-header-desc--FontSize);
|
|
17404
|
-
grid-column: 1/-1;
|
|
17405
17462
|
}
|
|
17406
17463
|
|
|
17407
17464
|
.pf-c-login__main-body {
|
|
@@ -17436,11 +17493,11 @@ ul.pf-c-list {
|
|
|
17436
17493
|
}
|
|
17437
17494
|
|
|
17438
17495
|
.pf-c-login__main-footer-links-item-link svg {
|
|
17439
|
-
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
|
|
17440
17496
|
width: 100%;
|
|
17441
17497
|
max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
|
|
17442
17498
|
height: 100%;
|
|
17443
17499
|
max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
|
|
17500
|
+
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
|
|
17444
17501
|
}
|
|
17445
17502
|
.pf-c-login__main-footer-links-item-link:hover svg {
|
|
17446
17503
|
fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
|
|
@@ -17705,6 +17762,7 @@ ul.pf-c-list {
|
|
|
17705
17762
|
position: relative;
|
|
17706
17763
|
display: flex;
|
|
17707
17764
|
flex-basis: var(--pf-c-masthead__main--FlexBasis);
|
|
17765
|
+
grid-column: var(--pf-c-masthead__main--GridColumn);
|
|
17708
17766
|
align-items: center;
|
|
17709
17767
|
align-self: stretch;
|
|
17710
17768
|
order: var(--pf-c-masthead__main--Order);
|
|
@@ -17712,7 +17770,6 @@ ul.pf-c-list {
|
|
|
17712
17770
|
padding-top: var(--pf-c-masthead__main--PaddingTop);
|
|
17713
17771
|
padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
|
|
17714
17772
|
margin-right: var(--pf-c-masthead__main--MarginRight);
|
|
17715
|
-
grid-column: var(--pf-c-masthead__main--GridColumn);
|
|
17716
17773
|
}
|
|
17717
17774
|
.pf-c-masthead__main::before {
|
|
17718
17775
|
position: absolute;
|
|
@@ -17729,6 +17786,9 @@ ul.pf-c-list {
|
|
|
17729
17786
|
.pf-c-masthead__content {
|
|
17730
17787
|
display: flex;
|
|
17731
17788
|
flex-grow: 1;
|
|
17789
|
+
flex-shrink: 1;
|
|
17790
|
+
grid-column: var(--pf-c-masthead__content--GridColumn);
|
|
17791
|
+
grid-column-end: -1;
|
|
17732
17792
|
align-items: center;
|
|
17733
17793
|
align-self: stretch;
|
|
17734
17794
|
order: var(--pf-c-masthead__content--Order);
|
|
@@ -17736,9 +17796,6 @@ ul.pf-c-list {
|
|
|
17736
17796
|
padding-top: var(--pf-c-masthead__content--PaddingTop);
|
|
17737
17797
|
padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
|
|
17738
17798
|
margin-left: var(--pf-c-masthead__content--MarginLeft);
|
|
17739
|
-
grid-column: var(--pf-c-masthead__content--GridColumn);
|
|
17740
|
-
grid-column-end: -1;
|
|
17741
|
-
flex-shrink: 1;
|
|
17742
17799
|
}
|
|
17743
17800
|
.pf-c-masthead__content:only-child {
|
|
17744
17801
|
--pf-c-masthead__content--MarginLeft: 0;
|
|
@@ -18266,6 +18323,7 @@ ul.pf-c-list {
|
|
|
18266
18323
|
--pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
|
|
18267
18324
|
--pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
|
|
18268
18325
|
--pf-c-menu__item-action--Color: var(--pf-global--Color--200);
|
|
18326
|
+
--pf-c-menu__item-action--BackgroundColor: transparent;
|
|
18269
18327
|
--pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
|
|
18270
18328
|
--pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
|
|
18271
18329
|
--pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
|
|
@@ -18297,12 +18355,6 @@ ul.pf-c-list {
|
|
|
18297
18355
|
--pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
18298
18356
|
--pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
|
|
18299
18357
|
--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
18300
|
-
top: var(--pf-c-menu--Top);
|
|
18301
|
-
z-index: var(--pf-c-menu--ZIndex);
|
|
18302
|
-
width: var(--pf-c-menu--Width);
|
|
18303
|
-
min-width: var(--pf-c-menu--MinWidth);
|
|
18304
|
-
background-color: var(--pf-c-menu--BackgroundColor);
|
|
18305
|
-
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
18306
18358
|
--pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
18307
18359
|
--pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
18308
18360
|
--pf-c-menu--m-nav__list--PaddingTop: 0;
|
|
@@ -18330,6 +18382,12 @@ ul.pf-c-list {
|
|
|
18330
18382
|
--pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
|
|
18331
18383
|
--pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
|
|
18332
18384
|
--pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
|
|
18385
|
+
top: var(--pf-c-menu--Top);
|
|
18386
|
+
z-index: var(--pf-c-menu--ZIndex);
|
|
18387
|
+
width: var(--pf-c-menu--Width);
|
|
18388
|
+
min-width: var(--pf-c-menu--MinWidth);
|
|
18389
|
+
background-color: var(--pf-c-menu--BackgroundColor);
|
|
18390
|
+
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
18333
18391
|
}
|
|
18334
18392
|
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
|
|
18335
18393
|
overflow: visible;
|
|
@@ -18386,6 +18444,7 @@ ul.pf-c-list {
|
|
|
18386
18444
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list {
|
|
18387
18445
|
position: relative;
|
|
18388
18446
|
overflow: hidden;
|
|
18447
|
+
visibility: visible;
|
|
18389
18448
|
transition: var(--pf-c-menu--m-drilldown__list--Transition);
|
|
18390
18449
|
}
|
|
18391
18450
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
|
|
@@ -18696,6 +18755,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
18696
18755
|
padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
|
|
18697
18756
|
padding-left: var(--pf-c-menu__item-action--PaddingLeft);
|
|
18698
18757
|
color: var(--pf-c-menu__item-action--Color);
|
|
18758
|
+
background-color: var(--pf-c-menu__item-action--BackgroundColor);
|
|
18699
18759
|
border: none;
|
|
18700
18760
|
}
|
|
18701
18761
|
.pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
|
|
@@ -18885,6 +18945,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
18885
18945
|
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
|
|
18886
18946
|
--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
|
|
18887
18947
|
--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
|
|
18948
|
+
--pf-c-menu-toggle__button--BackgroundColor: transparent;
|
|
18888
18949
|
--pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
|
|
18889
18950
|
--pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
|
|
18890
18951
|
--pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
|
|
@@ -19140,13 +19201,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19140
19201
|
--pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
|
|
19141
19202
|
--pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
|
|
19142
19203
|
color: inherit;
|
|
19204
|
+
background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
|
|
19143
19205
|
border: 0;
|
|
19144
19206
|
}
|
|
19145
19207
|
|
|
19146
19208
|
.pf-c-menu-toggle__icon {
|
|
19147
19209
|
display: inline-flex;
|
|
19148
|
-
align-self: center;
|
|
19149
19210
|
flex-shrink: 0;
|
|
19211
|
+
align-self: center;
|
|
19150
19212
|
margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
|
|
19151
19213
|
line-height: 1;
|
|
19152
19214
|
}
|
|
@@ -19266,9 +19328,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19266
19328
|
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
19267
19329
|
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
19268
19330
|
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
19269
|
-
--pf-c-modal-
|
|
19270
|
-
--pf-c-modal-
|
|
19271
|
-
--pf-c-modal-
|
|
19331
|
+
--pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
|
|
19332
|
+
--pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
|
|
19333
|
+
--pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
19272
19334
|
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
19273
19335
|
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
19274
19336
|
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
@@ -19320,13 +19382,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19320
19382
|
.pf-c-modal-box.pf-m-info {
|
|
19321
19383
|
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
19322
19384
|
}
|
|
19323
|
-
|
|
19385
|
+
|
|
19386
|
+
.pf-c-modal-box__close {
|
|
19324
19387
|
position: absolute;
|
|
19325
|
-
top: var(--pf-c-modal-
|
|
19326
|
-
right: var(--pf-c-modal-
|
|
19388
|
+
top: var(--pf-c-modal-box__close--Top);
|
|
19389
|
+
right: var(--pf-c-modal-box__close--Right);
|
|
19327
19390
|
}
|
|
19328
|
-
.pf-c-modal-
|
|
19329
|
-
margin-right: var(--pf-c-modal-
|
|
19391
|
+
.pf-c-modal-box__close + * {
|
|
19392
|
+
margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
|
|
19330
19393
|
}
|
|
19331
19394
|
|
|
19332
19395
|
.pf-c-modal-box__header {
|
|
@@ -19517,8 +19580,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19517
19580
|
--pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
|
|
19518
19581
|
--pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
|
|
19519
19582
|
display: grid;
|
|
19520
|
-
gap: var(--pf-c-multiple-file-upload--Gap);
|
|
19521
19583
|
grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
|
|
19584
|
+
gap: var(--pf-c-multiple-file-upload--Gap);
|
|
19522
19585
|
}
|
|
19523
19586
|
.pf-c-multiple-file-upload.pf-m-horizontal {
|
|
19524
19587
|
--pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
@@ -19544,21 +19607,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19544
19607
|
|
|
19545
19608
|
.pf-c-multiple-file-upload__main {
|
|
19546
19609
|
display: grid;
|
|
19610
|
+
grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
|
|
19611
|
+
grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
|
|
19612
|
+
grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
|
|
19613
|
+
gap: var(--pf-c-multiple-file-upload__main--Gap);
|
|
19547
19614
|
padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
|
|
19548
19615
|
text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
|
|
19549
19616
|
background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
|
|
19550
19617
|
border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
|
|
19551
|
-
grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
|
|
19552
|
-
grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
|
|
19553
|
-
grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
|
|
19554
|
-
gap: var(--pf-c-multiple-file-upload__main--Gap);
|
|
19555
19618
|
}
|
|
19556
19619
|
|
|
19557
19620
|
.pf-c-multiple-file-upload__title {
|
|
19558
19621
|
display: var(--pf-c-multiple-file-upload__title--Display);
|
|
19622
|
+
grid-area: title;
|
|
19559
19623
|
grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
|
|
19560
19624
|
gap: var(--pf-c-multiple-file-upload__title--Gap);
|
|
19561
|
-
grid-area: title;
|
|
19562
19625
|
}
|
|
19563
19626
|
|
|
19564
19627
|
.pf-c-multiple-file-upload__title-icon {
|
|
@@ -20498,8 +20561,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20498
20561
|
--pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
|
|
20499
20562
|
--pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
|
|
20500
20563
|
--pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
|
|
20501
|
-
margin-top: var(--pf-c-nav__section--MarginTop);
|
|
20502
20564
|
--pf-c-nav--c-divider--MarginBottom: 0;
|
|
20565
|
+
margin-top: var(--pf-c-nav__section--MarginTop);
|
|
20503
20566
|
}
|
|
20504
20567
|
.pf-c-nav__section + .pf-c-nav__section {
|
|
20505
20568
|
--pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
|
|
@@ -20946,9 +21009,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20946
21009
|
|
|
20947
21010
|
.pf-c-notification-drawer__list-item-header {
|
|
20948
21011
|
display: flex;
|
|
20949
|
-
align-items: baseline;
|
|
20950
|
-
grid-column: 1/2;
|
|
20951
21012
|
grid-row: 1/2;
|
|
21013
|
+
grid-column: 1/2;
|
|
21014
|
+
align-items: baseline;
|
|
20952
21015
|
margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
|
|
20953
21016
|
}
|
|
20954
21017
|
|
|
@@ -20969,8 +21032,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20969
21032
|
}
|
|
20970
21033
|
|
|
20971
21034
|
.pf-c-notification-drawer__list-item-action {
|
|
20972
|
-
grid-column: 2/3;
|
|
20973
21035
|
grid-row: 1/3;
|
|
21036
|
+
grid-column: 2/3;
|
|
20974
21037
|
}
|
|
20975
21038
|
|
|
20976
21039
|
.pf-c-notification-drawer__list-item-description {
|
|
@@ -21572,10 +21635,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21572
21635
|
--pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
21573
21636
|
--pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21574
21637
|
display: grid;
|
|
21575
|
-
height: 100%;
|
|
21576
|
-
grid-template-columns: 1fr;
|
|
21577
|
-
grid-template-rows: max-content 1fr;
|
|
21578
21638
|
grid-template-areas: "header" "main";
|
|
21639
|
+
grid-template-rows: max-content 1fr;
|
|
21640
|
+
grid-template-columns: 1fr;
|
|
21641
|
+
height: 100%;
|
|
21579
21642
|
background-color: var(--pf-c-page--BackgroundColor);
|
|
21580
21643
|
}
|
|
21581
21644
|
@media (min-width: 1200px) {
|
|
@@ -21622,8 +21685,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21622
21685
|
}
|
|
21623
21686
|
@media (min-width: 1200px) {
|
|
21624
21687
|
.pf-c-page {
|
|
21625
|
-
grid-template-columns: max-content 1fr;
|
|
21626
21688
|
grid-template-areas: "header header" "nav main";
|
|
21689
|
+
grid-template-columns: max-content 1fr;
|
|
21627
21690
|
}
|
|
21628
21691
|
}
|
|
21629
21692
|
.pf-c-page.pf-m-full-height {
|
|
@@ -21634,14 +21697,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21634
21697
|
|
|
21635
21698
|
.pf-c-page__header,
|
|
21636
21699
|
.pf-c-page > .pf-c-masthead {
|
|
21637
|
-
grid-area: header;
|
|
21638
21700
|
z-index: var(--pf-c-page__header--ZIndex);
|
|
21701
|
+
grid-area: header;
|
|
21639
21702
|
}
|
|
21640
21703
|
|
|
21641
21704
|
.pf-c-page__header {
|
|
21642
21705
|
color: var(--pf-global--Color--100);
|
|
21643
|
-
grid-template-columns: auto auto;
|
|
21644
21706
|
display: grid;
|
|
21707
|
+
grid-template-columns: auto auto;
|
|
21645
21708
|
align-items: center;
|
|
21646
21709
|
min-width: 0;
|
|
21647
21710
|
min-height: var(--pf-c-page__header--MinHeight);
|
|
@@ -21689,18 +21752,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21689
21752
|
}
|
|
21690
21753
|
|
|
21691
21754
|
.pf-c-page__header-nav {
|
|
21755
|
+
grid-row: 2/3;
|
|
21756
|
+
grid-column: 1/-1;
|
|
21692
21757
|
align-self: stretch;
|
|
21693
21758
|
min-width: 0;
|
|
21694
21759
|
padding-right: var(--pf-c-page__header-nav--PaddingRight);
|
|
21695
21760
|
padding-left: var(--pf-c-page__header-nav--PaddingLeft);
|
|
21696
21761
|
background-color: var(--pf-c-page__header-nav--BackgroundColor);
|
|
21697
|
-
grid-column: 1/-1;
|
|
21698
|
-
grid-row: 2/3;
|
|
21699
21762
|
}
|
|
21700
21763
|
@media screen and (min-width: 1200px) {
|
|
21701
21764
|
.pf-c-page__header-nav {
|
|
21702
|
-
grid-column: 2/3;
|
|
21703
21765
|
grid-row: 1/2;
|
|
21766
|
+
grid-column: 2/3;
|
|
21704
21767
|
}
|
|
21705
21768
|
}
|
|
21706
21769
|
.pf-c-page__header-nav .pf-c-nav {
|
|
@@ -21766,10 +21829,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21766
21829
|
}
|
|
21767
21830
|
|
|
21768
21831
|
.pf-c-page__sidebar {
|
|
21832
|
+
z-index: var(--pf-c-page__sidebar--ZIndex);
|
|
21769
21833
|
grid-area: nav;
|
|
21770
21834
|
grid-row-start: 2;
|
|
21771
21835
|
grid-column-start: 1;
|
|
21772
|
-
z-index: var(--pf-c-page__sidebar--ZIndex);
|
|
21773
21836
|
width: var(--pf-c-page__sidebar--Width);
|
|
21774
21837
|
overflow-x: hidden;
|
|
21775
21838
|
overflow-y: auto;
|
|
@@ -21918,24 +21981,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21918
21981
|
}
|
|
21919
21982
|
@media (min-height: 0) {
|
|
21920
21983
|
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
|
|
21921
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
21922
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
21923
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
21924
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
21925
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
21926
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
21984
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
21985
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
21986
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
21987
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
21988
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
21989
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
21927
21990
|
position: sticky;
|
|
21928
21991
|
top: 0;
|
|
21929
21992
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21930
21993
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21931
21994
|
}
|
|
21932
21995
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
|
|
21933
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
21934
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
21935
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
21936
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
21937
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
21938
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
21996
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
21997
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
21998
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
21999
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
22000
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
22001
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
21939
22002
|
position: sticky;
|
|
21940
22003
|
bottom: 0;
|
|
21941
22004
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -21944,24 +22007,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21944
22007
|
}
|
|
21945
22008
|
@media (min-height: 40rem) {
|
|
21946
22009
|
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
|
|
21947
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
21948
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
21949
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
21950
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
21951
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
21952
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
22010
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
22011
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
22012
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
22013
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
22014
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
22015
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
21953
22016
|
position: sticky;
|
|
21954
22017
|
top: 0;
|
|
21955
22018
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21956
22019
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21957
22020
|
}
|
|
21958
22021
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
|
|
21959
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
21960
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
21961
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
21962
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
21963
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
21964
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
22022
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
22023
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
22024
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
22025
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
22026
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
22027
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
21965
22028
|
position: sticky;
|
|
21966
22029
|
bottom: 0;
|
|
21967
22030
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -21970,24 +22033,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21970
22033
|
}
|
|
21971
22034
|
@media (min-height: 48rem) {
|
|
21972
22035
|
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
|
|
21973
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
21974
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
21975
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
21976
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
21977
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
21978
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
22036
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
22037
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
22038
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
22039
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
22040
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
22041
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
21979
22042
|
position: sticky;
|
|
21980
22043
|
top: 0;
|
|
21981
22044
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21982
22045
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21983
22046
|
}
|
|
21984
22047
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
|
|
21985
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
21986
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
21987
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
21988
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
21989
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
21990
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
22048
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
22049
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
22050
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
22051
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
22052
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
22053
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
21991
22054
|
position: sticky;
|
|
21992
22055
|
bottom: 0;
|
|
21993
22056
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -21996,24 +22059,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21996
22059
|
}
|
|
21997
22060
|
@media (min-height: 60rem) {
|
|
21998
22061
|
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
|
|
21999
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
22000
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
22001
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
22002
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
22003
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
22004
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
22062
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
22063
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
22064
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
22065
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
22066
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
22067
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
22005
22068
|
position: sticky;
|
|
22006
22069
|
top: 0;
|
|
22007
22070
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22008
22071
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22009
22072
|
}
|
|
22010
22073
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
|
|
22011
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
22012
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
22013
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
22014
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
22015
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
22016
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
22074
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
22075
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
22076
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
22077
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
22078
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
22079
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
22017
22080
|
position: sticky;
|
|
22018
22081
|
bottom: 0;
|
|
22019
22082
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22022,24 +22085,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22022
22085
|
}
|
|
22023
22086
|
@media (min-height: 80rem) {
|
|
22024
22087
|
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
|
|
22025
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
22026
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
22027
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
22028
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
22029
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
22030
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
22088
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
22089
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
22090
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
22091
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
22092
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
22093
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
22031
22094
|
position: sticky;
|
|
22032
22095
|
top: 0;
|
|
22033
22096
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22034
22097
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22035
22098
|
}
|
|
22036
22099
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
|
|
22037
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
22038
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
22039
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
22040
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
22041
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
22042
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
22100
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
22101
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
22102
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
22103
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
22104
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
22105
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
22043
22106
|
position: sticky;
|
|
22044
22107
|
bottom: 0;
|
|
22045
22108
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22049,8 +22112,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22049
22112
|
|
|
22050
22113
|
.pf-c-page__main,
|
|
22051
22114
|
.pf-c-page__drawer {
|
|
22052
|
-
grid-area: main;
|
|
22053
22115
|
z-index: var(--pf-c-page__main--ZIndex);
|
|
22116
|
+
grid-area: main;
|
|
22054
22117
|
overflow-x: hidden;
|
|
22055
22118
|
overflow-y: auto;
|
|
22056
22119
|
-webkit-overflow-scrolling: touch;
|
|
@@ -22534,8 +22597,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22534
22597
|
padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
|
|
22535
22598
|
}
|
|
22536
22599
|
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
22537
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
22538
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
22600
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
22601
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
22539
22602
|
display: block;
|
|
22540
22603
|
}
|
|
22541
22604
|
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
@@ -22942,17 +23005,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22942
23005
|
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
22943
23006
|
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
22944
23007
|
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
22945
|
-
--pf-c-
|
|
22946
|
-
--pf-c-
|
|
22947
|
-
--pf-c-
|
|
22948
|
-
--pf-c-
|
|
22949
|
-
--pf-c-
|
|
22950
|
-
--pf-c-popover__title--
|
|
22951
|
-
--pf-c-popover__title--
|
|
22952
|
-
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
22953
|
-
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
23008
|
+
--pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
23009
|
+
--pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
|
|
23010
|
+
--pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
23011
|
+
--pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
|
|
23012
|
+
--pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
23013
|
+
--pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
23014
|
+
--pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
22954
23015
|
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
22955
23016
|
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
23017
|
+
--pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
|
|
22956
23018
|
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
22957
23019
|
position: relative;
|
|
22958
23020
|
min-width: var(--pf-c-popover--MinWidth);
|
|
@@ -23030,16 +23092,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23030
23092
|
padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
|
|
23031
23093
|
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
23032
23094
|
}
|
|
23033
|
-
|
|
23034
|
-
|
|
23035
|
-
}
|
|
23036
|
-
.pf-c-popover__content > .pf-c-button {
|
|
23095
|
+
|
|
23096
|
+
.pf-c-popover__close {
|
|
23037
23097
|
position: absolute;
|
|
23038
|
-
top: var(--pf-c-
|
|
23039
|
-
right: var(--pf-c-
|
|
23098
|
+
top: var(--pf-c-popover__close--Top);
|
|
23099
|
+
right: var(--pf-c-popover__close--Right);
|
|
23040
23100
|
}
|
|
23041
|
-
.pf-c-
|
|
23042
|
-
padding-right: var(--pf-c-
|
|
23101
|
+
.pf-c-popover__close + * {
|
|
23102
|
+
padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
|
|
23043
23103
|
}
|
|
23044
23104
|
|
|
23045
23105
|
.pf-c-popover__arrow {
|
|
@@ -23051,23 +23111,25 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23051
23111
|
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
23052
23112
|
}
|
|
23053
23113
|
|
|
23054
|
-
.pf-c-
|
|
23055
|
-
|
|
23056
|
-
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
23057
|
-
font-family: var(--pf-c-popover__title--FontFamily);
|
|
23058
|
-
font-size: var(--pf-c-popover__title--FontSize);
|
|
23059
|
-
line-height: var(--pf-c-popover__title--LineHeight);
|
|
23114
|
+
.pf-c-popover__header {
|
|
23115
|
+
margin-bottom: var(--pf-c-popover__header--MarginBottom);
|
|
23060
23116
|
}
|
|
23061
|
-
|
|
23117
|
+
|
|
23118
|
+
.pf-c-popover__title {
|
|
23062
23119
|
display: flex;
|
|
23120
|
+
flex: 0 0 auto;
|
|
23063
23121
|
}
|
|
23064
23122
|
|
|
23065
23123
|
.pf-c-popover__title-icon {
|
|
23066
23124
|
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
23125
|
+
font-size: var(--pf-c-popover__title-icon--FontSize);
|
|
23067
23126
|
color: var(--pf-c-popover__title-icon--Color);
|
|
23068
23127
|
}
|
|
23069
23128
|
|
|
23070
23129
|
.pf-c-popover__title-text {
|
|
23130
|
+
font-family: var(--pf-c-popover__title-text--FontFamily);
|
|
23131
|
+
font-size: var(--pf-c-popover__title-text--FontSize);
|
|
23132
|
+
line-height: var(--pf-c-popover__title-text--LineHeight);
|
|
23071
23133
|
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
23072
23134
|
}
|
|
23073
23135
|
|
|
@@ -23116,17 +23178,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23116
23178
|
}
|
|
23117
23179
|
|
|
23118
23180
|
:where(.pf-theme-dark) .pf-c-popover {
|
|
23119
|
-
--pf-c-
|
|
23120
|
-
--pf-c-popover__arrow--
|
|
23121
|
-
--pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
|
|
23181
|
+
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23182
|
+
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23122
23183
|
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
|
|
23123
23184
|
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
|
|
23124
23185
|
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
|
|
23125
23186
|
}
|
|
23126
|
-
:where(.pf-theme-dark) .pf-c-popover,
|
|
23127
|
-
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
|
|
23128
|
-
border: 4px solid var(--pf-global--BorderColor--400);
|
|
23129
|
-
}
|
|
23130
23187
|
|
|
23131
23188
|
.pf-c-progress {
|
|
23132
23189
|
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
@@ -23134,8 +23191,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23134
23191
|
--pf-c-progress__bar--Height: var(--pf-global--spacer--md);
|
|
23135
23192
|
--pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
23136
23193
|
--pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
23194
|
+
--pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
|
|
23137
23195
|
--pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
|
|
23138
|
-
--pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
23139
23196
|
--pf-c-progress__bar--before--Opacity: .2;
|
|
23140
23197
|
--pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
|
|
23141
23198
|
--pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
|
|
@@ -23157,10 +23214,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23157
23214
|
--pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
|
|
23158
23215
|
--pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
|
|
23159
23216
|
display: grid;
|
|
23160
|
-
align-items: end;
|
|
23161
|
-
grid-gap: var(--pf-c-progress--GridGap);
|
|
23162
|
-
grid-template-columns: auto auto;
|
|
23163
23217
|
grid-template-rows: 1fr auto;
|
|
23218
|
+
grid-template-columns: auto auto;
|
|
23219
|
+
grid-gap: var(--pf-c-progress--GridGap);
|
|
23220
|
+
align-items: end;
|
|
23164
23221
|
}
|
|
23165
23222
|
.pf-c-progress.pf-m-sm {
|
|
23166
23223
|
--pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
|
|
@@ -23189,8 +23246,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23189
23246
|
grid-column: 1/3;
|
|
23190
23247
|
}
|
|
23191
23248
|
.pf-c-progress.pf-m-outside .pf-c-progress__status {
|
|
23192
|
-
grid-column: 2/3;
|
|
23193
23249
|
grid-row: 2/3;
|
|
23250
|
+
grid-column: 2/3;
|
|
23194
23251
|
align-self: center;
|
|
23195
23252
|
}
|
|
23196
23253
|
.pf-c-progress.pf-m-outside .pf-c-progress__measure {
|
|
@@ -23238,8 +23295,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23238
23295
|
}
|
|
23239
23296
|
|
|
23240
23297
|
.pf-c-progress__description {
|
|
23241
|
-
word-break: break-word;
|
|
23242
23298
|
grid-column: 1/2;
|
|
23299
|
+
word-break: break-word;
|
|
23243
23300
|
}
|
|
23244
23301
|
.pf-c-progress__description.pf-m-truncate {
|
|
23245
23302
|
overflow: hidden;
|
|
@@ -23248,21 +23305,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23248
23305
|
}
|
|
23249
23306
|
|
|
23250
23307
|
.pf-c-progress__status {
|
|
23251
|
-
|
|
23308
|
+
display: flex;
|
|
23252
23309
|
grid-row: 1/2;
|
|
23310
|
+
grid-column: 2/3;
|
|
23311
|
+
gap: var(--pf-c-progress__status--Gap);
|
|
23312
|
+
align-items: flex-start;
|
|
23313
|
+
justify-content: flex-end;
|
|
23253
23314
|
text-align: right;
|
|
23254
23315
|
word-break: break-word;
|
|
23255
23316
|
}
|
|
23256
23317
|
|
|
23257
23318
|
.pf-c-progress__status-icon {
|
|
23258
|
-
margin-left: var(--pf-c-progress__status-icon--MarginLeft);
|
|
23259
23319
|
color: var(--pf-c-progress__status-icon--Color);
|
|
23260
23320
|
}
|
|
23261
23321
|
|
|
23262
23322
|
.pf-c-progress__bar {
|
|
23263
23323
|
position: relative;
|
|
23264
|
-
grid-column: 1/3;
|
|
23265
23324
|
grid-row: 2/3;
|
|
23325
|
+
grid-column: 1/3;
|
|
23266
23326
|
align-self: center;
|
|
23267
23327
|
height: var(--pf-c-progress__bar--Height);
|
|
23268
23328
|
background-color: var(--pf-c-progress__bar--BackgroundColor);
|
|
@@ -23287,8 +23347,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23287
23347
|
}
|
|
23288
23348
|
|
|
23289
23349
|
.pf-c-progress__helper-text {
|
|
23290
|
-
grid-column: 1/3;
|
|
23291
23350
|
grid-row: 3/4;
|
|
23351
|
+
grid-column: 1/3;
|
|
23292
23352
|
margin-top: var(--pf-c-progress__helper-text--MarginTop);
|
|
23293
23353
|
}
|
|
23294
23354
|
|
|
@@ -23450,10 +23510,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23450
23510
|
--pf-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
23451
23511
|
position: relative;
|
|
23452
23512
|
display: grid;
|
|
23453
|
-
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
23454
|
-
grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
|
|
23455
23513
|
grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
|
|
23514
|
+
grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
|
|
23456
23515
|
grid-auto-columns: 1fr;
|
|
23516
|
+
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
23457
23517
|
}
|
|
23458
23518
|
@media screen and (min-width: 768px) {
|
|
23459
23519
|
.pf-c-progress-stepper {
|
|
@@ -23520,8 +23580,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23520
23580
|
grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
|
|
23521
23581
|
}
|
|
23522
23582
|
.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
|
|
23523
|
-
min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
|
|
23524
23583
|
grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
|
|
23584
|
+
min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
|
|
23525
23585
|
padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
|
|
23526
23586
|
}
|
|
23527
23587
|
.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
|
|
@@ -23638,11 +23698,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23638
23698
|
}
|
|
23639
23699
|
.pf-c-progress-stepper__step-title.pf-m-help-text {
|
|
23640
23700
|
text-decoration: underline;
|
|
23641
|
-
|
|
23701
|
+
text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
23642
23702
|
text-decoration-style: dashed;
|
|
23643
23703
|
text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
|
|
23644
|
-
text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
23645
23704
|
text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
23705
|
+
cursor: pointer;
|
|
23646
23706
|
}
|
|
23647
23707
|
.pf-c-progress-stepper__step-title.pf-m-help-text:hover {
|
|
23648
23708
|
--pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
|
|
@@ -24020,6 +24080,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24020
24080
|
--pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
24021
24081
|
--pf-c-search-input__text-input--MinWidth: 6ch;
|
|
24022
24082
|
--pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
24083
|
+
--pf-c-search-input__text-input--BackgroundColor: transparent;
|
|
24023
24084
|
--pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
|
|
24024
24085
|
--pf-c-search-input__icon--Color: var(--pf-global--Color--200);
|
|
24025
24086
|
--pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
@@ -24064,9 +24125,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24064
24125
|
|
|
24065
24126
|
.pf-c-search-input__text {
|
|
24066
24127
|
display: grid;
|
|
24067
|
-
grid-template-columns: 1fr;
|
|
24068
|
-
grid-template-areas: "text-input";
|
|
24069
24128
|
flex: 1;
|
|
24129
|
+
grid-template-areas: "text-input";
|
|
24130
|
+
grid-template-columns: 1fr;
|
|
24070
24131
|
}
|
|
24071
24132
|
.pf-c-search-input__text::before, .pf-c-search-input__text::after {
|
|
24072
24133
|
position: absolute;
|
|
@@ -24107,6 +24168,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24107
24168
|
width: 100%;
|
|
24108
24169
|
min-width: var(--pf-c-search-input__text-input--MinWidth);
|
|
24109
24170
|
padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
|
|
24171
|
+
background-color: var(--pf-c-search-input__text-input--BackgroundColor);
|
|
24110
24172
|
border: 0;
|
|
24111
24173
|
}
|
|
24112
24174
|
.pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
|
|
@@ -24588,8 +24650,8 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24588
24650
|
.pf-c-select__toggle-typeahead {
|
|
24589
24651
|
flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
|
|
24590
24652
|
flex-grow: 1;
|
|
24591
|
-
min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
|
|
24592
24653
|
flex-shrink: 0;
|
|
24654
|
+
min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
|
|
24593
24655
|
}
|
|
24594
24656
|
.pf-c-select__toggle-typeahead.pf-c-form-control {
|
|
24595
24657
|
background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
|
|
@@ -24865,28 +24927,54 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24865
24927
|
}
|
|
24866
24928
|
|
|
24867
24929
|
.pf-c-sidebar {
|
|
24930
|
+
--pf-c-sidebar--inset: var(--pf-global--spacer--md);
|
|
24931
|
+
--pf-c-sidebar--xl--inset: var(--pf-global--spacer--lg);
|
|
24868
24932
|
--pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
24933
|
+
--pf-c-sidebar--BorderWidth--base: var(--pf-global--BorderWidth--sm);
|
|
24934
|
+
--pf-c-sidebar--BorderColor--base: var(--pf-global--BorderColor--100);
|
|
24935
|
+
--pf-c-sidebar__panel--PaddingTop: 0;
|
|
24936
|
+
--pf-c-sidebar__panel--PaddingRight: 0;
|
|
24937
|
+
--pf-c-sidebar__panel--PaddingBottom: 0;
|
|
24938
|
+
--pf-c-sidebar__panel--PaddingLeft: 0;
|
|
24939
|
+
--pf-c-sidebar__panel--Order: -1;
|
|
24940
|
+
--pf-c-sidebar__panel--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
|
|
24941
|
+
--pf-c-sidebar__panel--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
|
|
24942
|
+
--pf-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
|
|
24943
|
+
--pf-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
|
|
24944
|
+
--pf-c-sidebar__content--PaddingTop: 0;
|
|
24945
|
+
--pf-c-sidebar__content--PaddingRight: 0;
|
|
24946
|
+
--pf-c-sidebar__content--PaddingBottom: 0;
|
|
24947
|
+
--pf-c-sidebar__content--PaddingLeft: 0;
|
|
24948
|
+
--pf-c-sidebar__content--Order: 1;
|
|
24949
|
+
--pf-c-sidebar__content--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
|
|
24950
|
+
--pf-c-sidebar__content--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
|
|
24951
|
+
--pf-c-sidebar__content--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
|
|
24952
|
+
--pf-c-sidebar__content--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
|
|
24869
24953
|
--pf-c-sidebar__main--FlexDirection: column;
|
|
24870
24954
|
--pf-c-sidebar__main--md--FlexDirection: row;
|
|
24871
24955
|
--pf-c-sidebar__main--AlignItems: stretch;
|
|
24872
24956
|
--pf-c-sidebar__main--md--AlignItems: start;
|
|
24873
24957
|
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
24874
|
-
--pf-c-
|
|
24875
|
-
--pf-c-
|
|
24876
|
-
--pf-c-
|
|
24877
|
-
--pf-c-
|
|
24958
|
+
--pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--inset);
|
|
24959
|
+
--pf-c-sidebar__main--m-border--before--Display: none;
|
|
24960
|
+
--pf-c-sidebar__main--m-border--before--md--Display: block;
|
|
24961
|
+
--pf-c-sidebar__main--m-border--before--BorderWidth: var(--pf-c-sidebar--BorderWidth--base);
|
|
24962
|
+
--pf-c-sidebar__main--m-border--before--BorderColor: var(--pf-c-sidebar--BorderColor--base);
|
|
24963
|
+
--pf-c-sidebar--m-panel-right__panel--Order: -1;
|
|
24878
24964
|
--pf-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
24965
|
+
--pf-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
24879
24966
|
--pf-c-sidebar--m-stack__main--FlexDirection: column;
|
|
24880
24967
|
--pf-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
24881
24968
|
--pf-c-sidebar--m-stack__panel--Position: sticky;
|
|
24882
24969
|
--pf-c-sidebar--m-stack__panel--Top: 0;
|
|
24883
24970
|
--pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
24884
|
-
--pf-c-sidebar--m-stack--m-panel-right__panel--Order:
|
|
24971
|
+
--pf-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
24885
24972
|
--pf-c-sidebar--m-split__main--AlignItems: start;
|
|
24886
24973
|
--pf-c-sidebar--m-split__main--FlexDirection: row;
|
|
24887
24974
|
--pf-c-sidebar--m-split__panel--Position: static;
|
|
24888
24975
|
--pf-c-sidebar--m-split__panel--Top: auto;
|
|
24889
24976
|
--pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
24977
|
+
--pf-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
24890
24978
|
--pf-c-sidebar__panel--FlexBasis--base: auto;
|
|
24891
24979
|
--pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
24892
24980
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
@@ -24900,7 +24988,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24900
24988
|
--pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
24901
24989
|
--pf-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
24902
24990
|
--pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
|
|
24903
|
-
--pf-c-sidebar__panel--Order: 0;
|
|
24904
24991
|
--pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
24905
24992
|
--pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
24906
24993
|
--pf-c-sidebar__panel--m-sticky--Top: 0;
|
|
@@ -24910,60 +24997,50 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24910
24997
|
@media (min-width: 768px) {
|
|
24911
24998
|
.pf-c-sidebar {
|
|
24912
24999
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
|
|
25000
|
+
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
|
|
25001
|
+
--pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar__main--m-border--before--md--Display);
|
|
24913
25002
|
--pf-c-sidebar__panel--BoxShadow: none;
|
|
24914
25003
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
|
|
24915
|
-
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
|
|
24916
25004
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
|
|
24917
25005
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
|
|
24918
25006
|
}
|
|
24919
25007
|
}
|
|
24920
25008
|
@media (min-width: 1200px) {
|
|
24921
25009
|
.pf-c-sidebar {
|
|
24922
|
-
--pf-c-sidebar--
|
|
25010
|
+
--pf-c-sidebar--inset: var(--pf-c-sidebar--xl--inset);
|
|
24923
25011
|
}
|
|
24924
25012
|
}
|
|
24925
|
-
.pf-c-sidebar.pf-m-gutter {
|
|
24926
|
-
|
|
24927
|
-
--pf-c-sidebar__main--child--MarginLeft: 0;
|
|
24928
|
-
}
|
|
24929
|
-
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
|
|
24930
|
-
margin-top: var(--pf-c-sidebar__main--child--MarginTop);
|
|
24931
|
-
margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
|
|
24932
|
-
}
|
|
24933
|
-
@media (min-width: 768px) {
|
|
24934
|
-
.pf-c-sidebar.pf-m-gutter {
|
|
24935
|
-
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
24936
|
-
--pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
24937
|
-
}
|
|
25013
|
+
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main {
|
|
25014
|
+
gap: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
24938
25015
|
}
|
|
24939
25016
|
.pf-c-sidebar.pf-m-panel-right {
|
|
24940
25017
|
--pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order);
|
|
25018
|
+
--pf-c-sidebar__content--Order: var(--pf-c-sidebar--m-panel-right__content--Order);
|
|
24941
25019
|
}
|
|
24942
25020
|
@media (min-width: 768px) {
|
|
24943
25021
|
.pf-c-sidebar.pf-m-panel-right {
|
|
24944
25022
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order);
|
|
25023
|
+
--pf-c-sidebar--m-panel-right__content--Order: var(--pf-c-sidebar--m-panel-right__content--md--Order);
|
|
24945
25024
|
}
|
|
24946
25025
|
}
|
|
24947
25026
|
.pf-c-sidebar.pf-m-stack {
|
|
24948
25027
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
|
|
24949
25028
|
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
|
|
24950
|
-
--pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
24951
|
-
--pf-c-sidebar__main--child--MarginLeft: 0;
|
|
24952
25029
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
|
|
24953
25030
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
|
|
24954
25031
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
|
|
24955
25032
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
|
|
25033
|
+
--pf-c-sidebar__main--m-border--before--Display: none;
|
|
24956
25034
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
24957
25035
|
}
|
|
24958
25036
|
.pf-c-sidebar.pf-m-split {
|
|
24959
25037
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
|
|
24960
25038
|
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
|
|
24961
|
-
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
24962
|
-
--pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
24963
25039
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
|
|
24964
25040
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
|
|
24965
25041
|
--pf-c-sidebar__panel--BoxShadow: none;
|
|
24966
25042
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
|
|
25043
|
+
--pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar--m-split__main--m-border--before--Display);
|
|
24967
25044
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
24968
25045
|
}
|
|
24969
25046
|
|
|
@@ -24972,17 +25049,31 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24972
25049
|
flex-direction: var(--pf-c-sidebar__main--FlexDirection);
|
|
24973
25050
|
align-items: var(--pf-c-sidebar__main--AlignItems);
|
|
24974
25051
|
}
|
|
25052
|
+
.pf-c-sidebar__main.pf-m-border::before {
|
|
25053
|
+
display: var(--pf-c-sidebar__main--m-border--before--Display);
|
|
25054
|
+
flex: 0 0 var(--pf-c-sidebar__main--m-border--before--BorderWidth);
|
|
25055
|
+
align-self: stretch;
|
|
25056
|
+
content: "";
|
|
25057
|
+
background-color: var(--pf-c-sidebar__main--m-border--before--BorderColor);
|
|
25058
|
+
}
|
|
24975
25059
|
|
|
24976
25060
|
.pf-c-sidebar__panel {
|
|
24977
25061
|
position: var(--pf-c-sidebar__panel--Position);
|
|
24978
25062
|
top: var(--pf-c-sidebar__panel--Top);
|
|
24979
25063
|
z-index: var(--pf-c-sidebar__panel--ZIndex);
|
|
24980
|
-
flex-shrink: 0;
|
|
24981
25064
|
flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
|
|
25065
|
+
flex-shrink: 0;
|
|
24982
25066
|
order: var(--pf-c-sidebar__panel--Order);
|
|
25067
|
+
padding: var(--pf-c-sidebar__panel--PaddingTop) var(--pf-c-sidebar__panel--PaddingRight) var(--pf-c-sidebar__panel--PaddingBottom) var(--pf-c-sidebar__panel--PaddingLeft);
|
|
24983
25068
|
background-color: var(--pf-c-sidebar__panel--BackgroundColor);
|
|
24984
25069
|
box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
|
|
24985
25070
|
}
|
|
25071
|
+
.pf-c-sidebar__panel.pf-m-padding {
|
|
25072
|
+
--pf-c-sidebar__panel--PaddingTop: var(--pf-c-sidebar__panel--m-padding--PaddingTop);
|
|
25073
|
+
--pf-c-sidebar__panel--PaddingRight: var(--pf-c-sidebar__panel--m-padding--PaddingRight);
|
|
25074
|
+
--pf-c-sidebar__panel--PaddingBottom: var(--pf-c-sidebar__panel--m-padding--PaddingBottom);
|
|
25075
|
+
--pf-c-sidebar__panel--PaddingLeft: var(--pf-c-sidebar__panel--m-padding--PaddingLeft);
|
|
25076
|
+
}
|
|
24986
25077
|
.pf-c-sidebar__panel.pf-m-sticky {
|
|
24987
25078
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
|
|
24988
25079
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
|
|
@@ -24994,11 +25085,25 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24994
25085
|
|
|
24995
25086
|
.pf-c-sidebar__content {
|
|
24996
25087
|
flex-grow: 1;
|
|
25088
|
+
order: var(--pf-c-sidebar__content--Order);
|
|
25089
|
+
padding: var(--pf-c-sidebar__content--PaddingTop) var(--pf-c-sidebar__content--PaddingRight) var(--pf-c-sidebar__content--PaddingBottom) var(--pf-c-sidebar__content--PaddingLeft);
|
|
24997
25090
|
background-color: var(--pf-c-sidebar__content--BackgroundColor);
|
|
24998
25091
|
}
|
|
25092
|
+
.pf-c-sidebar__content.pf-m-padding {
|
|
25093
|
+
--pf-c-sidebar__content--PaddingTop: var(--pf-c-sidebar__content--m-padding--PaddingTop);
|
|
25094
|
+
--pf-c-sidebar__content--PaddingRight: var(--pf-c-sidebar__content--m-padding--PaddingRight);
|
|
25095
|
+
--pf-c-sidebar__content--PaddingBottom: var(--pf-c-sidebar__content--m-padding--PaddingBottom);
|
|
25096
|
+
--pf-c-sidebar__content--PaddingLeft: var(--pf-c-sidebar__content--m-padding--PaddingTop);
|
|
25097
|
+
}
|
|
24999
25098
|
.pf-c-sidebar__content.pf-m-no-background {
|
|
25000
25099
|
--pf-c-sidebar__content--BackgroundColor: transparent;
|
|
25001
25100
|
}
|
|
25101
|
+
.pf-c-sidebar__content + .pf-c-sidebar__panel {
|
|
25102
|
+
--pf-c-sidebar__panel--Order: 1;
|
|
25103
|
+
}
|
|
25104
|
+
:where(.pf-c-sidebar__content:first-child) {
|
|
25105
|
+
--pf-c-sidebar__content--Order: -1;
|
|
25106
|
+
}
|
|
25002
25107
|
|
|
25003
25108
|
.pf-c-sidebar.pf-m-no-background,
|
|
25004
25109
|
.pf-c-sidebar__panel.pf-m-no-background,
|
|
@@ -25191,9 +25296,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25191
25296
|
border: none;
|
|
25192
25297
|
}
|
|
25193
25298
|
.pf-c-simple-list__item-link:hover {
|
|
25194
|
-
text-decoration: none;
|
|
25195
25299
|
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
|
|
25196
25300
|
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
|
|
25301
|
+
text-decoration: none;
|
|
25197
25302
|
}
|
|
25198
25303
|
.pf-c-simple-list__item-link:focus {
|
|
25199
25304
|
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
|
|
@@ -25872,13 +25977,13 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25872
25977
|
.pf-c-spinner__path {
|
|
25873
25978
|
width: 100%;
|
|
25874
25979
|
height: 100%;
|
|
25875
|
-
transform-origin: 50% 50%;
|
|
25876
|
-
animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
|
|
25877
25980
|
stroke: var(--pf-c-spinner--Color);
|
|
25878
|
-
stroke-linecap: round;
|
|
25879
25981
|
stroke-dasharray: 283;
|
|
25880
25982
|
stroke-dashoffset: 280;
|
|
25983
|
+
stroke-linecap: round;
|
|
25881
25984
|
stroke-width: var(--pf-c-spinner--stroke-width);
|
|
25985
|
+
transform-origin: 50% 50%;
|
|
25986
|
+
animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
|
|
25882
25987
|
}
|
|
25883
25988
|
|
|
25884
25989
|
@keyframes pf-c-spinner-animation-rotate {
|
|
@@ -25898,8 +26003,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25898
26003
|
stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
|
|
25899
26004
|
}
|
|
25900
26005
|
40% {
|
|
25901
|
-
stroke-dashoffset: 150;
|
|
25902
26006
|
stroke-dasharray: 220;
|
|
26007
|
+
stroke-dashoffset: 150;
|
|
25903
26008
|
}
|
|
25904
26009
|
100% {
|
|
25905
26010
|
stroke-dashoffset: 280;
|
|
@@ -26543,7 +26648,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26543
26648
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
26544
26649
|
}
|
|
26545
26650
|
.pf-m-grid-md.pf-c-table tr:last-child,
|
|
26546
|
-
.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26651
|
+
.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26547
26652
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
26548
26653
|
}
|
|
26549
26654
|
.pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
|
|
@@ -26688,7 +26793,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26688
26793
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
26689
26794
|
}
|
|
26690
26795
|
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
|
|
26691
|
-
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
|
|
26796
|
+
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
|
|
26692
26797
|
position: relative;
|
|
26693
26798
|
}
|
|
26694
26799
|
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -26718,9 +26823,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26718
26823
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
26719
26824
|
}
|
|
26720
26825
|
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
26721
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
26722
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
26723
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
26826
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
26827
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
26828
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
26724
26829
|
width: auto;
|
|
26725
26830
|
padding: 0;
|
|
26726
26831
|
}
|
|
@@ -26740,8 +26845,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26740
26845
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
26741
26846
|
}
|
|
26742
26847
|
.pf-m-grid-md.pf-c-table .pf-c-table__check,
|
|
26743
|
-
.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
|
|
26744
|
-
.pf-m-grid-md.pf-c-table .pf-c-table__action {
|
|
26848
|
+
.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
|
|
26849
|
+
.pf-m-grid-md.pf-c-table .pf-c-table__action {
|
|
26745
26850
|
grid-row-start: 1;
|
|
26746
26851
|
grid-column-start: 2;
|
|
26747
26852
|
}
|
|
@@ -26858,7 +26963,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26858
26963
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
26859
26964
|
}
|
|
26860
26965
|
.pf-m-grid-lg.pf-c-table tr:last-child,
|
|
26861
|
-
.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26966
|
+
.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26862
26967
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
26863
26968
|
}
|
|
26864
26969
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27003,7 +27108,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27003
27108
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27004
27109
|
}
|
|
27005
27110
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
|
|
27006
|
-
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27111
|
+
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27007
27112
|
position: relative;
|
|
27008
27113
|
}
|
|
27009
27114
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27033,9 +27138,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27033
27138
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27034
27139
|
}
|
|
27035
27140
|
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27036
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27037
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27038
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27141
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27142
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27143
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27039
27144
|
width: auto;
|
|
27040
27145
|
padding: 0;
|
|
27041
27146
|
}
|
|
@@ -27055,8 +27160,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27055
27160
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27056
27161
|
}
|
|
27057
27162
|
.pf-m-grid-lg.pf-c-table .pf-c-table__check,
|
|
27058
|
-
.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
|
|
27059
|
-
.pf-m-grid-lg.pf-c-table .pf-c-table__action {
|
|
27163
|
+
.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
|
|
27164
|
+
.pf-m-grid-lg.pf-c-table .pf-c-table__action {
|
|
27060
27165
|
grid-row-start: 1;
|
|
27061
27166
|
grid-column-start: 2;
|
|
27062
27167
|
}
|
|
@@ -27173,7 +27278,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27173
27278
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
27174
27279
|
}
|
|
27175
27280
|
.pf-m-grid-xl.pf-c-table tr:last-child,
|
|
27176
|
-
.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27281
|
+
.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27177
27282
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
27178
27283
|
}
|
|
27179
27284
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27318,7 +27423,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27318
27423
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27319
27424
|
}
|
|
27320
27425
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
|
|
27321
|
-
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27426
|
+
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27322
27427
|
position: relative;
|
|
27323
27428
|
}
|
|
27324
27429
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27348,9 +27453,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27348
27453
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27349
27454
|
}
|
|
27350
27455
|
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27351
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27352
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27353
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27456
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27457
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27458
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27354
27459
|
width: auto;
|
|
27355
27460
|
padding: 0;
|
|
27356
27461
|
}
|
|
@@ -27370,8 +27475,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27370
27475
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27371
27476
|
}
|
|
27372
27477
|
.pf-m-grid-xl.pf-c-table .pf-c-table__check,
|
|
27373
|
-
.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
|
|
27374
|
-
.pf-m-grid-xl.pf-c-table .pf-c-table__action {
|
|
27478
|
+
.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
|
|
27479
|
+
.pf-m-grid-xl.pf-c-table .pf-c-table__action {
|
|
27375
27480
|
grid-row-start: 1;
|
|
27376
27481
|
grid-column-start: 2;
|
|
27377
27482
|
}
|
|
@@ -27488,7 +27593,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27488
27593
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
27489
27594
|
}
|
|
27490
27595
|
.pf-m-grid-2xl.pf-c-table tr:last-child,
|
|
27491
|
-
.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27596
|
+
.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27492
27597
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
27493
27598
|
}
|
|
27494
27599
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27633,7 +27738,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27633
27738
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27634
27739
|
}
|
|
27635
27740
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
|
|
27636
|
-
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27741
|
+
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27637
27742
|
position: relative;
|
|
27638
27743
|
}
|
|
27639
27744
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27663,9 +27768,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27663
27768
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27664
27769
|
}
|
|
27665
27770
|
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27666
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27667
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27668
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27771
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27772
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27773
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27669
27774
|
width: auto;
|
|
27670
27775
|
padding: 0;
|
|
27671
27776
|
}
|
|
@@ -27685,8 +27790,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27685
27790
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27686
27791
|
}
|
|
27687
27792
|
.pf-m-grid-2xl.pf-c-table .pf-c-table__check,
|
|
27688
|
-
.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
|
|
27689
|
-
.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
|
|
27793
|
+
.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
|
|
27794
|
+
.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
|
|
27690
27795
|
grid-row-start: 1;
|
|
27691
27796
|
grid-column-start: 2;
|
|
27692
27797
|
}
|
|
@@ -27961,6 +28066,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27961
28066
|
--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
|
|
27962
28067
|
--pf-c-table__subhead--Color: var(--pf-global--Color--200);
|
|
27963
28068
|
--pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
|
|
28069
|
+
--pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-global--ZIndex--xs);
|
|
27964
28070
|
color: var(--pf-global--Color--100);
|
|
27965
28071
|
width: 100%;
|
|
27966
28072
|
background-color: var(--pf-c-table--BackgroundColor);
|
|
@@ -27989,7 +28095,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27989
28095
|
border-bottom: 0;
|
|
27990
28096
|
}
|
|
27991
28097
|
.pf-c-table.pf-m-sticky-header > thead > tr > * {
|
|
27992
|
-
z-index: var(--pf-
|
|
28098
|
+
z-index: var(--pf-c-table--m-sticky-header--cell--ZIndex);
|
|
27993
28099
|
}
|
|
27994
28100
|
.pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
|
|
27995
28101
|
position: sticky;
|
|
@@ -28360,9 +28466,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28360
28466
|
.pf-c-table__button-content,
|
|
28361
28467
|
.pf-c-table__column-help {
|
|
28362
28468
|
display: grid;
|
|
28469
|
+
grid-template-columns: auto max-content;
|
|
28363
28470
|
align-items: end;
|
|
28364
28471
|
justify-content: start;
|
|
28365
|
-
grid-template-columns: auto max-content;
|
|
28366
28472
|
}
|
|
28367
28473
|
.pf-c-table__button-content .pf-c-table__text,
|
|
28368
28474
|
.pf-c-table__column-help .pf-c-table__text {
|
|
@@ -28468,6 +28574,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28468
28574
|
vertical-align: middle;
|
|
28469
28575
|
}
|
|
28470
28576
|
|
|
28577
|
+
.pf-c-table__action {
|
|
28578
|
+
text-align: right;
|
|
28579
|
+
}
|
|
28580
|
+
|
|
28471
28581
|
.pf-c-table__inline-edit-action {
|
|
28472
28582
|
--pf-c-table--cell--PaddingLeft: 0;
|
|
28473
28583
|
--pf-c-table--cell--PaddingRight: 0;
|
|
@@ -28805,39 +28915,44 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28805
28915
|
}
|
|
28806
28916
|
|
|
28807
28917
|
.pf-c-table {
|
|
28808
|
-
--pf-c-table__sticky-
|
|
28809
|
-
--pf-c-table__sticky-
|
|
28810
|
-
--pf-c-table__sticky-
|
|
28811
|
-
--pf-c-table__sticky-
|
|
28812
|
-
--pf-c-table__sticky-
|
|
28813
|
-
--pf-c-table__sticky-
|
|
28814
|
-
--pf-c-table__sticky-
|
|
28815
|
-
--pf-c-table__sticky-
|
|
28816
|
-
--pf-c-table__sticky-
|
|
28817
|
-
--pf-c-table__sticky-
|
|
28818
|
-
--pf-c-
|
|
28819
|
-
|
|
28820
|
-
|
|
28918
|
+
--pf-c-table__sticky-cell--MinWidth--base: 12.5rem;
|
|
28919
|
+
--pf-c-table__sticky-cell--MinWidth: var(--pf-c-table__sticky-cell--MinWidth--base);
|
|
28920
|
+
--pf-c-table__sticky-cell--ZIndex: var(--pf-global--ZIndex--xs);
|
|
28921
|
+
--pf-c-table__sticky-cell--Right: auto;
|
|
28922
|
+
--pf-c-table__sticky-cell--Left: auto;
|
|
28923
|
+
--pf-c-table__sticky-cell--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
28924
|
+
--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
28925
|
+
--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
28926
|
+
--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
28927
|
+
--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
|
|
28928
|
+
--pf-c-table__sticky-cell--m-right--Right: 0;
|
|
28929
|
+
--pf-c-table__sticky-cell--m-left--Left: 0;
|
|
28930
|
+
--pf-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-c-table__sticky-cell--ZIndex) + 1);
|
|
28931
|
+
}
|
|
28932
|
+
.pf-c-table .pf-c-table__sticky-cell {
|
|
28933
|
+
--pf-c-table--cell--Overflow: visible;
|
|
28934
|
+
--pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-c-table--m-sticky-header__sticky-cell--ZIndex);
|
|
28821
28935
|
position: sticky;
|
|
28822
|
-
|
|
28823
|
-
|
|
28824
|
-
|
|
28825
|
-
|
|
28936
|
+
right: var(--pf-c-table__sticky-cell--Right);
|
|
28937
|
+
left: var(--pf-c-table__sticky-cell--Left);
|
|
28938
|
+
z-index: var(--pf-c-table__sticky-cell--ZIndex);
|
|
28939
|
+
min-width: var(--pf-c-table__sticky-cell--MinWidth);
|
|
28940
|
+
background-color: var(--pf-c-table__sticky-cell--BackgroundColor);
|
|
28826
28941
|
background-clip: padding-box;
|
|
28827
28942
|
}
|
|
28828
|
-
.pf-c-table .pf-c-table__sticky-
|
|
28829
|
-
--pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-
|
|
28830
|
-
--pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-
|
|
28943
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-border-right::before {
|
|
28944
|
+
--pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
|
|
28945
|
+
--pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor);
|
|
28831
28946
|
}
|
|
28832
|
-
.pf-c-table .pf-c-table__sticky-
|
|
28833
|
-
--pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-
|
|
28834
|
-
--pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-
|
|
28947
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-border-left::before {
|
|
28948
|
+
--pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
|
|
28949
|
+
--pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
|
|
28835
28950
|
}
|
|
28836
|
-
.pf-c-table.pf-m-
|
|
28837
|
-
--pf-c-
|
|
28951
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-right {
|
|
28952
|
+
--pf-c-table__sticky-cell--Right: var(--pf-c-table__sticky-cell--m-right--Right);
|
|
28838
28953
|
}
|
|
28839
|
-
.pf-c-table.pf-
|
|
28840
|
-
|
|
28954
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-left {
|
|
28955
|
+
--pf-c-table__sticky-cell--Left: var(--pf-c-table__sticky-cell--m-left--Left);
|
|
28841
28956
|
}
|
|
28842
28957
|
|
|
28843
28958
|
.pf-c-scroll-outer-wrapper {
|
|
@@ -28873,10 +28988,20 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28873
28988
|
--pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
|
|
28874
28989
|
--pf-c-table--m-tree-view__toggle--TranslateX: -100%;
|
|
28875
28990
|
--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
28991
|
+
--pf-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
|
|
28992
|
+
--pf-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
|
|
28876
28993
|
}
|
|
28877
28994
|
.pf-c-table.pf-m-tree-view > tbody > tr {
|
|
28878
28995
|
--pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
|
|
28879
28996
|
}
|
|
28997
|
+
.pf-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
|
|
28998
|
+
--pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
28999
|
+
--pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
29000
|
+
}
|
|
29001
|
+
.pf-c-table.pf-m-tree-view.pf-m-no-inset {
|
|
29002
|
+
--pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
29003
|
+
--pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
29004
|
+
}
|
|
28880
29005
|
.pf-c-table.pf-m-tree-view tr[aria-level="2"] {
|
|
28881
29006
|
--pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));
|
|
28882
29007
|
}
|
|
@@ -29172,7 +29297,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29172
29297
|
display: block;
|
|
29173
29298
|
}
|
|
29174
29299
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29175
|
-
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
29300
|
+
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
29176
29301
|
display: inline-block;
|
|
29177
29302
|
}
|
|
29178
29303
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
@@ -29313,7 +29438,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29313
29438
|
display: block;
|
|
29314
29439
|
}
|
|
29315
29440
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29316
|
-
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
29441
|
+
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
29317
29442
|
display: inline-block;
|
|
29318
29443
|
}
|
|
29319
29444
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
@@ -29454,7 +29579,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29454
29579
|
display: block;
|
|
29455
29580
|
}
|
|
29456
29581
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29457
|
-
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
29582
|
+
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
29458
29583
|
display: inline-block;
|
|
29459
29584
|
}
|
|
29460
29585
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
@@ -29595,7 +29720,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29595
29720
|
display: block;
|
|
29596
29721
|
}
|
|
29597
29722
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29598
|
-
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
29723
|
+
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
29599
29724
|
display: inline-block;
|
|
29600
29725
|
}
|
|
29601
29726
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
@@ -29765,7 +29890,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29765
29890
|
--pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
29766
29891
|
--pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
|
|
29767
29892
|
--pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
|
|
29768
|
-
--pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
|
|
29769
29893
|
--pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
|
|
29770
29894
|
--pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
|
|
29771
29895
|
--pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
|
|
@@ -30239,9 +30363,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30239
30363
|
--pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
|
|
30240
30364
|
outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
|
|
30241
30365
|
}
|
|
30242
|
-
.pf-c-tabs__item-action.pf-m-help {
|
|
30243
|
-
--pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
|
|
30244
|
-
}
|
|
30245
30366
|
.pf-c-tabs__item-action:last-child {
|
|
30246
30367
|
--pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
|
|
30247
30368
|
}
|
|
@@ -30552,7 +30673,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30552
30673
|
--pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
|
|
30553
30674
|
--pf-c-text-input-group__text-input--MinWidth: 12ch;
|
|
30554
30675
|
--pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
30555
|
-
--pf-c-text-input-
|
|
30676
|
+
--pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
|
|
30677
|
+
--pf-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
30556
30678
|
--pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
|
|
30557
30679
|
--pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
|
|
30558
30680
|
--pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
@@ -30609,9 +30731,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30609
30731
|
|
|
30610
30732
|
.pf-c-text-input-group__text {
|
|
30611
30733
|
display: inline-grid;
|
|
30612
|
-
grid-template-columns: 1fr;
|
|
30613
|
-
grid-template-areas: "text-input";
|
|
30614
30734
|
flex: 1;
|
|
30735
|
+
grid-template-areas: "text-input";
|
|
30736
|
+
grid-template-columns: 1fr;
|
|
30615
30737
|
}
|
|
30616
30738
|
.pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
|
|
30617
30739
|
position: absolute;
|
|
@@ -30652,6 +30774,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30652
30774
|
width: 100%;
|
|
30653
30775
|
min-width: var(--pf-c-text-input-group__text-input--MinWidth);
|
|
30654
30776
|
padding: var(--pf-c-text-input-group__text-input--PaddingTop) var(--pf-c-text-input-group__text-input--PaddingRight) var(--pf-c-text-input-group__text-input--PaddingBottom) var(--pf-c-text-input-group__text-input--PaddingLeft);
|
|
30777
|
+
background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
|
|
30655
30778
|
border: 0;
|
|
30656
30779
|
}
|
|
30657
30780
|
.pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
|
|
@@ -30661,7 +30784,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30661
30784
|
color: var(--pf-c-text-input-group__text-input--m-hint--Color);
|
|
30662
30785
|
}
|
|
30663
30786
|
.pf-c-text-input-group__text-input::placeholder {
|
|
30664
|
-
color: var(--pf-c-text-input-
|
|
30787
|
+
color: var(--pf-c-text-input-group__text-input--placeholder--Color);
|
|
30665
30788
|
}
|
|
30666
30789
|
|
|
30667
30790
|
.pf-c-text-input-group__utilities {
|
|
@@ -30726,11 +30849,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30726
30849
|
--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
30727
30850
|
position: relative;
|
|
30728
30851
|
display: inline-grid;
|
|
30852
|
+
grid-template-rows: min-content;
|
|
30729
30853
|
padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
|
|
30730
30854
|
text-align: center;
|
|
30731
30855
|
cursor: pointer;
|
|
30732
30856
|
background-color: var(--pf-c-tile--BackgroundColor);
|
|
30733
|
-
grid-template-rows: min-content;
|
|
30734
30857
|
transition: var(--pf-c-tile--Transition);
|
|
30735
30858
|
transform: translateY(var(--pf-c-tile--TranslateY));
|
|
30736
30859
|
}
|
|
@@ -30882,12 +31005,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30882
31005
|
outline-offset: var(--pf-c-timestamp--OutlineOffset);
|
|
30883
31006
|
}
|
|
30884
31007
|
.pf-c-timestamp.pf-m-help-text {
|
|
30885
|
-
cursor: pointer;
|
|
30886
31008
|
text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
|
|
30887
|
-
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
30888
31009
|
text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
|
|
30889
|
-
text-
|
|
31010
|
+
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
30890
31011
|
text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
|
|
31012
|
+
text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
31013
|
+
cursor: pointer;
|
|
30891
31014
|
}
|
|
30892
31015
|
.pf-c-timestamp.pf-m-help-text:hover {
|
|
30893
31016
|
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
|
|
@@ -31110,8 +31233,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31110
31233
|
--pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
|
|
31111
31234
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
31112
31235
|
--pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
|
|
31113
|
-
--pf-c-tooltip__arrow--Width: 0.
|
|
31114
|
-
--pf-c-tooltip__arrow--Height: 0.
|
|
31236
|
+
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31237
|
+
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31238
|
+
--pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
31239
|
+
--pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
31115
31240
|
--pf-c-tooltip__arrow--m-top--TranslateX: -50%;
|
|
31116
31241
|
--pf-c-tooltip__arrow--m-top--TranslateY: 50%;
|
|
31117
31242
|
--pf-c-tooltip__arrow--m-top--Rotate: 45deg;
|
|
@@ -31181,7 +31306,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31181
31306
|
width: var(--pf-c-tooltip__arrow--Width);
|
|
31182
31307
|
height: var(--pf-c-tooltip__arrow--Height);
|
|
31183
31308
|
pointer-events: none;
|
|
31184
|
-
background-color: var(--pf-c-
|
|
31309
|
+
background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
|
|
31310
|
+
box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
|
|
31185
31311
|
}
|
|
31186
31312
|
|
|
31187
31313
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -31221,16 +31347,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31221
31347
|
}
|
|
31222
31348
|
|
|
31223
31349
|
:where(.pf-theme-dark) .pf-c-tooltip {
|
|
31224
|
-
--pf-c-tooltip--BoxShadow: none;
|
|
31225
31350
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31226
|
-
|
|
31227
|
-
:where(.pf-theme-dark) .pf-c-tooltip,
|
|
31228
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31229
|
-
border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
|
|
31230
|
-
}
|
|
31231
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31232
|
-
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31233
|
-
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31351
|
+
--pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31234
31352
|
}
|
|
31235
31353
|
|
|
31236
31354
|
.pf-c-truncate {
|
|
@@ -31315,11 +31433,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31315
31433
|
--pf-c-tree-view__node--Color: var(--pf-global--Color--100);
|
|
31316
31434
|
--pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
|
|
31317
31435
|
--pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
|
|
31436
|
+
--pf-c-tree-view__node--BackgroundColor: transparent;
|
|
31318
31437
|
--pf-c-tree-view__node-container--Display: contents;
|
|
31319
31438
|
--pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
|
|
31320
31439
|
--pf-c-tree-view__node-content--Overflow: visible;
|
|
31321
31440
|
--pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31322
|
-
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--
|
|
31441
|
+
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31323
31442
|
--pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
|
|
31324
31443
|
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
31325
31444
|
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -31329,6 +31448,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31329
31448
|
--pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
|
|
31330
31449
|
--pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
|
|
31331
31450
|
--pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
|
|
31451
|
+
--pf-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
31332
31452
|
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
|
|
31333
31453
|
--pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
31334
31454
|
--pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
|
|
@@ -31353,10 +31473,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31353
31473
|
--pf-c-tree-view__node-text--max-lines: 1;
|
|
31354
31474
|
--pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
31355
31475
|
--pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
|
|
31356
|
-
--pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31357
|
-
--pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
|
|
31358
|
-
--pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
|
|
31359
|
-
--pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
|
|
31360
31476
|
--pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
|
|
31361
31477
|
--pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
|
|
31362
31478
|
--pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
|
|
@@ -31554,13 +31670,14 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31554
31670
|
display: flex;
|
|
31555
31671
|
padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
|
|
31556
31672
|
color: var(--pf-c-tree-view__node--Color);
|
|
31673
|
+
background-color: var(--pf-c-tree-view__node--BackgroundColor);
|
|
31557
31674
|
}
|
|
31558
31675
|
.pf-c-tree-view__node.pf-m-current {
|
|
31559
31676
|
--pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
|
|
31560
31677
|
font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
|
|
31561
31678
|
}
|
|
31562
31679
|
.pf-c-tree-view__node:focus {
|
|
31563
|
-
|
|
31680
|
+
--pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
|
|
31564
31681
|
}
|
|
31565
31682
|
.pf-c-tree-view__node .pf-c-tree-view__node-count {
|
|
31566
31683
|
margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
|
|
@@ -31607,6 +31724,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31607
31724
|
margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
|
|
31608
31725
|
margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
|
|
31609
31726
|
color: var(--pf-c-tree-view__node-toggle--Color);
|
|
31727
|
+
background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
|
|
31610
31728
|
border: 0;
|
|
31611
31729
|
transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
31612
31730
|
}
|
|
@@ -31630,6 +31748,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31630
31748
|
font-weight: inherit;
|
|
31631
31749
|
color: inherit;
|
|
31632
31750
|
text-align: left;
|
|
31751
|
+
background-color: transparent;
|
|
31633
31752
|
border: 0;
|
|
31634
31753
|
}
|
|
31635
31754
|
label.pf-c-tree-view__node-text {
|
|
@@ -31661,15 +31780,6 @@ label.pf-c-tree-view__node-text {
|
|
|
31661
31780
|
|
|
31662
31781
|
.pf-c-tree-view__action {
|
|
31663
31782
|
margin-left: var(--pf-c-tree-view__action--MarginLeft);
|
|
31664
|
-
color: var(--pf-c-tree-view__action--Color);
|
|
31665
|
-
border: 0;
|
|
31666
|
-
}
|
|
31667
|
-
.pf-c-tree-view__action:hover {
|
|
31668
|
-
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
|
|
31669
|
-
}
|
|
31670
|
-
.pf-c-tree-view__action:focus {
|
|
31671
|
-
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
|
|
31672
|
-
background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
|
|
31673
31783
|
}
|
|
31674
31784
|
|
|
31675
31785
|
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
@@ -31818,9 +31928,14 @@ label.pf-c-tree-view__node-text {
|
|
|
31818
31928
|
--pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
|
|
31819
31929
|
--pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
|
|
31820
31930
|
--pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
|
|
31931
|
+
--pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
|
|
31932
|
+
--pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
31933
|
+
--pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
31934
|
+
--pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
31821
31935
|
--pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
|
|
31822
31936
|
--pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
|
|
31823
31937
|
--pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
|
|
31938
|
+
--pf-c-wizard__nav-link--BackgroundColor: transparent;
|
|
31824
31939
|
--pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
|
|
31825
31940
|
--pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
|
|
31826
31941
|
--pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
|
|
@@ -32000,6 +32115,8 @@ label.pf-c-tree-view__node-text {
|
|
|
32000
32115
|
position: absolute;
|
|
32001
32116
|
top: var(--pf-c-wizard__close--Top);
|
|
32002
32117
|
right: var(--pf-c-wizard__close--Right);
|
|
32118
|
+
}
|
|
32119
|
+
.pf-c-wizard__header .pf-c-wizard__close button {
|
|
32003
32120
|
font-size: var(--pf-c-wizard__close--FontSize);
|
|
32004
32121
|
}
|
|
32005
32122
|
|
|
@@ -32008,6 +32125,13 @@ label.pf-c-tree-view__node-text {
|
|
|
32008
32125
|
word-wrap: break-word;
|
|
32009
32126
|
}
|
|
32010
32127
|
|
|
32128
|
+
.pf-c-wizard__title-text {
|
|
32129
|
+
font-family: var(--pf-c-wizard__title-text--FontFamily);
|
|
32130
|
+
font-size: var(--pf-c-wizard__title-text--FontSize);
|
|
32131
|
+
font-weight: var(--pf-c-wizard__title-text--FontWeight);
|
|
32132
|
+
line-height: var(--pf-c-wizard__title-text--LineHeight);
|
|
32133
|
+
}
|
|
32134
|
+
|
|
32011
32135
|
.pf-c-wizard__description {
|
|
32012
32136
|
display: none;
|
|
32013
32137
|
padding-top: var(--pf-c-wizard__description--PaddingTop);
|
|
@@ -32170,6 +32294,7 @@ label.pf-c-tree-view__node-text {
|
|
|
32170
32294
|
text-align: left;
|
|
32171
32295
|
text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
|
|
32172
32296
|
word-break: break-word;
|
|
32297
|
+
background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
|
|
32173
32298
|
border: 0;
|
|
32174
32299
|
}
|
|
32175
32300
|
.pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
|
|
@@ -32255,8 +32380,8 @@ label.pf-c-tree-view__node-text {
|
|
|
32255
32380
|
position: relative;
|
|
32256
32381
|
z-index: var(--pf-c-wizard__footer--ZIndex);
|
|
32257
32382
|
display: flex;
|
|
32258
|
-
flex-wrap: wrap;
|
|
32259
32383
|
flex-shrink: 0;
|
|
32384
|
+
flex-wrap: wrap;
|
|
32260
32385
|
padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
|
|
32261
32386
|
background-color: var(--pf-c-wizard__footer--BackgroundColor);
|
|
32262
32387
|
}
|
|
@@ -33937,8 +34062,8 @@ label.pf-c-tree-view__node-text {
|
|
|
33937
34062
|
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
33938
34063
|
--pf-l-gallery--GridTemplateRows: auto;
|
|
33939
34064
|
display: grid;
|
|
33940
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
33941
34065
|
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
34066
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
33942
34067
|
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
33943
34068
|
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
33944
34069
|
}
|
|
@@ -34006,39 +34131,39 @@ label.pf-c-tree-view__node-text {
|
|
|
34006
34131
|
}
|
|
34007
34132
|
.pf-l-grid > *,
|
|
34008
34133
|
.pf-l-grid .pf-l-grid__item {
|
|
34009
|
-
min-width: 0;
|
|
34010
|
-
min-height: 0;
|
|
34011
34134
|
grid-column-start: var(--pf-l-grid__item--GridColumnStart);
|
|
34012
34135
|
grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
|
|
34136
|
+
min-width: 0;
|
|
34137
|
+
min-height: 0;
|
|
34013
34138
|
order: var(--pf-l-grid--item--Order);
|
|
34014
34139
|
}
|
|
34015
34140
|
@media (min-width: 576px) {
|
|
34016
34141
|
.pf-l-grid > *,
|
|
34017
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34142
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34018
34143
|
order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
|
|
34019
34144
|
}
|
|
34020
34145
|
}
|
|
34021
34146
|
@media (min-width: 768px) {
|
|
34022
34147
|
.pf-l-grid > *,
|
|
34023
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34148
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34024
34149
|
order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
|
|
34025
34150
|
}
|
|
34026
34151
|
}
|
|
34027
34152
|
@media (min-width: 992px) {
|
|
34028
34153
|
.pf-l-grid > *,
|
|
34029
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34154
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34030
34155
|
order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
|
|
34031
34156
|
}
|
|
34032
34157
|
}
|
|
34033
34158
|
@media (min-width: 1200px) {
|
|
34034
34159
|
.pf-l-grid > *,
|
|
34035
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34160
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34036
34161
|
order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
|
|
34037
34162
|
}
|
|
34038
34163
|
}
|
|
34039
34164
|
@media (min-width: 1450px) {
|
|
34040
34165
|
.pf-l-grid > *,
|
|
34041
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34166
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34042
34167
|
order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
|
|
34043
34168
|
}
|
|
34044
34169
|
}
|