@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.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;
|
|
@@ -4966,7 +4956,7 @@ a {
|
|
|
4966
4956
|
font-family: "pficon";
|
|
4967
4957
|
src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
|
|
4968
4958
|
}
|
|
4969
|
-
.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 {
|
|
4959
|
+
.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 {
|
|
4970
4960
|
font-family: "pficon";
|
|
4971
4961
|
-webkit-font-smoothing: antialiased;
|
|
4972
4962
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -5065,6 +5055,10 @@ a {
|
|
|
5065
5055
|
content: "\e976";
|
|
5066
5056
|
}
|
|
5067
5057
|
|
|
5058
|
+
.pf-icon-data-processor:before {
|
|
5059
|
+
content: "\e97b";
|
|
5060
|
+
}
|
|
5061
|
+
|
|
5068
5062
|
.pf-icon-data-sink:before {
|
|
5069
5063
|
content: "\e978";
|
|
5070
5064
|
}
|
|
@@ -5485,30 +5479,12 @@ a {
|
|
|
5485
5479
|
content: "\e911";
|
|
5486
5480
|
}
|
|
5487
5481
|
|
|
5488
|
-
.pf-svg
|
|
5482
|
+
.pf-svg {
|
|
5489
5483
|
width: 1em;
|
|
5490
5484
|
height: 1em;
|
|
5491
5485
|
vertical-align: -0.125em;
|
|
5492
5486
|
}
|
|
5493
5487
|
|
|
5494
|
-
.pf-svg-size-md {
|
|
5495
|
-
width: 1.5em;
|
|
5496
|
-
height: 1.5em;
|
|
5497
|
-
vertical-align: -0.1875em;
|
|
5498
|
-
}
|
|
5499
|
-
|
|
5500
|
-
.pf-svg-size-lg {
|
|
5501
|
-
width: 2em;
|
|
5502
|
-
height: 2em;
|
|
5503
|
-
vertical-align: -0.25em;
|
|
5504
|
-
}
|
|
5505
|
-
|
|
5506
|
-
.pf-svg-size-xl {
|
|
5507
|
-
width: 3em;
|
|
5508
|
-
height: 3em;
|
|
5509
|
-
vertical-align: -0.375em;
|
|
5510
|
-
}
|
|
5511
|
-
|
|
5512
5488
|
.pf-c-about-modal-box {
|
|
5513
5489
|
--pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
5514
5490
|
--pf-c-about-modal-box--Height: 100%;
|
|
@@ -5560,8 +5536,8 @@ a {
|
|
|
5560
5536
|
color: var(--pf-global--Color--100);
|
|
5561
5537
|
position: relative;
|
|
5562
5538
|
display: grid;
|
|
5563
|
-
grid-template-rows: max-content max-content auto;
|
|
5564
5539
|
grid-template-areas: "brand close" "header header" "content content";
|
|
5540
|
+
grid-template-rows: max-content max-content auto;
|
|
5565
5541
|
width: var(--pf-c-about-modal-box--Width);
|
|
5566
5542
|
height: var(--pf-c-about-modal-box--Height);
|
|
5567
5543
|
overflow-x: hidden;
|
|
@@ -5607,22 +5583,22 @@ a {
|
|
|
5607
5583
|
}
|
|
5608
5584
|
@media only screen and (min-width: 576px) {
|
|
5609
5585
|
.pf-c-about-modal-box {
|
|
5610
|
-
grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
|
|
5611
5586
|
grid-template-areas: "brand hero" "header hero" "content hero";
|
|
5587
|
+
grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
|
|
5612
5588
|
}
|
|
5613
5589
|
}
|
|
5614
5590
|
@media only screen and (min-width: 992px) {
|
|
5615
5591
|
.pf-c-about-modal-box {
|
|
5616
5592
|
--pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
|
|
5617
5593
|
--pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
|
|
5618
|
-
grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
|
|
5619
5594
|
grid-template-rows: max-content max-content auto;
|
|
5595
|
+
grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
|
|
5620
5596
|
}
|
|
5621
5597
|
}
|
|
5622
5598
|
|
|
5623
5599
|
.pf-c-about-modal-box__brand {
|
|
5624
|
-
grid-area: brand;
|
|
5625
5600
|
display: flex;
|
|
5601
|
+
grid-area: brand;
|
|
5626
5602
|
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);
|
|
5627
5603
|
}
|
|
5628
5604
|
|
|
@@ -5631,9 +5607,9 @@ a {
|
|
|
5631
5607
|
}
|
|
5632
5608
|
|
|
5633
5609
|
.pf-c-about-modal-box__header {
|
|
5634
|
-
grid-area: header;
|
|
5635
5610
|
display: flex;
|
|
5636
5611
|
flex-direction: column;
|
|
5612
|
+
grid-area: header;
|
|
5637
5613
|
padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
|
|
5638
5614
|
padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
|
|
5639
5615
|
padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
|
|
@@ -5664,10 +5640,10 @@ a {
|
|
|
5664
5640
|
}
|
|
5665
5641
|
|
|
5666
5642
|
.pf-c-about-modal-box__close {
|
|
5667
|
-
grid-area: close;
|
|
5668
5643
|
position: sticky;
|
|
5669
5644
|
top: 0;
|
|
5670
5645
|
display: flex;
|
|
5646
|
+
grid-area: close;
|
|
5671
5647
|
align-items: flex-start;
|
|
5672
5648
|
justify-content: flex-end;
|
|
5673
5649
|
padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
|
|
@@ -5706,12 +5682,12 @@ a {
|
|
|
5706
5682
|
@media only screen and (min-width: 576px) {
|
|
5707
5683
|
.pf-c-about-modal-box__hero {
|
|
5708
5684
|
display: block;
|
|
5685
|
+
grid-area: hero;
|
|
5709
5686
|
background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
|
|
5710
5687
|
background-repeat: no-repeat;
|
|
5711
5688
|
background-attachment: fixed;
|
|
5712
5689
|
background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
|
|
5713
5690
|
background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
|
|
5714
|
-
grid-area: hero;
|
|
5715
5691
|
}
|
|
5716
5692
|
}
|
|
5717
5693
|
|
|
@@ -5770,6 +5746,7 @@ a {
|
|
|
5770
5746
|
--pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
|
|
5771
5747
|
--pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
|
|
5772
5748
|
--pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
5749
|
+
--pf-c-accordion__toggle--BackgroundColor: transparent;
|
|
5773
5750
|
--pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
|
|
5774
5751
|
--pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
|
|
5775
5752
|
--pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
|
|
@@ -5884,6 +5861,7 @@ a {
|
|
|
5884
5861
|
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);
|
|
5885
5862
|
font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
|
|
5886
5863
|
font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
|
|
5864
|
+
background-color: var(--pf-c-accordion__toggle--BackgroundColor);
|
|
5887
5865
|
border: 0;
|
|
5888
5866
|
}
|
|
5889
5867
|
.pf-c-accordion__toggle::after {
|
|
@@ -6108,13 +6086,13 @@ a {
|
|
|
6108
6086
|
color: var(--pf-global--Color--100);
|
|
6109
6087
|
position: relative;
|
|
6110
6088
|
display: grid;
|
|
6089
|
+
grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
|
|
6090
|
+
grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
|
|
6111
6091
|
padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
|
|
6112
6092
|
font-size: var(--pf-c-alert__FontSize);
|
|
6113
6093
|
background-color: var(--pf-c-alert--BackgroundColor);
|
|
6114
6094
|
border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
|
|
6115
6095
|
box-shadow: var(--pf-c-alert--BoxShadow);
|
|
6116
|
-
grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
|
|
6117
|
-
grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
|
|
6118
6096
|
}
|
|
6119
6097
|
.pf-c-alert.pf-m-success {
|
|
6120
6098
|
--pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
|
|
@@ -6175,8 +6153,8 @@ a {
|
|
|
6175
6153
|
}
|
|
6176
6154
|
|
|
6177
6155
|
.pf-c-alert__icon {
|
|
6178
|
-
grid-area: icon;
|
|
6179
6156
|
display: flex;
|
|
6157
|
+
grid-area: icon;
|
|
6180
6158
|
margin-top: var(--pf-c-alert__icon--MarginTop);
|
|
6181
6159
|
margin-right: var(--pf-c-alert__icon--MarginRight);
|
|
6182
6160
|
font-size: var(--pf-c-alert__icon--FontSize);
|
|
@@ -6351,6 +6329,7 @@ a {
|
|
|
6351
6329
|
--pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
|
|
6352
6330
|
--pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
|
|
6353
6331
|
--pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
|
|
6332
|
+
--pf-c-app-launcher__toggle--BackgroundColor: transparent;
|
|
6354
6333
|
--pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
|
|
6355
6334
|
--pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
6356
6335
|
--pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
|
|
@@ -6413,6 +6392,7 @@ a {
|
|
|
6413
6392
|
.pf-c-app-launcher__toggle {
|
|
6414
6393
|
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);
|
|
6415
6394
|
color: var(--pf-c-app-launcher__toggle--Color);
|
|
6395
|
+
background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
|
|
6416
6396
|
border: none;
|
|
6417
6397
|
}
|
|
6418
6398
|
.pf-c-app-launcher__toggle:hover {
|
|
@@ -7036,18 +7016,18 @@ a {
|
|
|
7036
7016
|
--pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
|
|
7037
7017
|
--pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
|
|
7038
7018
|
--pf-c-banner--link--disabled--TextDecoration: none;
|
|
7039
|
-
--pf-c-banner--m-
|
|
7040
|
-
--pf-c-banner--m-
|
|
7041
|
-
--pf-c-banner--m-
|
|
7042
|
-
--pf-c-banner--m-
|
|
7019
|
+
--pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
|
|
7020
|
+
--pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
|
|
7021
|
+
--pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
|
|
7022
|
+
--pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
|
|
7043
7023
|
--pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
|
|
7044
7024
|
--pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
|
|
7045
7025
|
color: var(--pf-global--Color--100);
|
|
7046
7026
|
overflow: hidden;
|
|
7047
7027
|
text-overflow: ellipsis;
|
|
7048
7028
|
white-space: nowrap;
|
|
7049
|
-
padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
|
|
7050
7029
|
flex-shrink: 0;
|
|
7030
|
+
padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
|
|
7051
7031
|
font-size: var(--pf-c-banner--FontSize);
|
|
7052
7032
|
color: var(--pf-c-banner--Color);
|
|
7053
7033
|
white-space: nowrap;
|
|
@@ -7059,19 +7039,19 @@ a {
|
|
|
7059
7039
|
--pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
|
|
7060
7040
|
}
|
|
7061
7041
|
}
|
|
7062
|
-
.pf-c-banner.pf-m-
|
|
7042
|
+
.pf-c-banner.pf-m-blue {
|
|
7063
7043
|
color: var(--pf-global--Color--100);
|
|
7064
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
7044
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
|
|
7065
7045
|
}
|
|
7066
|
-
.pf-c-banner.pf-m-
|
|
7067
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
7046
|
+
.pf-c-banner.pf-m-red {
|
|
7047
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
|
|
7068
7048
|
}
|
|
7069
|
-
.pf-c-banner.pf-m-
|
|
7070
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
7049
|
+
.pf-c-banner.pf-m-green {
|
|
7050
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
|
|
7071
7051
|
}
|
|
7072
|
-
.pf-c-banner.pf-m-
|
|
7052
|
+
.pf-c-banner.pf-m-gold {
|
|
7073
7053
|
color: var(--pf-global--Color--100);
|
|
7074
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
7054
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
|
|
7075
7055
|
}
|
|
7076
7056
|
.pf-c-banner.pf-m-sticky {
|
|
7077
7057
|
position: sticky;
|
|
@@ -7225,6 +7205,7 @@ a {
|
|
|
7225
7205
|
--pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
|
|
7226
7206
|
--pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
|
|
7227
7207
|
--pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
|
|
7208
|
+
--pf-c-breadcrumb__link--BackgroundColor: transparent;
|
|
7228
7209
|
--pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
|
|
7229
7210
|
--pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
7230
7211
|
--pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
|
|
@@ -7267,6 +7248,7 @@ a {
|
|
|
7267
7248
|
color: var(--pf-c-breadcrumb__link--Color);
|
|
7268
7249
|
text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
|
|
7269
7250
|
word-break: break-word;
|
|
7251
|
+
background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
|
|
7270
7252
|
}
|
|
7271
7253
|
.pf-c-breadcrumb__link:hover {
|
|
7272
7254
|
--pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
|
|
@@ -7934,7 +7916,7 @@ button.pf-c-breadcrumb__link {
|
|
|
7934
7916
|
--pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
|
|
7935
7917
|
--pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
|
|
7936
7918
|
--pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
|
|
7937
|
-
--pf-c-calendar-month__header-year--Width:
|
|
7919
|
+
--pf-c-calendar-month__header-year--Width: 8.5ch;
|
|
7938
7920
|
--pf-c-calendar-month__header-nav-control--MarginRight: 0;
|
|
7939
7921
|
--pf-c-calendar-month__header-nav-control--MarginLeft: 0;
|
|
7940
7922
|
--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
|
|
@@ -8111,9 +8093,9 @@ button.pf-c-breadcrumb__link {
|
|
|
8111
8093
|
box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
|
|
8112
8094
|
}
|
|
8113
8095
|
.pf-c-calendar-month__date:disabled {
|
|
8114
|
-
pointer-events: none;
|
|
8115
8096
|
--pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
|
|
8116
8097
|
--pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
8098
|
+
pointer-events: none;
|
|
8117
8099
|
}
|
|
8118
8100
|
|
|
8119
8101
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
@@ -8182,14 +8164,17 @@ button.pf-c-breadcrumb__link {
|
|
|
8182
8164
|
--pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8183
8165
|
--pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8184
8166
|
--pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
|
|
8185
|
-
--pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
8186
|
-
--pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
|
|
8187
|
-
--pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
8188
8167
|
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
|
|
8168
|
+
--pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
8169
|
+
--pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
8170
|
+
--pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
8171
|
+
--pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
8189
8172
|
--pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
|
|
8190
8173
|
--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
|
|
8191
8174
|
--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
|
|
8192
|
-
--pf-c-card__actions--
|
|
8175
|
+
--pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
|
|
8176
|
+
--pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8177
|
+
--pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8193
8178
|
--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8194
8179
|
--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
|
|
8195
8180
|
--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
@@ -8245,7 +8230,7 @@ button.pf-c-breadcrumb__link {
|
|
|
8245
8230
|
--pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
|
|
8246
8231
|
--pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
|
|
8247
8232
|
--pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
|
|
8248
|
-
--pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
|
|
8233
|
+
--pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
8249
8234
|
--pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
|
|
8250
8235
|
--pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
|
|
8251
8236
|
--pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
|
|
@@ -8260,7 +8245,6 @@ button.pf-c-breadcrumb__link {
|
|
|
8260
8245
|
--pf-c-card--m-plain--BackgroundColor: transparent;
|
|
8261
8246
|
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8262
8247
|
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
8263
|
-
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
8264
8248
|
--pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
8265
8249
|
--pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
|
|
8266
8250
|
display: flex;
|
|
@@ -8358,7 +8342,7 @@ button.pf-c-breadcrumb__link {
|
|
|
8358
8342
|
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
|
|
8359
8343
|
}
|
|
8360
8344
|
.pf-c-card.pf-m-display-lg {
|
|
8361
|
-
--pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
|
|
8345
|
+
--pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
|
|
8362
8346
|
--pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
|
|
8363
8347
|
--pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
|
|
8364
8348
|
--pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
|
|
@@ -8406,13 +8390,11 @@ button.pf-c-breadcrumb__link {
|
|
|
8406
8390
|
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
|
|
8407
8391
|
--pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
|
|
8408
8392
|
}
|
|
8409
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
|
|
8410
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
|
|
8411
|
-
}
|
|
8412
8393
|
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
|
|
8413
8394
|
order: 2;
|
|
8414
8395
|
}
|
|
8415
|
-
|
|
8396
|
+
|
|
8397
|
+
.pf-c-card__header-main {
|
|
8416
8398
|
flex: 1;
|
|
8417
8399
|
}
|
|
8418
8400
|
|
|
@@ -8426,22 +8408,21 @@ button.pf-c-breadcrumb__link {
|
|
|
8426
8408
|
transition: var(--pf-c-card__header-toggle-icon--Transition);
|
|
8427
8409
|
}
|
|
8428
8410
|
|
|
8429
|
-
.pf-c-card__title {
|
|
8430
|
-
font-family: var(--pf-c-card__title--FontFamily);
|
|
8431
|
-
font-size: var(--pf-c-card__title--FontSize);
|
|
8432
|
-
font-weight: var(--pf-c-card__title--FontWeight);
|
|
8411
|
+
.pf-c-card__title-text {
|
|
8412
|
+
font-family: var(--pf-c-card__title-text--FontFamily);
|
|
8413
|
+
font-size: var(--pf-c-card__title-text--FontSize);
|
|
8414
|
+
font-weight: var(--pf-c-card__title-text--FontWeight);
|
|
8415
|
+
line-height: var(--pf-c-card__title-text--LineHeight);
|
|
8433
8416
|
}
|
|
8434
8417
|
|
|
8435
8418
|
.pf-c-card__actions {
|
|
8436
8419
|
display: flex;
|
|
8420
|
+
gap: var(--pf-c-card__actions--Gap);
|
|
8437
8421
|
align-items: center;
|
|
8438
8422
|
align-self: flex-start;
|
|
8439
8423
|
order: 1;
|
|
8440
8424
|
padding-left: var(--pf-c-card__actions--PaddingLeft);
|
|
8441
|
-
margin: var(--pf-c-
|
|
8442
|
-
}
|
|
8443
|
-
.pf-c-card__actions > * + * {
|
|
8444
|
-
margin-left: var(--pf-c-card__actions--child--MarginLeft);
|
|
8425
|
+
margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
|
|
8445
8426
|
}
|
|
8446
8427
|
.pf-c-card__actions + .pf-c-card__title,
|
|
8447
8428
|
.pf-c-card__actions + .pf-c-card__body,
|
|
@@ -8449,8 +8430,8 @@ button.pf-c-breadcrumb__link {
|
|
|
8449
8430
|
padding: 0;
|
|
8450
8431
|
}
|
|
8451
8432
|
.pf-c-card__actions.pf-m-no-offset {
|
|
8452
|
-
--pf-c-
|
|
8453
|
-
--pf-c-
|
|
8433
|
+
--pf-c-card__actions--MarginTop: 0;
|
|
8434
|
+
--pf-c-card__actions--MarginBottom: 0;
|
|
8454
8435
|
}
|
|
8455
8436
|
|
|
8456
8437
|
.pf-c-card__header,
|
|
@@ -8630,18 +8611,19 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8630
8611
|
--pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8631
8612
|
--pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
8632
8613
|
--pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
8633
|
-
--pf-c-
|
|
8614
|
+
--pf-c-chip__content--FontSize: var(--pf-global--FontSize--xs);
|
|
8615
|
+
--pf-c-chip__content--ColumnGap: var(--pf-global--spacer--xs);
|
|
8634
8616
|
--pf-c-chip__text--Color: var(--pf-global--Color--100);
|
|
8635
8617
|
--pf-c-chip__text--MaxWidth: 16ch;
|
|
8636
|
-
--pf-c-
|
|
8637
|
-
--pf-c-
|
|
8638
|
-
--pf-c-
|
|
8639
|
-
--pf-c-
|
|
8640
|
-
--pf-c-
|
|
8641
|
-
--pf-c-
|
|
8642
|
-
--pf-c-
|
|
8643
|
-
--pf-c-
|
|
8644
|
-
--pf-c-
|
|
8618
|
+
--pf-c-chip__actions--FontSize: var(--pf-global--FontSize--xs);
|
|
8619
|
+
--pf-c-chip__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
8620
|
+
--pf-c-chip__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
8621
|
+
--pf-c-chip__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8622
|
+
--pf-c-chip__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8623
|
+
--pf-c-chip__actions--c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
|
|
8624
|
+
--pf-c-chip__actions--c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
|
|
8625
|
+
--pf-c-chip__actions--c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
|
|
8626
|
+
--pf-c-chip__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
8645
8627
|
--pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
8646
8628
|
color: var(--pf-global--Color--100);
|
|
8647
8629
|
position: relative;
|
|
@@ -8676,19 +8658,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8676
8658
|
.pf-c-chip.pf-m-draggable .pf-c-chip__icon {
|
|
8677
8659
|
font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
|
|
8678
8660
|
}
|
|
8679
|
-
.pf-c-chip .pf-c-button {
|
|
8680
|
-
--pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
|
|
8681
|
-
--pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
|
|
8682
|
-
--pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
|
|
8683
|
-
--pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
|
|
8684
|
-
--pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
|
|
8685
|
-
margin-top: var(--pf-c-chip__c-button--MarginTop);
|
|
8686
|
-
margin-right: var(--pf-c-chip__c-button--MarginRight);
|
|
8687
|
-
margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
|
|
8688
|
-
}
|
|
8689
|
-
.pf-c-chip .pf-c-badge {
|
|
8690
|
-
margin-left: var(--pf-c-chip__c-badge--MarginLeft);
|
|
8691
|
-
}
|
|
8692
8661
|
|
|
8693
8662
|
.pf-c-chip__text {
|
|
8694
8663
|
overflow: hidden;
|
|
@@ -8696,7 +8665,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8696
8665
|
white-space: nowrap;
|
|
8697
8666
|
position: relative;
|
|
8698
8667
|
max-width: var(--pf-c-chip__text--MaxWidth);
|
|
8699
|
-
font-size: var(--pf-c-chip__text--FontSize);
|
|
8700
8668
|
color: var(--pf-c-chip__text--Color);
|
|
8701
8669
|
}
|
|
8702
8670
|
|
|
@@ -8705,6 +8673,28 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8705
8673
|
margin-left: var(--pf-c-chip__icon--MarginLeft);
|
|
8706
8674
|
}
|
|
8707
8675
|
|
|
8676
|
+
.pf-c-chip__content {
|
|
8677
|
+
display: flex;
|
|
8678
|
+
column-gap: var(--pf-c-chip__content--ColumnGap);
|
|
8679
|
+
align-items: center;
|
|
8680
|
+
font-size: var(--pf-c-chip__content--FontSize);
|
|
8681
|
+
}
|
|
8682
|
+
|
|
8683
|
+
.pf-c-chip__actions {
|
|
8684
|
+
font-size: var(--pf-c-chip__actions--FontSize);
|
|
8685
|
+
}
|
|
8686
|
+
.pf-c-chip__actions .pf-c-button {
|
|
8687
|
+
--pf-c-button--PaddingTop: var(--pf-c-chip__actions--c-button--PaddingTop);
|
|
8688
|
+
--pf-c-button--PaddingRight: var(--pf-c-chip__actions--c-button--PaddingRight);
|
|
8689
|
+
--pf-c-button--PaddingBottom: var(--pf-c-chip__actions--c-button--PaddingBottom);
|
|
8690
|
+
--pf-c-button--PaddingLeft: var(--pf-c-chip__actions--c-button--PaddingLeft);
|
|
8691
|
+
--pf-c-button--FontSize: var(--pf-c-chip__actions--c-button--FontSize);
|
|
8692
|
+
margin-top: var(--pf-c-chip__actions--c-button--MarginTop);
|
|
8693
|
+
margin-right: var(--pf-c-chip__actions--c-button--MarginRight);
|
|
8694
|
+
margin-bottom: var(--pf-c-chip__actions--c-button--MarginBottom);
|
|
8695
|
+
line-height: 1;
|
|
8696
|
+
}
|
|
8697
|
+
|
|
8708
8698
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
8709
8699
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
8710
8700
|
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -8749,28 +8739,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8749
8739
|
|
|
8750
8740
|
.pf-c-chip-group {
|
|
8751
8741
|
color: var(--pf-global--Color--100);
|
|
8752
|
-
--pf-c-chip-
|
|
8753
|
-
--pf-c-chip-
|
|
8742
|
+
--pf-c-chip-group--PaddingTop: 0;
|
|
8743
|
+
--pf-c-chip-group--PaddingRight: 0;
|
|
8744
|
+
--pf-c-chip-group--PaddingBottom: 0;
|
|
8745
|
+
--pf-c-chip-group--PaddingLeft: 0;
|
|
8746
|
+
--pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
|
|
8747
|
+
--pf-c-chip-group--ColumnGap: 0;
|
|
8748
|
+
--pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
8749
|
+
--pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
8750
|
+
--pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
8751
|
+
--pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
8754
8752
|
--pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
8755
8753
|
--pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
8756
8754
|
--pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8757
8755
|
--pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8758
8756
|
--pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
8759
8757
|
--pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8760
|
-
--pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
8761
8758
|
--pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
8762
8759
|
--pf-c-chip-group__label--MaxWidth: 18ch;
|
|
8763
8760
|
--pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
8764
8761
|
--pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
8765
|
-
|
|
8766
|
-
|
|
8762
|
+
row-gap: var(--pf-c-chip-group--RowGap);
|
|
8763
|
+
column-gap: var(--pf-c-chip-group--ColumnGap);
|
|
8767
8764
|
max-width: 100%;
|
|
8765
|
+
padding-top: var(--pf-c-chip-group--PaddingTop);
|
|
8766
|
+
padding-right: var(--pf-c-chip-group--PaddingRight);
|
|
8767
|
+
padding-bottom: var(--pf-c-chip-group--PaddingBottom);
|
|
8768
|
+
padding-left: var(--pf-c-chip-group--PaddingLeft);
|
|
8768
8769
|
}
|
|
8769
8770
|
.pf-c-chip-group.pf-m-category {
|
|
8770
|
-
|
|
8771
|
-
|
|
8772
|
-
|
|
8773
|
-
|
|
8771
|
+
--pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
|
|
8772
|
+
--pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
|
|
8773
|
+
--pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
|
|
8774
|
+
--pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
|
|
8774
8775
|
background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
|
|
8775
8776
|
border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
|
|
8776
8777
|
}
|
|
@@ -8779,15 +8780,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8779
8780
|
display: flex;
|
|
8780
8781
|
flex: 1;
|
|
8781
8782
|
flex-wrap: wrap;
|
|
8783
|
+
row-gap: var(--pf-c-chip-group__main--RowGap);
|
|
8784
|
+
column-gap: var(--pf-c-chip-group__main--ColumnGap);
|
|
8782
8785
|
align-items: baseline;
|
|
8783
8786
|
min-width: 0;
|
|
8784
8787
|
}
|
|
8785
8788
|
|
|
8786
|
-
.pf-c-chip-group__list {
|
|
8787
|
-
margin-right: var(--pf-c-chip-group__list--MarginRight);
|
|
8788
|
-
margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
|
|
8789
|
-
}
|
|
8790
|
-
|
|
8791
8789
|
.pf-c-chip-group,
|
|
8792
8790
|
.pf-c-chip-group__list {
|
|
8793
8791
|
display: inline-flex;
|
|
@@ -8796,11 +8794,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8796
8794
|
min-width: 0;
|
|
8797
8795
|
}
|
|
8798
8796
|
|
|
8797
|
+
.pf-c-chip-group__list {
|
|
8798
|
+
row-gap: var(--pf-c-chip-group__list--RowGap);
|
|
8799
|
+
column-gap: var(--pf-c-chip-group__list--ColumnGap);
|
|
8800
|
+
}
|
|
8801
|
+
|
|
8799
8802
|
.pf-c-chip-group__list-item {
|
|
8800
8803
|
display: inline-flex;
|
|
8801
8804
|
min-width: 0;
|
|
8802
|
-
margin-right: var(--pf-c-chip-group__list-item--MarginRight);
|
|
8803
|
-
margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
|
|
8804
8805
|
}
|
|
8805
8806
|
|
|
8806
8807
|
.pf-c-chip-group__label {
|
|
@@ -8808,7 +8809,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8808
8809
|
text-overflow: ellipsis;
|
|
8809
8810
|
white-space: nowrap;
|
|
8810
8811
|
max-width: var(--pf-c-chip-group__label--MaxWidth);
|
|
8811
|
-
margin-right: var(--pf-c-chip-group__label--MarginRight);
|
|
8812
8812
|
font-size: var(--pf-c-chip-group__label--FontSize);
|
|
8813
8813
|
}
|
|
8814
8814
|
|
|
@@ -9300,6 +9300,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9300
9300
|
.pf-c-content ul {
|
|
9301
9301
|
margin: 0;
|
|
9302
9302
|
}
|
|
9303
|
+
.pf-c-content ol.pf-m-plain,
|
|
9304
|
+
.pf-c-content ul.pf-m-plain {
|
|
9305
|
+
padding-left: 0;
|
|
9306
|
+
margin-left: 0;
|
|
9307
|
+
list-style: none;
|
|
9308
|
+
}
|
|
9303
9309
|
.pf-c-content h1 {
|
|
9304
9310
|
margin-top: var(--pf-c-content--h1--MarginTop);
|
|
9305
9311
|
margin-bottom: var(--pf-c-content--h1--MarginBottom);
|
|
@@ -9366,12 +9372,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9366
9372
|
margin-left: var(--pf-c-content--ol--MarginLeft);
|
|
9367
9373
|
}
|
|
9368
9374
|
.pf-c-content ol ul {
|
|
9369
|
-
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9370
9375
|
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
9376
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9371
9377
|
}
|
|
9372
9378
|
.pf-c-content ol ol {
|
|
9373
|
-
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9374
9379
|
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
9380
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9375
9381
|
}
|
|
9376
9382
|
.pf-c-content ul {
|
|
9377
9383
|
padding-left: var(--pf-c-content--ul--PaddingLeft);
|
|
@@ -9379,12 +9385,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9379
9385
|
list-style: var(--pf-c-content--ul--ListStyle);
|
|
9380
9386
|
}
|
|
9381
9387
|
.pf-c-content ul ul {
|
|
9382
|
-
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9383
9388
|
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
9389
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9384
9390
|
}
|
|
9385
9391
|
.pf-c-content ul ol {
|
|
9386
|
-
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9387
9392
|
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
9393
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9388
9394
|
}
|
|
9389
9395
|
.pf-c-content dl {
|
|
9390
9396
|
display: grid;
|
|
@@ -9393,8 +9399,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9393
9399
|
@media screen and (min-width: 576px) {
|
|
9394
9400
|
.pf-c-content dl {
|
|
9395
9401
|
grid-template: auto/auto 1fr;
|
|
9396
|
-
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
9397
9402
|
grid-row-gap: var(--pf-c-content--dl--RowGap);
|
|
9403
|
+
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
9398
9404
|
}
|
|
9399
9405
|
}
|
|
9400
9406
|
.pf-c-content dt {
|
|
@@ -9437,6 +9443,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9437
9443
|
--pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
|
|
9438
9444
|
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
9439
9445
|
--pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
|
|
9446
|
+
--pf-c-context-selector__toggle--BackgroundColor: transparent;
|
|
9440
9447
|
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
|
|
9441
9448
|
--pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
|
|
9442
9449
|
--pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
|
|
@@ -9475,6 +9482,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9475
9482
|
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
|
|
9476
9483
|
--pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
|
|
9477
9484
|
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
|
|
9485
|
+
--pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
|
|
9478
9486
|
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
9479
9487
|
--pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
|
|
9480
9488
|
--pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
|
|
@@ -9586,6 +9594,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9586
9594
|
color: var(--pf-c-context-selector__toggle--Color);
|
|
9587
9595
|
white-space: nowrap;
|
|
9588
9596
|
cursor: pointer;
|
|
9597
|
+
background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
|
|
9589
9598
|
border: none;
|
|
9590
9599
|
}
|
|
9591
9600
|
.pf-c-context-selector__toggle::before {
|
|
@@ -9694,11 +9703,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9694
9703
|
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);
|
|
9695
9704
|
color: var(--pf-c-context-selector__menu-list-item--Color);
|
|
9696
9705
|
white-space: nowrap;
|
|
9706
|
+
background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
|
|
9697
9707
|
border: none;
|
|
9698
9708
|
}
|
|
9699
9709
|
.pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
|
|
9710
|
+
--pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
9700
9711
|
text-decoration: none;
|
|
9701
|
-
background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
9702
9712
|
}
|
|
9703
9713
|
.pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
|
|
9704
9714
|
--pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
|
|
@@ -9781,8 +9791,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9781
9791
|
@media screen and (min-width: 768px) {
|
|
9782
9792
|
.pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
|
|
9783
9793
|
display: flex;
|
|
9784
|
-
flex-wrap: wrap;
|
|
9785
9794
|
flex-grow: 1;
|
|
9795
|
+
flex-wrap: wrap;
|
|
9786
9796
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9787
9797
|
}
|
|
9788
9798
|
}
|
|
@@ -9843,8 +9853,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9843
9853
|
@media screen and (min-width: 0) {
|
|
9844
9854
|
.pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
|
|
9845
9855
|
display: flex;
|
|
9846
|
-
flex-wrap: wrap;
|
|
9847
9856
|
flex-grow: 1;
|
|
9857
|
+
flex-wrap: wrap;
|
|
9848
9858
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9849
9859
|
}
|
|
9850
9860
|
}
|
|
@@ -9905,8 +9915,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9905
9915
|
@media screen and (min-width: 576px) {
|
|
9906
9916
|
.pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
|
|
9907
9917
|
display: flex;
|
|
9908
|
-
flex-wrap: wrap;
|
|
9909
9918
|
flex-grow: 1;
|
|
9919
|
+
flex-wrap: wrap;
|
|
9910
9920
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9911
9921
|
}
|
|
9912
9922
|
}
|
|
@@ -9967,8 +9977,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9967
9977
|
@media screen and (min-width: 768px) {
|
|
9968
9978
|
.pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
|
|
9969
9979
|
display: flex;
|
|
9970
|
-
flex-wrap: wrap;
|
|
9971
9980
|
flex-grow: 1;
|
|
9981
|
+
flex-wrap: wrap;
|
|
9972
9982
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9973
9983
|
}
|
|
9974
9984
|
}
|
|
@@ -10029,8 +10039,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10029
10039
|
@media screen and (min-width: 992px) {
|
|
10030
10040
|
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
|
|
10031
10041
|
display: flex;
|
|
10032
|
-
flex-wrap: wrap;
|
|
10033
10042
|
flex-grow: 1;
|
|
10043
|
+
flex-wrap: wrap;
|
|
10034
10044
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
10035
10045
|
}
|
|
10036
10046
|
}
|
|
@@ -10091,8 +10101,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10091
10101
|
@media screen and (min-width: 1200px) {
|
|
10092
10102
|
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
|
|
10093
10103
|
display: flex;
|
|
10094
|
-
flex-wrap: wrap;
|
|
10095
10104
|
flex-grow: 1;
|
|
10105
|
+
flex-wrap: wrap;
|
|
10096
10106
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
10097
10107
|
}
|
|
10098
10108
|
}
|
|
@@ -10153,8 +10163,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10153
10163
|
@media screen and (min-width: 1450px) {
|
|
10154
10164
|
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
|
|
10155
10165
|
display: flex;
|
|
10156
|
-
flex-wrap: wrap;
|
|
10157
10166
|
flex-grow: 1;
|
|
10167
|
+
flex-wrap: wrap;
|
|
10158
10168
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
10159
10169
|
}
|
|
10160
10170
|
}
|
|
@@ -10247,6 +10257,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10247
10257
|
--pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
|
|
10248
10258
|
--pf-c-data-list__toggle-icon--Rotate: 0;
|
|
10249
10259
|
--pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
10260
|
+
--pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
10250
10261
|
--pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
|
|
10251
10262
|
--pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
|
|
10252
10263
|
--pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
|
|
@@ -10318,7 +10329,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10318
10329
|
font-size: var(--pf-c-data-list--FontSize);
|
|
10319
10330
|
line-height: var(--pf-c-data-list--LineHeight);
|
|
10320
10331
|
overflow-wrap: break-word;
|
|
10321
|
-
list-style-type: disc;
|
|
10322
10332
|
border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
|
|
10323
10333
|
}
|
|
10324
10334
|
@media screen and (min-width: 576px) {
|
|
@@ -10491,6 +10501,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10491
10501
|
flex-direction: column;
|
|
10492
10502
|
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);
|
|
10493
10503
|
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);
|
|
10504
|
+
background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
|
|
10494
10505
|
border: 0;
|
|
10495
10506
|
}
|
|
10496
10507
|
.pf-c-data-list__item-draggable-button:hover {
|
|
@@ -10513,8 +10524,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10513
10524
|
|
|
10514
10525
|
.pf-c-data-list__item-action {
|
|
10515
10526
|
--pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
|
|
10516
|
-
align-items: flex-start;
|
|
10517
10527
|
align-content: flex-start;
|
|
10528
|
+
align-items: flex-start;
|
|
10518
10529
|
padding-top: var(--pf-c-data-list__item-action--PaddingTop);
|
|
10519
10530
|
padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
|
|
10520
10531
|
margin-left: var(--pf-c-data-list__item-action--MarginLeft);
|
|
@@ -10540,8 +10551,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10540
10551
|
|
|
10541
10552
|
.pf-c-data-list__item-content {
|
|
10542
10553
|
display: grid;
|
|
10543
|
-
width: 100%;
|
|
10544
10554
|
grid-template-columns: auto 1fr;
|
|
10555
|
+
width: 100%;
|
|
10545
10556
|
}
|
|
10546
10557
|
|
|
10547
10558
|
.pf-c-data-list__cell {
|
|
@@ -10557,8 +10568,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10557
10568
|
}
|
|
10558
10569
|
.pf-c-data-list__cell.pf-m-icon {
|
|
10559
10570
|
flex-grow: 0;
|
|
10560
|
-
margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
|
|
10561
10571
|
grid-column: 1/2;
|
|
10572
|
+
margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
|
|
10562
10573
|
}
|
|
10563
10574
|
.pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
|
|
10564
10575
|
grid-column: 2/3;
|
|
@@ -10678,10 +10689,10 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10678
10689
|
--pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
|
|
10679
10690
|
--pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
|
|
10680
10691
|
display: grid;
|
|
10681
|
-
|
|
10692
|
+
grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
|
|
10682
10693
|
row-gap: var(--pf-c-description-list--RowGap);
|
|
10683
10694
|
column-gap: var(--pf-c-description-list--ColumnGap);
|
|
10684
|
-
|
|
10695
|
+
align-items: baseline;
|
|
10685
10696
|
}
|
|
10686
10697
|
@media screen and (min-width: 576px) {
|
|
10687
10698
|
.pf-c-description-list {
|
|
@@ -10787,11 +10798,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10787
10798
|
.pf-c-description-list__group,
|
|
10788
10799
|
.pf-c-description-list > .pf-c-card {
|
|
10789
10800
|
display: grid;
|
|
10801
|
+
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10802
|
+
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10790
10803
|
grid-column: var(--pf-c-description-list__group--GridColumn);
|
|
10791
10804
|
row-gap: var(--pf-c-description-list__group--RowGap);
|
|
10792
10805
|
column-gap: var(--pf-c-description-list__group--ColumnGap);
|
|
10793
|
-
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10794
|
-
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10795
10806
|
align-items: baseline;
|
|
10796
10807
|
}
|
|
10797
10808
|
|
|
@@ -10828,11 +10839,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10828
10839
|
}
|
|
10829
10840
|
.pf-c-description-list__text.pf-m-help-text {
|
|
10830
10841
|
text-decoration: underline;
|
|
10831
|
-
cursor: pointer;
|
|
10832
|
-
text-decoration-style: dashed;
|
|
10833
10842
|
text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
|
|
10834
|
-
text-
|
|
10843
|
+
text-decoration-style: dashed;
|
|
10835
10844
|
text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
|
|
10845
|
+
text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
|
|
10846
|
+
cursor: pointer;
|
|
10836
10847
|
}
|
|
10837
10848
|
.pf-c-description-list__text.pf-m-help-text:hover {
|
|
10838
10849
|
--pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
|
|
@@ -11072,8 +11083,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11072
11083
|
--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
|
|
11073
11084
|
display: grid;
|
|
11074
11085
|
grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
|
|
11075
|
-
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));
|
|
11076
11086
|
grid-template-rows: repeat(3, auto) auto;
|
|
11087
|
+
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));
|
|
11077
11088
|
}
|
|
11078
11089
|
|
|
11079
11090
|
.pf-c-dual-list-selector__pane {
|
|
@@ -11311,22 +11322,30 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11311
11322
|
|
|
11312
11323
|
.pf-c-toolbar {
|
|
11313
11324
|
--pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
11314
|
-
--pf-c-toolbar--RowGap: var(--pf-global--spacer--lg);
|
|
11325
|
+
--pf-c-toolbar--RowGap--base: var(--pf-global--spacer--lg);
|
|
11326
|
+
--pf-c-toolbar--RowGap: var(--pf-c-toolbar--RowGap--base);
|
|
11315
11327
|
--pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
|
|
11316
11328
|
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
11329
|
+
--pf-c-toolbar--item--RowGap--base: var(--pf-global--spacer--xs);
|
|
11317
11330
|
--pf-c-toolbar__item--Display: block;
|
|
11318
11331
|
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
11332
|
+
--pf-c-toolbar__item--AlignSelf: auto;
|
|
11319
11333
|
--pf-c-toolbar__group--Display: flex;
|
|
11334
|
+
--pf-c-toolbar__group--AlignItems: baseline;
|
|
11335
|
+
--pf-c-toolbar__group--AlignSelf: auto;
|
|
11336
|
+
--pf-c-toolbar__group--RowGap: var(--pf-c-toolbar--item--RowGap--base);
|
|
11320
11337
|
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
11321
11338
|
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
11322
11339
|
--pf-c-toolbar__content--Display: flex;
|
|
11340
|
+
--pf-c-toolbar__content--RowGap: var(--pf-c-toolbar--RowGap--base);
|
|
11323
11341
|
--pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
|
|
11324
11342
|
--pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
11325
11343
|
--pf-c-toolbar__content-section--Display: flex;
|
|
11344
|
+
--pf-c-toolbar__content-section--AlignItems: baseline;
|
|
11345
|
+
--pf-c-toolbar__content-section--RowGap: var(--pf-c-toolbar--item--RowGap--base);
|
|
11326
11346
|
--pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
11327
11347
|
--pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
11328
11348
|
--pf-c-toolbar__expandable-content--Display: grid;
|
|
11329
|
-
--pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-toolbar--RowGap);
|
|
11330
11349
|
--pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__content--PaddingRight);
|
|
11331
11350
|
--pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
|
|
11332
11351
|
--pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__content--PaddingLeft);
|
|
@@ -11369,8 +11388,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11369
11388
|
--pf-c-toolbar--m-full-height__item--Display: flex;
|
|
11370
11389
|
--pf-c-toolbar--m-full-height__item--AlignItems: center;
|
|
11371
11390
|
position: relative;
|
|
11372
|
-
row-gap: var(--pf-c-toolbar--RowGap);
|
|
11373
11391
|
display: grid;
|
|
11392
|
+
row-gap: var(--pf-c-toolbar--RowGap);
|
|
11374
11393
|
padding-top: var(--pf-c-toolbar--PaddingTop);
|
|
11375
11394
|
padding-bottom: var(--pf-c-toolbar--PaddingBottom);
|
|
11376
11395
|
background-color: var(--pf-c-toolbar--BackgroundColor);
|
|
@@ -11444,9 +11463,23 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11444
11463
|
.pf-c-toolbar__group {
|
|
11445
11464
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
11446
11465
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
|
|
11447
|
-
|
|
11466
|
+
row-gap: var(--pf-c-toolbar__group--RowGap);
|
|
11467
|
+
align-items: var(--pf-c-toolbar__group--AlignItems);
|
|
11468
|
+
align-self: var(--pf-c-toolbar__group--AlignSelf);
|
|
11448
11469
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
11449
11470
|
}
|
|
11471
|
+
.pf-c-toolbar__group.pf-m-align-items-center {
|
|
11472
|
+
align-items: center;
|
|
11473
|
+
}
|
|
11474
|
+
.pf-c-toolbar__group.pf-m-align-items-baseline {
|
|
11475
|
+
align-items: baseline;
|
|
11476
|
+
}
|
|
11477
|
+
.pf-c-toolbar__group.pf-m-align-self-center {
|
|
11478
|
+
align-self: center;
|
|
11479
|
+
}
|
|
11480
|
+
.pf-c-toolbar__group.pf-m-align-self-baseline {
|
|
11481
|
+
align-self: baseline;
|
|
11482
|
+
}
|
|
11450
11483
|
.pf-c-toolbar__group.pf-m-button-group {
|
|
11451
11484
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
|
|
11452
11485
|
}
|
|
@@ -11487,6 +11520,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11487
11520
|
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
|
|
11488
11521
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
|
|
11489
11522
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
|
|
11523
|
+
align-self: var(--pf-c-toolbar__item--AlignSelf);
|
|
11490
11524
|
width: var(--pf-c-toolbar__item--Width--base);
|
|
11491
11525
|
min-width: var(--pf-c-toolbar__item--MinWidth--base);
|
|
11492
11526
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
@@ -11541,6 +11575,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11541
11575
|
--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))))));
|
|
11542
11576
|
}
|
|
11543
11577
|
}
|
|
11578
|
+
.pf-c-toolbar__item.pf-m-align-self-center {
|
|
11579
|
+
align-self: center;
|
|
11580
|
+
}
|
|
11581
|
+
.pf-c-toolbar__item.pf-m-align-self-baseline {
|
|
11582
|
+
align-self: baseline;
|
|
11583
|
+
}
|
|
11544
11584
|
.pf-c-toolbar__item.pf-m-overflow-menu {
|
|
11545
11585
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
|
|
11546
11586
|
}
|
|
@@ -11585,30 +11625,36 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11585
11625
|
.pf-c-toolbar__content,
|
|
11586
11626
|
.pf-c-toolbar__content-section {
|
|
11587
11627
|
flex-wrap: wrap;
|
|
11588
|
-
align-items: center;
|
|
11589
11628
|
}
|
|
11590
11629
|
|
|
11591
11630
|
.pf-c-toolbar__content {
|
|
11592
11631
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
|
|
11593
11632
|
position: relative;
|
|
11633
|
+
row-gap: var(--pf-c-toolbar__content--RowGap);
|
|
11634
|
+
align-items: center;
|
|
11594
11635
|
padding-right: var(--pf-c-toolbar__content--PaddingRight);
|
|
11595
11636
|
padding-left: var(--pf-c-toolbar__content--PaddingLeft);
|
|
11596
11637
|
}
|
|
11597
11638
|
|
|
11598
11639
|
.pf-c-toolbar__content-section {
|
|
11599
11640
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
|
|
11641
|
+
row-gap: var(--pf-c-toolbar__content-section--RowGap);
|
|
11642
|
+
align-items: var(--pf-c-toolbar__content-section--AlignItems);
|
|
11600
11643
|
width: 100%;
|
|
11601
11644
|
}
|
|
11645
|
+
.pf-c-toolbar__content-section.pf-m-align-items-center {
|
|
11646
|
+
align-items: center;
|
|
11647
|
+
}
|
|
11602
11648
|
|
|
11603
11649
|
.pf-c-toolbar__expandable-content {
|
|
11604
11650
|
position: absolute;
|
|
11605
|
-
top: 100
|
|
11651
|
+
top: calc(100% + var(--pf-c-toolbar__content--RowGap));
|
|
11606
11652
|
right: 0;
|
|
11607
11653
|
left: 0;
|
|
11608
11654
|
z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
|
|
11609
11655
|
display: none;
|
|
11610
11656
|
width: 100%;
|
|
11611
|
-
padding:
|
|
11657
|
+
padding: 0 var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
|
|
11612
11658
|
background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
|
|
11613
11659
|
box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
|
|
11614
11660
|
}
|
|
@@ -11639,9 +11685,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11639
11685
|
.pf-c-toolbar__group.pf-m-chip-container {
|
|
11640
11686
|
display: flex;
|
|
11641
11687
|
flex-wrap: wrap;
|
|
11688
|
+
grid-row-gap: 0;
|
|
11642
11689
|
align-items: baseline;
|
|
11643
11690
|
margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
|
|
11644
|
-
grid-row-gap: 0;
|
|
11645
11691
|
}
|
|
11646
11692
|
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
|
|
11647
11693
|
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
|
|
@@ -11691,7 +11737,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11691
11737
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11692
11738
|
}
|
|
11693
11739
|
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
|
|
11694
|
-
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
11740
|
+
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
11695
11741
|
display: flex;
|
|
11696
11742
|
flex: 0 1 auto;
|
|
11697
11743
|
}
|
|
@@ -11704,7 +11750,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11704
11750
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11705
11751
|
}
|
|
11706
11752
|
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
|
|
11707
|
-
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
11753
|
+
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
11708
11754
|
display: flex;
|
|
11709
11755
|
flex: 0 1 auto;
|
|
11710
11756
|
}
|
|
@@ -11717,7 +11763,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11717
11763
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11718
11764
|
}
|
|
11719
11765
|
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
|
|
11720
|
-
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
11766
|
+
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
11721
11767
|
display: flex;
|
|
11722
11768
|
flex: 0 1 auto;
|
|
11723
11769
|
}
|
|
@@ -11730,7 +11776,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11730
11776
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11731
11777
|
}
|
|
11732
11778
|
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
|
|
11733
|
-
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
11779
|
+
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
11734
11780
|
display: flex;
|
|
11735
11781
|
flex: 0 1 auto;
|
|
11736
11782
|
}
|
|
@@ -11743,7 +11789,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11743
11789
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11744
11790
|
}
|
|
11745
11791
|
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
|
|
11746
|
-
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
11792
|
+
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
11747
11793
|
display: flex;
|
|
11748
11794
|
flex: 0 1 auto;
|
|
11749
11795
|
}
|
|
@@ -11777,131 +11823,131 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11777
11823
|
}
|
|
11778
11824
|
@media (min-width: 576px) {
|
|
11779
11825
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
|
|
11780
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
11826
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
11781
11827
|
margin-left: auto;
|
|
11782
11828
|
}
|
|
11783
11829
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
|
|
11784
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
11830
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
11785
11831
|
margin-left: 0;
|
|
11786
11832
|
}
|
|
11787
11833
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
|
|
11788
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
11834
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
11789
11835
|
margin-left: 0;
|
|
11790
11836
|
}
|
|
11791
11837
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
|
|
11792
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
11838
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
11793
11839
|
margin-left: auto;
|
|
11794
11840
|
}
|
|
11795
11841
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
|
|
11796
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
11842
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
11797
11843
|
flex-wrap: nowrap;
|
|
11798
11844
|
}
|
|
11799
11845
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
|
|
11800
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
11846
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
11801
11847
|
flex-wrap: wrap;
|
|
11802
11848
|
}
|
|
11803
11849
|
}
|
|
11804
11850
|
@media (min-width: 768px) {
|
|
11805
11851
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
|
|
11806
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
11852
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
11807
11853
|
margin-left: auto;
|
|
11808
11854
|
}
|
|
11809
11855
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
|
|
11810
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
11856
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
11811
11857
|
margin-left: 0;
|
|
11812
11858
|
}
|
|
11813
11859
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
|
|
11814
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
11860
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
11815
11861
|
margin-left: 0;
|
|
11816
11862
|
}
|
|
11817
11863
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
|
|
11818
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
11864
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
11819
11865
|
margin-left: auto;
|
|
11820
11866
|
}
|
|
11821
11867
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
|
|
11822
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
11868
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
11823
11869
|
flex-wrap: nowrap;
|
|
11824
11870
|
}
|
|
11825
11871
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
|
|
11826
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
11872
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
11827
11873
|
flex-wrap: wrap;
|
|
11828
11874
|
}
|
|
11829
11875
|
}
|
|
11830
11876
|
@media (min-width: 992px) {
|
|
11831
11877
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
|
|
11832
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
11878
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
11833
11879
|
margin-left: auto;
|
|
11834
11880
|
}
|
|
11835
11881
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
|
|
11836
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
11882
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
11837
11883
|
margin-left: 0;
|
|
11838
11884
|
}
|
|
11839
11885
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
|
|
11840
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
11886
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
11841
11887
|
margin-left: 0;
|
|
11842
11888
|
}
|
|
11843
11889
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
|
|
11844
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
11890
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
11845
11891
|
margin-left: auto;
|
|
11846
11892
|
}
|
|
11847
11893
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
|
|
11848
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
11894
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
11849
11895
|
flex-wrap: nowrap;
|
|
11850
11896
|
}
|
|
11851
11897
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
|
|
11852
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
11898
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
11853
11899
|
flex-wrap: wrap;
|
|
11854
11900
|
}
|
|
11855
11901
|
}
|
|
11856
11902
|
@media (min-width: 1200px) {
|
|
11857
11903
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
|
|
11858
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
11904
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
11859
11905
|
margin-left: auto;
|
|
11860
11906
|
}
|
|
11861
11907
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
|
|
11862
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
11908
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
11863
11909
|
margin-left: 0;
|
|
11864
11910
|
}
|
|
11865
11911
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
|
|
11866
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
11912
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
11867
11913
|
margin-left: 0;
|
|
11868
11914
|
}
|
|
11869
11915
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
|
|
11870
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
11916
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
11871
11917
|
margin-left: auto;
|
|
11872
11918
|
}
|
|
11873
11919
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
|
|
11874
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
11920
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
11875
11921
|
flex-wrap: nowrap;
|
|
11876
11922
|
}
|
|
11877
11923
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
|
|
11878
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
11924
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
11879
11925
|
flex-wrap: wrap;
|
|
11880
11926
|
}
|
|
11881
11927
|
}
|
|
11882
11928
|
@media (min-width: 1450px) {
|
|
11883
11929
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
|
|
11884
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
11930
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
11885
11931
|
margin-left: auto;
|
|
11886
11932
|
}
|
|
11887
11933
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
|
|
11888
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
11934
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
11889
11935
|
margin-left: 0;
|
|
11890
11936
|
}
|
|
11891
11937
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
|
|
11892
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
11938
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
11893
11939
|
margin-left: 0;
|
|
11894
11940
|
}
|
|
11895
11941
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
|
|
11896
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
11942
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
11897
11943
|
margin-left: auto;
|
|
11898
11944
|
}
|
|
11899
11945
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
|
|
11900
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
11946
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
11901
11947
|
flex-wrap: nowrap;
|
|
11902
11948
|
}
|
|
11903
11949
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
|
|
11904
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
11950
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
11905
11951
|
flex-wrap: wrap;
|
|
11906
11952
|
}
|
|
11907
11953
|
}
|
|
@@ -12537,9 +12583,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12537
12583
|
width: 100%;
|
|
12538
12584
|
height: auto;
|
|
12539
12585
|
flex-direction: var(--pf-c-divider--FlexDirection);
|
|
12586
|
+
flex-shrink: 0;
|
|
12540
12587
|
align-items: center;
|
|
12541
12588
|
align-self: stretch;
|
|
12542
|
-
flex-shrink: 0;
|
|
12543
12589
|
justify-content: center;
|
|
12544
12590
|
border: 0;
|
|
12545
12591
|
}
|
|
@@ -12548,11 +12594,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12548
12594
|
}
|
|
12549
12595
|
.pf-c-divider::after {
|
|
12550
12596
|
align-self: stretch;
|
|
12597
|
+
justify-self: center;
|
|
12551
12598
|
width: var(--pf-c-divider--after--Width);
|
|
12552
12599
|
height: var(--pf-c-divider--after--Height);
|
|
12553
12600
|
content: "";
|
|
12554
12601
|
background-color: var(--pf-c-divider--after--BackgroundColor);
|
|
12555
|
-
justify-self: center;
|
|
12556
12602
|
}
|
|
12557
12603
|
.pf-c-divider.pf-m-vertical {
|
|
12558
12604
|
--pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
|
|
@@ -13124,16 +13170,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13124
13170
|
}
|
|
13125
13171
|
|
|
13126
13172
|
.pf-c-drawer__actions {
|
|
13127
|
-
grid-column: 2;
|
|
13128
|
-
grid-row: 1;
|
|
13129
13173
|
display: flex;
|
|
13174
|
+
grid-row: 1;
|
|
13175
|
+
grid-column: 2;
|
|
13130
13176
|
align-self: baseline;
|
|
13131
13177
|
margin-top: var(--pf-c-drawer__actions--MarginTop);
|
|
13132
13178
|
margin-right: var(--pf-c-drawer__actions--MarginRight);
|
|
13133
13179
|
}
|
|
13134
13180
|
|
|
13135
13181
|
.pf-c-drawer__body {
|
|
13136
|
-
min-height: 0;
|
|
13137
13182
|
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);
|
|
13138
13183
|
}
|
|
13139
13184
|
.pf-c-drawer__body.pf-m-no-padding {
|
|
@@ -13295,7 +13340,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13295
13340
|
--pf-c-drawer__splitter--after--BorderLeftWidth: 0;
|
|
13296
13341
|
}
|
|
13297
13342
|
.pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
|
|
13298
|
-
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13343
|
+
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13299
13344
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13300
13345
|
}
|
|
13301
13346
|
.pf-c-drawer__splitter {
|
|
@@ -13384,15 +13429,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13384
13429
|
}
|
|
13385
13430
|
@media (min-width: 768px) {
|
|
13386
13431
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13387
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13432
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13388
13433
|
flex-shrink: 1;
|
|
13389
13434
|
}
|
|
13390
13435
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13391
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13436
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13392
13437
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13393
13438
|
}
|
|
13394
13439
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13395
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13440
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13396
13441
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13397
13442
|
}
|
|
13398
13443
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13445,15 +13490,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13445
13490
|
}
|
|
13446
13491
|
@media (min-width: 992px) {
|
|
13447
13492
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13448
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13493
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13449
13494
|
flex-shrink: 1;
|
|
13450
13495
|
}
|
|
13451
13496
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13452
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13497
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13453
13498
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13454
13499
|
}
|
|
13455
13500
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13456
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13501
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13457
13502
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13458
13503
|
}
|
|
13459
13504
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13506,15 +13551,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13506
13551
|
}
|
|
13507
13552
|
@media (min-width: 1200px) {
|
|
13508
13553
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13509
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13554
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13510
13555
|
flex-shrink: 1;
|
|
13511
13556
|
}
|
|
13512
13557
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13513
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13558
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13514
13559
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13515
13560
|
}
|
|
13516
13561
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13517
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13562
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13518
13563
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13519
13564
|
}
|
|
13520
13565
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13567,15 +13612,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13567
13612
|
}
|
|
13568
13613
|
@media (min-width: 1450px) {
|
|
13569
13614
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13570
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13615
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13571
13616
|
flex-shrink: 1;
|
|
13572
13617
|
}
|
|
13573
13618
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13574
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13619
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13575
13620
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13576
13621
|
}
|
|
13577
13622
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13578
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13623
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13579
13624
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13580
13625
|
}
|
|
13581
13626
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13722,6 +13767,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13722
13767
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13723
13768
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
|
|
13724
13769
|
--pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
|
|
13770
|
+
--pf-c-dropdown__toggle-button--BackgroundColor: transparent;
|
|
13725
13771
|
--pf-c-dropdown__toggle-progress--Visibility: hidden;
|
|
13726
13772
|
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
|
|
13727
13773
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
|
|
@@ -13947,6 +13993,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13947
13993
|
}
|
|
13948
13994
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
|
|
13949
13995
|
color: var(--pf-c-dropdown__toggle-button--Color);
|
|
13996
|
+
background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
|
|
13950
13997
|
border: 0;
|
|
13951
13998
|
}
|
|
13952
13999
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
|
|
@@ -14181,51 +14228,51 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14181
14228
|
}
|
|
14182
14229
|
@media (min-width: 576px) {
|
|
14183
14230
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
|
|
14184
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-sm {
|
|
14231
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-sm {
|
|
14185
14232
|
right: 0;
|
|
14186
14233
|
}
|
|
14187
14234
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
|
|
14188
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-sm {
|
|
14235
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-sm {
|
|
14189
14236
|
right: auto;
|
|
14190
14237
|
}
|
|
14191
14238
|
}
|
|
14192
14239
|
@media (min-width: 768px) {
|
|
14193
14240
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
|
|
14194
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-md {
|
|
14241
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-md {
|
|
14195
14242
|
right: 0;
|
|
14196
14243
|
}
|
|
14197
14244
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
|
|
14198
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-md {
|
|
14245
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-md {
|
|
14199
14246
|
right: auto;
|
|
14200
14247
|
}
|
|
14201
14248
|
}
|
|
14202
14249
|
@media (min-width: 992px) {
|
|
14203
14250
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
|
|
14204
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-lg {
|
|
14251
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-lg {
|
|
14205
14252
|
right: 0;
|
|
14206
14253
|
}
|
|
14207
14254
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
|
|
14208
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-lg {
|
|
14255
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-lg {
|
|
14209
14256
|
right: auto;
|
|
14210
14257
|
}
|
|
14211
14258
|
}
|
|
14212
14259
|
@media (min-width: 1200px) {
|
|
14213
14260
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
|
|
14214
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-xl {
|
|
14261
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-xl {
|
|
14215
14262
|
right: 0;
|
|
14216
14263
|
}
|
|
14217
14264
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
|
|
14218
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-xl {
|
|
14265
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-xl {
|
|
14219
14266
|
right: auto;
|
|
14220
14267
|
}
|
|
14221
14268
|
}
|
|
14222
14269
|
@media (min-width: 1450px) {
|
|
14223
14270
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
|
|
14224
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
|
|
14271
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
|
|
14225
14272
|
right: 0;
|
|
14226
14273
|
}
|
|
14227
14274
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
|
|
14228
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
|
|
14275
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
|
|
14229
14276
|
right: auto;
|
|
14230
14277
|
}
|
|
14231
14278
|
}
|
|
@@ -14379,38 +14426,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14379
14426
|
--pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
|
|
14380
14427
|
--pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
|
|
14381
14428
|
--pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
|
|
14429
|
+
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14430
|
+
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14431
|
+
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14432
|
+
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14382
14433
|
--pf-c-empty-state__content--MaxWidth: none;
|
|
14434
|
+
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14435
|
+
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14436
|
+
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14383
14437
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
|
|
14384
14438
|
--pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
14385
14439
|
--pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
|
|
14386
|
-
--pf-c-empty-
|
|
14440
|
+
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14441
|
+
--pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
|
|
14442
|
+
--pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
14443
|
+
--pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
14444
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
14445
|
+
--pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
14446
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
14447
|
+
--pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
14448
|
+
--pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
|
|
14449
|
+
--pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
14387
14450
|
--pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
|
|
14388
14451
|
--pf-c-empty-state__body--Color: var(--pf-global--Color--200);
|
|
14389
|
-
--pf-c-empty-
|
|
14390
|
-
--pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
|
|
14391
|
-
--pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
|
|
14392
|
-
--pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
14393
|
-
--pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
|
|
14394
|
-
--pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
|
|
14395
|
-
--pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
|
|
14396
|
-
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14452
|
+
--pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
|
|
14397
14453
|
--pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
|
|
14398
|
-
--pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
|
|
14399
|
-
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14400
|
-
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14401
|
-
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14402
|
-
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14403
|
-
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14404
14454
|
--pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
|
|
14405
|
-
--pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
|
|
14406
|
-
--pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
|
|
14407
|
-
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14408
|
-
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14409
14455
|
--pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
|
|
14410
14456
|
--pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
|
|
14411
|
-
--pf-c-empty-
|
|
14412
|
-
--pf-c-empty-
|
|
14413
|
-
--pf-c-empty-state--m-
|
|
14457
|
+
--pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
|
|
14458
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
|
|
14459
|
+
--pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
|
|
14460
|
+
--pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
|
|
14461
|
+
--pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
|
|
14414
14462
|
display: flex;
|
|
14415
14463
|
align-items: center;
|
|
14416
14464
|
justify-content: center;
|
|
@@ -14422,17 +14470,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14422
14470
|
--pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
|
|
14423
14471
|
--pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
|
|
14424
14472
|
--pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
|
|
14473
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
|
|
14425
14474
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
|
|
14426
14475
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
|
|
14427
14476
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
|
|
14428
|
-
--pf-c-empty-
|
|
14429
|
-
--pf-c-empty-
|
|
14430
|
-
}
|
|
14431
|
-
.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
|
|
14432
|
-
font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14433
|
-
}
|
|
14434
|
-
.pf-c-empty-state.pf-m-xs .pf-c-button {
|
|
14435
|
-
--pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
|
|
14477
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14478
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
|
|
14436
14479
|
}
|
|
14437
14480
|
.pf-c-empty-state.pf-m-sm {
|
|
14438
14481
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
|
|
@@ -14442,12 +14485,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14442
14485
|
}
|
|
14443
14486
|
.pf-c-empty-state.pf-m-xl {
|
|
14444
14487
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
|
|
14488
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14445
14489
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
|
|
14446
14490
|
--pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
|
|
14447
|
-
--pf-c-empty-
|
|
14448
|
-
|
|
14449
|
-
.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
|
|
14450
|
-
font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14491
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
|
|
14492
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
|
|
14451
14493
|
}
|
|
14452
14494
|
.pf-c-empty-state.pf-m-full-height {
|
|
14453
14495
|
height: 100%;
|
|
@@ -14456,41 +14498,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14456
14498
|
.pf-c-empty-state__content {
|
|
14457
14499
|
max-width: var(--pf-c-empty-state__content--MaxWidth);
|
|
14458
14500
|
}
|
|
14459
|
-
.pf-c-empty-state__content > .pf-c-title.pf-m-lg {
|
|
14460
|
-
font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
|
|
14461
|
-
}
|
|
14462
14501
|
|
|
14463
14502
|
.pf-c-empty-state__icon {
|
|
14464
14503
|
margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
|
|
14465
14504
|
font-size: var(--pf-c-empty-state__icon--FontSize);
|
|
14505
|
+
line-height: 1;
|
|
14466
14506
|
color: var(--pf-c-empty-state__icon--Color);
|
|
14467
14507
|
}
|
|
14468
14508
|
|
|
14509
|
+
.pf-c-empty-state__title-text {
|
|
14510
|
+
font-family: var(--pf-c-empty-state__title-text--FontFamily);
|
|
14511
|
+
font-size: var(--pf-c-empty-state__title-text--FontSize);
|
|
14512
|
+
font-weight: var(--pf-c-empty-state__title-text--FontWeight);
|
|
14513
|
+
line-height: var(--pf-c-empty-state__title-text--LineHeight);
|
|
14514
|
+
}
|
|
14515
|
+
|
|
14469
14516
|
.pf-c-empty-state__body {
|
|
14470
14517
|
margin-top: var(--pf-c-empty-state__body--MarginTop);
|
|
14518
|
+
font-size: var(--pf-c-empty-state--body--FontSize);
|
|
14471
14519
|
color: var(--pf-c-empty-state__body--Color);
|
|
14472
14520
|
}
|
|
14473
14521
|
|
|
14474
|
-
.pf-c-empty-
|
|
14475
|
-
|
|
14476
|
-
|
|
14477
|
-
|
|
14478
|
-
|
|
14479
|
-
|
|
14480
|
-
margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
|
|
14522
|
+
.pf-c-empty-state__footer {
|
|
14523
|
+
display: flex;
|
|
14524
|
+
flex-direction: column;
|
|
14525
|
+
row-gap: var(--pf-c-empty-state__footer--RowGap);
|
|
14526
|
+
align-items: center;
|
|
14527
|
+
margin-top: var(--pf-c-empty-state__footer--MarginTop);
|
|
14481
14528
|
}
|
|
14482
14529
|
|
|
14483
|
-
.pf-c-empty-
|
|
14530
|
+
.pf-c-empty-state__actions {
|
|
14484
14531
|
display: flex;
|
|
14485
14532
|
flex-wrap: wrap;
|
|
14533
|
+
gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
|
|
14486
14534
|
justify-content: center;
|
|
14487
|
-
margin-top: var(--pf-c-empty-state__secondary--MarginTop);
|
|
14488
|
-
margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
|
|
14489
|
-
}
|
|
14490
|
-
.pf-c-empty-state__secondary > * {
|
|
14491
|
-
margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
|
|
14492
|
-
margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
|
|
14493
|
-
margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
|
|
14494
14535
|
}
|
|
14495
14536
|
|
|
14496
14537
|
.pf-c-expandable-section {
|
|
@@ -14504,6 +14545,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14504
14545
|
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
14505
14546
|
--pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
|
|
14506
14547
|
--pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
|
|
14548
|
+
--pf-c-expandable-section__toggle--BackgroundColor: transparent;
|
|
14507
14549
|
--pf-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
14508
14550
|
--pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
|
|
14509
14551
|
--pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
@@ -14589,6 +14631,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14589
14631
|
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);
|
|
14590
14632
|
margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
|
|
14591
14633
|
color: var(--pf-c-expandable-section__toggle--Color);
|
|
14634
|
+
background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
|
|
14592
14635
|
border: none;
|
|
14593
14636
|
}
|
|
14594
14637
|
.pf-c-expandable-section__toggle:hover {
|
|
@@ -14803,8 +14846,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14803
14846
|
}
|
|
14804
14847
|
.pf-c-form.pf-m-horizontal .pf-c-form__group {
|
|
14805
14848
|
display: grid;
|
|
14806
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14807
14849
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14850
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14808
14851
|
}
|
|
14809
14852
|
.pf-c-form.pf-m-horizontal .pf-c-form__group-label {
|
|
14810
14853
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14823,8 +14866,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14823
14866
|
}
|
|
14824
14867
|
.pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
|
|
14825
14868
|
display: grid;
|
|
14826
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14827
14869
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14870
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14828
14871
|
}
|
|
14829
14872
|
.pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
|
|
14830
14873
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14843,8 +14886,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14843
14886
|
}
|
|
14844
14887
|
.pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
|
|
14845
14888
|
display: grid;
|
|
14846
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14847
14889
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14890
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14848
14891
|
}
|
|
14849
14892
|
.pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
|
|
14850
14893
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14863,8 +14906,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14863
14906
|
}
|
|
14864
14907
|
.pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
|
|
14865
14908
|
display: grid;
|
|
14866
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14867
14909
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14910
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14868
14911
|
}
|
|
14869
14912
|
.pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
|
|
14870
14913
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14883,8 +14926,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14883
14926
|
}
|
|
14884
14927
|
.pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
|
|
14885
14928
|
display: grid;
|
|
14886
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14887
14929
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14930
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14888
14931
|
}
|
|
14889
14932
|
.pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
|
|
14890
14933
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14903,8 +14946,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14903
14946
|
}
|
|
14904
14947
|
.pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
|
|
14905
14948
|
display: grid;
|
|
14906
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14907
14949
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14950
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14908
14951
|
}
|
|
14909
14952
|
.pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
|
|
14910
14953
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14923,8 +14966,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14923
14966
|
}
|
|
14924
14967
|
.pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
|
|
14925
14968
|
display: grid;
|
|
14926
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14927
14969
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14970
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14928
14971
|
}
|
|
14929
14972
|
.pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
|
|
14930
14973
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -15039,9 +15082,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15039
15082
|
--pf-c-form__group-control--m-inline--child--MarginRight: 0;
|
|
15040
15083
|
}
|
|
15041
15084
|
.pf-c-form__group-control.pf-m-stack {
|
|
15085
|
+
--pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
|
|
15042
15086
|
display: grid;
|
|
15043
15087
|
gap: var(--pf-c-grid__group-control--m-stack--Gap);
|
|
15044
|
-
--pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
|
|
15045
15088
|
}
|
|
15046
15089
|
.pf-c-form__group-control .pf-c-form__helper-text:first-child {
|
|
15047
15090
|
--pf-c-form__helper-text--MarginTop: 0;
|
|
@@ -15125,8 +15168,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15125
15168
|
}
|
|
15126
15169
|
|
|
15127
15170
|
.pf-c-form__field-group-toggle {
|
|
15128
|
-
grid-column: 1/2;
|
|
15129
15171
|
grid-row: 1/2;
|
|
15172
|
+
grid-column: 1/2;
|
|
15130
15173
|
padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
|
|
15131
15174
|
padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
|
|
15132
15175
|
}
|
|
@@ -15148,9 +15191,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15148
15191
|
}
|
|
15149
15192
|
|
|
15150
15193
|
.pf-c-form__field-group-header {
|
|
15151
|
-
grid-column: var(--pf-c-form__field-group-header--GridColumn);
|
|
15152
|
-
grid-row: 1/2;
|
|
15153
15194
|
display: flex;
|
|
15195
|
+
grid-row: 1/2;
|
|
15196
|
+
grid-column: var(--pf-c-form__field-group-header--GridColumn);
|
|
15154
15197
|
align-items: flex-start;
|
|
15155
15198
|
padding-top: var(--pf-c-form__field-group-header--PaddingTop);
|
|
15156
15199
|
padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
|
|
@@ -15183,8 +15226,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15183
15226
|
}
|
|
15184
15227
|
|
|
15185
15228
|
.pf-c-form__field-group-body {
|
|
15186
|
-
grid-column: var(--pf-c-form__field-group-body--GridColumn);
|
|
15187
15229
|
display: grid;
|
|
15230
|
+
grid-column: var(--pf-c-form__field-group-body--GridColumn);
|
|
15188
15231
|
gap: var(--pf-c-form__field-group-body--Gap);
|
|
15189
15232
|
padding-top: var(--pf-c-form__field-group-body--PaddingTop);
|
|
15190
15233
|
padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
|
|
@@ -15597,9 +15640,9 @@ textarea.pf-c-form-control {
|
|
|
15597
15640
|
--pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
15598
15641
|
--pf-c-form-control--BorderLeftColor: transparent;
|
|
15599
15642
|
--pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
15600
|
-
--pf-c-form-control--disabled--Color: var(--pf-global--
|
|
15643
|
+
--pf-c-form-control--disabled--Color: var(--pf-global--palette--black-300);
|
|
15601
15644
|
--pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15602
|
-
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--
|
|
15645
|
+
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15603
15646
|
color: var(--pf-global--Color--100);
|
|
15604
15647
|
}
|
|
15605
15648
|
:where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
|
|
@@ -15608,9 +15651,6 @@ textarea.pf-c-form-control {
|
|
|
15608
15651
|
:where(.pf-theme-dark) .pf-c-form-control[readonly] {
|
|
15609
15652
|
border-bottom-color: var(--pf-global--palette--black-700);
|
|
15610
15653
|
}
|
|
15611
|
-
:where(.pf-theme-dark) .pf-c-form-control:disabled {
|
|
15612
|
-
color: var(--pf-global--palette--black-100);
|
|
15613
|
-
}
|
|
15614
15654
|
|
|
15615
15655
|
.pf-c-hint {
|
|
15616
15656
|
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
@@ -15644,11 +15684,11 @@ textarea.pf-c-form-control {
|
|
|
15644
15684
|
|
|
15645
15685
|
.pf-c-hint__actions {
|
|
15646
15686
|
display: inline-grid;
|
|
15687
|
+
grid-row: 1;
|
|
15688
|
+
grid-column: 2;
|
|
15647
15689
|
grid-auto-flow: column;
|
|
15648
15690
|
margin-left: var(--pf-c-hint__actions--MarginLeft);
|
|
15649
15691
|
text-align: right;
|
|
15650
|
-
grid-column: 2;
|
|
15651
|
-
grid-row: 1;
|
|
15652
15692
|
}
|
|
15653
15693
|
.pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
|
|
15654
15694
|
margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
|
|
@@ -16428,6 +16468,7 @@ label.pf-c-input-group__text {
|
|
|
16428
16468
|
--pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
|
|
16429
16469
|
--pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
|
|
16430
16470
|
--pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16471
|
+
--pf-c-label--MaxWidth: 100%;
|
|
16431
16472
|
--pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
16432
16473
|
--pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
|
|
16433
16474
|
--pf-c-label--Color: var(--pf-global--Color--100);
|
|
@@ -16530,21 +16571,22 @@ label.pf-c-input-group__text {
|
|
|
16530
16571
|
--pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
|
|
16531
16572
|
--pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
16532
16573
|
--pf-c-label__content--Color: var(--pf-global--Color--100);
|
|
16574
|
+
--pf-c-label__content--BackgroundColor: transparent;
|
|
16533
16575
|
--pf-c-label__content--MaxWidth: 100%;
|
|
16534
16576
|
--pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
|
|
16535
16577
|
--pf-c-label--m-editable__content--MaxWidth: 16ch;
|
|
16536
|
-
--pf-c-label__text--MaxWidth:
|
|
16578
|
+
--pf-c-label__text--MaxWidth: 100%;
|
|
16537
16579
|
--pf-c-label__icon--Color: var(--pf-global--Color--100);
|
|
16538
16580
|
--pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
|
|
16539
|
-
--pf-c-
|
|
16540
|
-
--pf-c-
|
|
16541
|
-
--pf-c-
|
|
16542
|
-
--pf-c-
|
|
16543
|
-
--pf-c-
|
|
16544
|
-
--pf-c-
|
|
16545
|
-
--pf-c-
|
|
16546
|
-
--pf-c-
|
|
16547
|
-
--pf-c-
|
|
16581
|
+
--pf-c-label__actions--FontSize: var(--pf-global--FontSize--xs);
|
|
16582
|
+
--pf-c-label__actions--MarginRight: calc(var(--pf-c-label__actions--c-button--PaddingRight) * -1);
|
|
16583
|
+
--pf-c-label__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
16584
|
+
--pf-c-label__actions--c-button--MarginTop: calc(var(--pf-c-label__actions--c-button--PaddingTop) * -1);
|
|
16585
|
+
--pf-c-label__actions--c-button--MarginBottom: calc(var(--pf-c-label__actions--c-button--PaddingBottom) * -1);
|
|
16586
|
+
--pf-c-label__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
16587
|
+
--pf-c-label__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16588
|
+
--pf-c-label__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
16589
|
+
--pf-c-label__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16548
16590
|
--pf-c-label--m-editable--Cursor: pointer;
|
|
16549
16591
|
--pf-c-label--m-editable--TextDecoration: underline;
|
|
16550
16592
|
--pf-c-label--m-editable--TextDecorationStyle: dashed;
|
|
@@ -16565,6 +16607,7 @@ label.pf-c-input-group__text {
|
|
|
16565
16607
|
--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
|
|
16566
16608
|
--pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
|
|
16567
16609
|
position: relative;
|
|
16610
|
+
max-width: var(--pf-c-label--MaxWidth);
|
|
16568
16611
|
padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
|
|
16569
16612
|
font-size: var(--pf-c-label--FontSize);
|
|
16570
16613
|
color: var(--pf-c-label--Color);
|
|
@@ -16709,12 +16752,6 @@ label.pf-c-input-group__text {
|
|
|
16709
16752
|
}
|
|
16710
16753
|
|
|
16711
16754
|
.pf-c-label.pf-m-editable {
|
|
16712
|
-
text-decoration: var(--pf-c-label--m-editable--TextDecoration);
|
|
16713
|
-
cursor: var(--pf-c-label--m-editable--Cursor);
|
|
16714
|
-
text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
|
|
16715
|
-
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
16716
|
-
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
16717
|
-
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
16718
16755
|
--pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
|
|
16719
16756
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16720
16757
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
|
|
@@ -16724,6 +16761,12 @@ label.pf-c-input-group__text {
|
|
|
16724
16761
|
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
|
|
16725
16762
|
--pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16726
16763
|
--pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16764
|
+
text-decoration: var(--pf-c-label--m-editable--TextDecoration);
|
|
16765
|
+
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
16766
|
+
text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
|
|
16767
|
+
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
16768
|
+
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
16769
|
+
cursor: var(--pf-c-label--m-editable--Cursor);
|
|
16727
16770
|
}
|
|
16728
16771
|
.pf-c-label.pf-m-editable:hover {
|
|
16729
16772
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
|
|
@@ -16736,17 +16779,6 @@ label.pf-c-input-group__text {
|
|
|
16736
16779
|
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
|
16737
16780
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
16738
16781
|
}
|
|
16739
|
-
.pf-c-label .pf-c-button {
|
|
16740
|
-
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
|
16741
|
-
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
|
16742
|
-
--pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
|
|
16743
|
-
--pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
|
|
16744
|
-
--pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
|
|
16745
|
-
margin-top: var(--pf-c-label__c-button--MarginTop);
|
|
16746
|
-
margin-right: var(--pf-c-label__c-button--MarginRight);
|
|
16747
|
-
margin-bottom: var(--pf-c-label__c-button--MarginBottom);
|
|
16748
|
-
margin-left: var(--pf-c-label__c-button--MarginLeft);
|
|
16749
|
-
}
|
|
16750
16782
|
.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
|
|
16751
16783
|
--pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
|
|
16752
16784
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
|
|
@@ -16772,11 +16804,10 @@ label.pf-c-input-group__text {
|
|
|
16772
16804
|
}
|
|
16773
16805
|
|
|
16774
16806
|
.pf-c-label__content {
|
|
16775
|
-
overflow: hidden;
|
|
16776
|
-
text-overflow: ellipsis;
|
|
16777
|
-
white-space: nowrap;
|
|
16778
16807
|
max-width: var(--pf-c-label__content--MaxWidth);
|
|
16808
|
+
overflow: hidden;
|
|
16779
16809
|
color: var(--pf-c-label__content--Color);
|
|
16810
|
+
background-color: var(--pf-c-label__content--BackgroundColor);
|
|
16780
16811
|
border-width: 0;
|
|
16781
16812
|
}
|
|
16782
16813
|
.pf-c-label__content::before {
|
|
@@ -16790,9 +16821,17 @@ label.pf-c-input-group__text {
|
|
|
16790
16821
|
border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
|
|
16791
16822
|
border-radius: var(--pf-c-label--BorderRadius);
|
|
16792
16823
|
}
|
|
16824
|
+
input.pf-c-label__content {
|
|
16825
|
+
overflow: hidden;
|
|
16826
|
+
text-overflow: ellipsis;
|
|
16827
|
+
white-space: nowrap;
|
|
16828
|
+
}
|
|
16829
|
+
|
|
16793
16830
|
a.pf-c-label__content,
|
|
16794
16831
|
button.pf-c-label__content {
|
|
16832
|
+
padding: 0;
|
|
16795
16833
|
cursor: pointer;
|
|
16834
|
+
background-color: transparent;
|
|
16796
16835
|
border: none;
|
|
16797
16836
|
}
|
|
16798
16837
|
a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
|
|
@@ -16817,6 +16856,20 @@ button.pf-c-label__content:focus {
|
|
|
16817
16856
|
color: var(--pf-c-label__icon--Color);
|
|
16818
16857
|
}
|
|
16819
16858
|
|
|
16859
|
+
.pf-c-label__actions {
|
|
16860
|
+
margin-right: var(--pf-c-label__actions--MarginRight);
|
|
16861
|
+
font-size: var(--pf-c-label__actions--FontSize);
|
|
16862
|
+
}
|
|
16863
|
+
.pf-c-label__actions .pf-c-button {
|
|
16864
|
+
--pf-c-button--FontSize: var(--pf-c-label__actions--c-button--FontSize);
|
|
16865
|
+
--pf-c-button--PaddingTop: var(--pf-c-label__actions--c-button--PaddingTop);
|
|
16866
|
+
--pf-c-button--PaddingRight: var(--pf-c-label__actions--c-button--PaddingRight);
|
|
16867
|
+
--pf-c-button--PaddingBottom: var(--pf-c-label__actions--c-button--PaddingBottom);
|
|
16868
|
+
--pf-c-button--PaddingLeft: var(--pf-c-label__actions--c-button--PaddingLeft);
|
|
16869
|
+
margin-top: var(--pf-c-label__actions--c-button--MarginTop);
|
|
16870
|
+
margin-bottom: var(--pf-c-label__actions--c-button--MarginBottom);
|
|
16871
|
+
}
|
|
16872
|
+
|
|
16820
16873
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16821
16874
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
16822
16875
|
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -16898,8 +16951,18 @@ button.pf-c-label__content:focus {
|
|
|
16898
16951
|
}
|
|
16899
16952
|
|
|
16900
16953
|
.pf-c-label-group {
|
|
16901
|
-
--pf-c-label-
|
|
16902
|
-
--pf-c-label-
|
|
16954
|
+
--pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
|
|
16955
|
+
--pf-c-label-group--ColumnGap: 0;
|
|
16956
|
+
--pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
|
|
16957
|
+
--pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
|
|
16958
|
+
--pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
16959
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
16960
|
+
--pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
|
|
16961
|
+
--pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
|
|
16962
|
+
--pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
16963
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16964
|
+
--pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
|
|
16965
|
+
--pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16903
16966
|
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
16904
16967
|
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
16905
16968
|
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
@@ -16909,26 +16972,22 @@ button.pf-c-label__content:focus {
|
|
|
16909
16972
|
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16910
16973
|
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
16911
16974
|
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16912
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
16913
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
16914
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
16915
16975
|
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
16916
16976
|
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
16917
16977
|
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
16918
16978
|
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
16919
16979
|
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16920
16980
|
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16921
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
16922
16981
|
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16923
16982
|
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16924
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
16925
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
16926
16983
|
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
16927
16984
|
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
16928
16985
|
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
16929
16986
|
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
16930
16987
|
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
16931
16988
|
display: inline-flex;
|
|
16989
|
+
row-gap: var(--pf-c-label-group--RowGap);
|
|
16990
|
+
column-gap: var(--pf-c-label-group--ColumnGap);
|
|
16932
16991
|
align-items: center;
|
|
16933
16992
|
}
|
|
16934
16993
|
.pf-c-label-group.pf-m-category {
|
|
@@ -16941,11 +17000,12 @@ button.pf-c-label__content:focus {
|
|
|
16941
17000
|
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
16942
17001
|
}
|
|
16943
17002
|
.pf-c-label-group.pf-m-vertical {
|
|
16944
|
-
--pf-c-label-
|
|
16945
|
-
--pf-c-label-
|
|
16946
|
-
--pf-c-label-
|
|
16947
|
-
--pf-c-label-
|
|
16948
|
-
--pf-c-label-
|
|
17003
|
+
--pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
|
|
17004
|
+
--pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
|
|
17005
|
+
--pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
|
|
17006
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
|
|
17007
|
+
--pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
|
|
17008
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
|
|
16949
17009
|
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
16950
17010
|
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
16951
17011
|
--pf-c-label-group__close--MarginBottom: 0;
|
|
@@ -16962,9 +17022,6 @@ button.pf-c-label__content:focus {
|
|
|
16962
17022
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
16963
17023
|
flex-direction: column;
|
|
16964
17024
|
}
|
|
16965
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
16966
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
16967
|
-
}
|
|
16968
17025
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
16969
17026
|
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
16970
17027
|
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
@@ -16985,20 +17042,20 @@ button.pf-c-label__content:focus {
|
|
|
16985
17042
|
display: flex;
|
|
16986
17043
|
flex: 1;
|
|
16987
17044
|
flex-wrap: wrap;
|
|
17045
|
+
row-gap: var(--pf-c-label-group__main--RowGap);
|
|
17046
|
+
column-gap: var(--pf-c-label-group__main--ColumnGap);
|
|
16988
17047
|
align-items: baseline;
|
|
16989
17048
|
}
|
|
16990
17049
|
|
|
16991
17050
|
.pf-c-label-group__list {
|
|
16992
17051
|
display: inline-flex;
|
|
16993
17052
|
flex-wrap: wrap;
|
|
16994
|
-
|
|
16995
|
-
|
|
17053
|
+
row-gap: var(--pf-c-label-group__list--RowGap);
|
|
17054
|
+
column-gap: var(--pf-c-label-group__list--ColumnGap);
|
|
16996
17055
|
}
|
|
16997
17056
|
|
|
16998
17057
|
.pf-c-label-group__list-item {
|
|
16999
17058
|
display: inline-flex;
|
|
17000
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
17001
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
17002
17059
|
}
|
|
17003
17060
|
|
|
17004
17061
|
.pf-c-label-group__label {
|
|
@@ -17006,12 +17063,12 @@ button.pf-c-label__content:focus {
|
|
|
17006
17063
|
text-overflow: ellipsis;
|
|
17007
17064
|
white-space: nowrap;
|
|
17008
17065
|
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
17009
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
17010
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
17011
17066
|
font-size: var(--pf-c-label-group__label--FontSize);
|
|
17012
17067
|
}
|
|
17013
17068
|
|
|
17014
17069
|
.pf-c-label-group__close {
|
|
17070
|
+
display: flex;
|
|
17071
|
+
align-self: start;
|
|
17015
17072
|
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
17016
17073
|
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
17017
17074
|
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
@@ -17452,10 +17509,10 @@ ul.pf-c-list {
|
|
|
17452
17509
|
@media (min-width: 1200px) {
|
|
17453
17510
|
.pf-c-login__container {
|
|
17454
17511
|
display: grid;
|
|
17455
|
-
justify-content: center;
|
|
17456
|
-
grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
|
|
17457
|
-
grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
|
|
17458
17512
|
grid-template-areas: "main header" "main footer" "main .";
|
|
17513
|
+
grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
|
|
17514
|
+
grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
|
|
17515
|
+
justify-content: center;
|
|
17459
17516
|
padding-right: var(--pf-c-login__container--PaddingRight);
|
|
17460
17517
|
padding-left: var(--pf-c-login__container--PaddingLeft);
|
|
17461
17518
|
}
|
|
@@ -17477,10 +17534,10 @@ ul.pf-c-list {
|
|
|
17477
17534
|
}
|
|
17478
17535
|
|
|
17479
17536
|
.pf-c-login__main {
|
|
17537
|
+
grid-area: main;
|
|
17480
17538
|
align-self: start;
|
|
17481
17539
|
margin-bottom: var(--pf-c-login__main--MarginBottom);
|
|
17482
17540
|
background-color: var(--pf-c-login__main--BackgroundColor);
|
|
17483
|
-
grid-area: main;
|
|
17484
17541
|
}
|
|
17485
17542
|
.pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
|
|
17486
17543
|
padding-top: var(--pf-c-login__main-header--PaddingTop);
|
|
@@ -17492,8 +17549,8 @@ ul.pf-c-list {
|
|
|
17492
17549
|
.pf-c-login__main-header {
|
|
17493
17550
|
display: grid;
|
|
17494
17551
|
grid-template-columns: 100%;
|
|
17495
|
-
column-gap: var(--pf-c-login__main-header--ColumnGap);
|
|
17496
17552
|
row-gap: var(--pf-c-login__main-header--RowGap);
|
|
17553
|
+
column-gap: var(--pf-c-login__main-header--ColumnGap);
|
|
17497
17554
|
align-items: center;
|
|
17498
17555
|
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);
|
|
17499
17556
|
}
|
|
@@ -17505,26 +17562,26 @@ ul.pf-c-list {
|
|
|
17505
17562
|
|
|
17506
17563
|
.pf-c-login__main-header-utilities,
|
|
17507
17564
|
.pf-c-login__main-header .pf-c-dropdown {
|
|
17508
|
-
grid-column: auto;
|
|
17509
17565
|
grid-row: auto;
|
|
17566
|
+
grid-column: auto;
|
|
17510
17567
|
}
|
|
17511
17568
|
@media (min-width: 768px) {
|
|
17512
17569
|
.pf-c-login__main-header-utilities,
|
|
17513
|
-
.pf-c-login__main-header .pf-c-dropdown {
|
|
17514
|
-
grid-column: 2/3;
|
|
17570
|
+
.pf-c-login__main-header .pf-c-dropdown {
|
|
17515
17571
|
grid-row: 1;
|
|
17572
|
+
grid-column: 2/3;
|
|
17516
17573
|
}
|
|
17517
17574
|
}
|
|
17518
17575
|
|
|
17519
17576
|
.pf-c-login__main-header-utilities .pf-c-dropdown {
|
|
17520
|
-
grid-column: auto;
|
|
17521
17577
|
grid-row: auto;
|
|
17578
|
+
grid-column: auto;
|
|
17522
17579
|
}
|
|
17523
17580
|
|
|
17524
17581
|
.pf-c-login__main-header-desc {
|
|
17582
|
+
grid-column: 1/-1;
|
|
17525
17583
|
margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
|
|
17526
17584
|
font-size: var(--pf-c-login__main-header-desc--FontSize);
|
|
17527
|
-
grid-column: 1/-1;
|
|
17528
17585
|
}
|
|
17529
17586
|
|
|
17530
17587
|
.pf-c-login__main-body {
|
|
@@ -17559,11 +17616,11 @@ ul.pf-c-list {
|
|
|
17559
17616
|
}
|
|
17560
17617
|
|
|
17561
17618
|
.pf-c-login__main-footer-links-item-link svg {
|
|
17562
|
-
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
|
|
17563
17619
|
width: 100%;
|
|
17564
17620
|
max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
|
|
17565
17621
|
height: 100%;
|
|
17566
17622
|
max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
|
|
17623
|
+
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
|
|
17567
17624
|
}
|
|
17568
17625
|
.pf-c-login__main-footer-links-item-link:hover svg {
|
|
17569
17626
|
fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
|
|
@@ -17828,6 +17885,7 @@ ul.pf-c-list {
|
|
|
17828
17885
|
position: relative;
|
|
17829
17886
|
display: flex;
|
|
17830
17887
|
flex-basis: var(--pf-c-masthead__main--FlexBasis);
|
|
17888
|
+
grid-column: var(--pf-c-masthead__main--GridColumn);
|
|
17831
17889
|
align-items: center;
|
|
17832
17890
|
align-self: stretch;
|
|
17833
17891
|
order: var(--pf-c-masthead__main--Order);
|
|
@@ -17835,7 +17893,6 @@ ul.pf-c-list {
|
|
|
17835
17893
|
padding-top: var(--pf-c-masthead__main--PaddingTop);
|
|
17836
17894
|
padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
|
|
17837
17895
|
margin-right: var(--pf-c-masthead__main--MarginRight);
|
|
17838
|
-
grid-column: var(--pf-c-masthead__main--GridColumn);
|
|
17839
17896
|
}
|
|
17840
17897
|
.pf-c-masthead__main::before {
|
|
17841
17898
|
position: absolute;
|
|
@@ -17852,6 +17909,9 @@ ul.pf-c-list {
|
|
|
17852
17909
|
.pf-c-masthead__content {
|
|
17853
17910
|
display: flex;
|
|
17854
17911
|
flex-grow: 1;
|
|
17912
|
+
flex-shrink: 1;
|
|
17913
|
+
grid-column: var(--pf-c-masthead__content--GridColumn);
|
|
17914
|
+
grid-column-end: -1;
|
|
17855
17915
|
align-items: center;
|
|
17856
17916
|
align-self: stretch;
|
|
17857
17917
|
order: var(--pf-c-masthead__content--Order);
|
|
@@ -17859,9 +17919,6 @@ ul.pf-c-list {
|
|
|
17859
17919
|
padding-top: var(--pf-c-masthead__content--PaddingTop);
|
|
17860
17920
|
padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
|
|
17861
17921
|
margin-left: var(--pf-c-masthead__content--MarginLeft);
|
|
17862
|
-
grid-column: var(--pf-c-masthead__content--GridColumn);
|
|
17863
|
-
grid-column-end: -1;
|
|
17864
|
-
flex-shrink: 1;
|
|
17865
17922
|
}
|
|
17866
17923
|
.pf-c-masthead__content:only-child {
|
|
17867
17924
|
--pf-c-masthead__content--MarginLeft: 0;
|
|
@@ -18389,6 +18446,7 @@ ul.pf-c-list {
|
|
|
18389
18446
|
--pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
|
|
18390
18447
|
--pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
|
|
18391
18448
|
--pf-c-menu__item-action--Color: var(--pf-global--Color--200);
|
|
18449
|
+
--pf-c-menu__item-action--BackgroundColor: transparent;
|
|
18392
18450
|
--pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
|
|
18393
18451
|
--pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
|
|
18394
18452
|
--pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
|
|
@@ -18420,12 +18478,6 @@ ul.pf-c-list {
|
|
|
18420
18478
|
--pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
18421
18479
|
--pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
|
|
18422
18480
|
--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
18423
|
-
top: var(--pf-c-menu--Top);
|
|
18424
|
-
z-index: var(--pf-c-menu--ZIndex);
|
|
18425
|
-
width: var(--pf-c-menu--Width);
|
|
18426
|
-
min-width: var(--pf-c-menu--MinWidth);
|
|
18427
|
-
background-color: var(--pf-c-menu--BackgroundColor);
|
|
18428
|
-
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
18429
18481
|
--pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
18430
18482
|
--pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
18431
18483
|
--pf-c-menu--m-nav__list--PaddingTop: 0;
|
|
@@ -18453,6 +18505,12 @@ ul.pf-c-list {
|
|
|
18453
18505
|
--pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
|
|
18454
18506
|
--pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
|
|
18455
18507
|
--pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
|
|
18508
|
+
top: var(--pf-c-menu--Top);
|
|
18509
|
+
z-index: var(--pf-c-menu--ZIndex);
|
|
18510
|
+
width: var(--pf-c-menu--Width);
|
|
18511
|
+
min-width: var(--pf-c-menu--MinWidth);
|
|
18512
|
+
background-color: var(--pf-c-menu--BackgroundColor);
|
|
18513
|
+
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
18456
18514
|
}
|
|
18457
18515
|
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
|
|
18458
18516
|
overflow: visible;
|
|
@@ -18509,6 +18567,7 @@ ul.pf-c-list {
|
|
|
18509
18567
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list {
|
|
18510
18568
|
position: relative;
|
|
18511
18569
|
overflow: hidden;
|
|
18570
|
+
visibility: visible;
|
|
18512
18571
|
transition: var(--pf-c-menu--m-drilldown__list--Transition);
|
|
18513
18572
|
}
|
|
18514
18573
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
|
|
@@ -18819,6 +18878,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
18819
18878
|
padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
|
|
18820
18879
|
padding-left: var(--pf-c-menu__item-action--PaddingLeft);
|
|
18821
18880
|
color: var(--pf-c-menu__item-action--Color);
|
|
18881
|
+
background-color: var(--pf-c-menu__item-action--BackgroundColor);
|
|
18822
18882
|
border: none;
|
|
18823
18883
|
}
|
|
18824
18884
|
.pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
|
|
@@ -19008,6 +19068,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19008
19068
|
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
|
|
19009
19069
|
--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
|
|
19010
19070
|
--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
|
|
19071
|
+
--pf-c-menu-toggle__button--BackgroundColor: transparent;
|
|
19011
19072
|
--pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
|
|
19012
19073
|
--pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
|
|
19013
19074
|
--pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
|
|
@@ -19263,13 +19324,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19263
19324
|
--pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
|
|
19264
19325
|
--pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
|
|
19265
19326
|
color: inherit;
|
|
19327
|
+
background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
|
|
19266
19328
|
border: 0;
|
|
19267
19329
|
}
|
|
19268
19330
|
|
|
19269
19331
|
.pf-c-menu-toggle__icon {
|
|
19270
19332
|
display: inline-flex;
|
|
19271
|
-
align-self: center;
|
|
19272
19333
|
flex-shrink: 0;
|
|
19334
|
+
align-self: center;
|
|
19273
19335
|
margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
|
|
19274
19336
|
line-height: 1;
|
|
19275
19337
|
}
|
|
@@ -19389,9 +19451,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19389
19451
|
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
19390
19452
|
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
19391
19453
|
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
19392
|
-
--pf-c-modal-
|
|
19393
|
-
--pf-c-modal-
|
|
19394
|
-
--pf-c-modal-
|
|
19454
|
+
--pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
|
|
19455
|
+
--pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
|
|
19456
|
+
--pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
19395
19457
|
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
19396
19458
|
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
19397
19459
|
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
@@ -19443,13 +19505,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19443
19505
|
.pf-c-modal-box.pf-m-info {
|
|
19444
19506
|
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
19445
19507
|
}
|
|
19446
|
-
|
|
19508
|
+
|
|
19509
|
+
.pf-c-modal-box__close {
|
|
19447
19510
|
position: absolute;
|
|
19448
|
-
top: var(--pf-c-modal-
|
|
19449
|
-
right: var(--pf-c-modal-
|
|
19511
|
+
top: var(--pf-c-modal-box__close--Top);
|
|
19512
|
+
right: var(--pf-c-modal-box__close--Right);
|
|
19450
19513
|
}
|
|
19451
|
-
.pf-c-modal-
|
|
19452
|
-
margin-right: var(--pf-c-modal-
|
|
19514
|
+
.pf-c-modal-box__close + * {
|
|
19515
|
+
margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
|
|
19453
19516
|
}
|
|
19454
19517
|
|
|
19455
19518
|
.pf-c-modal-box__header {
|
|
@@ -19640,8 +19703,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19640
19703
|
--pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
|
|
19641
19704
|
--pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
|
|
19642
19705
|
display: grid;
|
|
19643
|
-
gap: var(--pf-c-multiple-file-upload--Gap);
|
|
19644
19706
|
grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
|
|
19707
|
+
gap: var(--pf-c-multiple-file-upload--Gap);
|
|
19645
19708
|
}
|
|
19646
19709
|
.pf-c-multiple-file-upload.pf-m-horizontal {
|
|
19647
19710
|
--pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
@@ -19667,21 +19730,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19667
19730
|
|
|
19668
19731
|
.pf-c-multiple-file-upload__main {
|
|
19669
19732
|
display: grid;
|
|
19733
|
+
grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
|
|
19734
|
+
grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
|
|
19735
|
+
grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
|
|
19736
|
+
gap: var(--pf-c-multiple-file-upload__main--Gap);
|
|
19670
19737
|
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);
|
|
19671
19738
|
text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
|
|
19672
19739
|
background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
|
|
19673
19740
|
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);
|
|
19674
|
-
grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
|
|
19675
|
-
grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
|
|
19676
|
-
grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
|
|
19677
|
-
gap: var(--pf-c-multiple-file-upload__main--Gap);
|
|
19678
19741
|
}
|
|
19679
19742
|
|
|
19680
19743
|
.pf-c-multiple-file-upload__title {
|
|
19681
19744
|
display: var(--pf-c-multiple-file-upload__title--Display);
|
|
19745
|
+
grid-area: title;
|
|
19682
19746
|
grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
|
|
19683
19747
|
gap: var(--pf-c-multiple-file-upload__title--Gap);
|
|
19684
|
-
grid-area: title;
|
|
19685
19748
|
}
|
|
19686
19749
|
|
|
19687
19750
|
.pf-c-multiple-file-upload__title-icon {
|
|
@@ -20621,8 +20684,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20621
20684
|
--pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
|
|
20622
20685
|
--pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
|
|
20623
20686
|
--pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
|
|
20624
|
-
margin-top: var(--pf-c-nav__section--MarginTop);
|
|
20625
20687
|
--pf-c-nav--c-divider--MarginBottom: 0;
|
|
20688
|
+
margin-top: var(--pf-c-nav__section--MarginTop);
|
|
20626
20689
|
}
|
|
20627
20690
|
.pf-c-nav__section + .pf-c-nav__section {
|
|
20628
20691
|
--pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
|
|
@@ -21069,9 +21132,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21069
21132
|
|
|
21070
21133
|
.pf-c-notification-drawer__list-item-header {
|
|
21071
21134
|
display: flex;
|
|
21072
|
-
align-items: baseline;
|
|
21073
|
-
grid-column: 1/2;
|
|
21074
21135
|
grid-row: 1/2;
|
|
21136
|
+
grid-column: 1/2;
|
|
21137
|
+
align-items: baseline;
|
|
21075
21138
|
margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
|
|
21076
21139
|
}
|
|
21077
21140
|
|
|
@@ -21092,8 +21155,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21092
21155
|
}
|
|
21093
21156
|
|
|
21094
21157
|
.pf-c-notification-drawer__list-item-action {
|
|
21095
|
-
grid-column: 2/3;
|
|
21096
21158
|
grid-row: 1/3;
|
|
21159
|
+
grid-column: 2/3;
|
|
21097
21160
|
}
|
|
21098
21161
|
|
|
21099
21162
|
.pf-c-notification-drawer__list-item-description {
|
|
@@ -21695,10 +21758,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21695
21758
|
--pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
21696
21759
|
--pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21697
21760
|
display: grid;
|
|
21698
|
-
height: 100%;
|
|
21699
|
-
grid-template-columns: 1fr;
|
|
21700
|
-
grid-template-rows: max-content 1fr;
|
|
21701
21761
|
grid-template-areas: "header" "main";
|
|
21762
|
+
grid-template-rows: max-content 1fr;
|
|
21763
|
+
grid-template-columns: 1fr;
|
|
21764
|
+
height: 100%;
|
|
21702
21765
|
background-color: var(--pf-c-page--BackgroundColor);
|
|
21703
21766
|
}
|
|
21704
21767
|
@media (min-width: 1200px) {
|
|
@@ -21745,8 +21808,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21745
21808
|
}
|
|
21746
21809
|
@media (min-width: 1200px) {
|
|
21747
21810
|
.pf-c-page {
|
|
21748
|
-
grid-template-columns: max-content 1fr;
|
|
21749
21811
|
grid-template-areas: "header header" "nav main";
|
|
21812
|
+
grid-template-columns: max-content 1fr;
|
|
21750
21813
|
}
|
|
21751
21814
|
}
|
|
21752
21815
|
.pf-c-page.pf-m-full-height {
|
|
@@ -21757,14 +21820,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21757
21820
|
|
|
21758
21821
|
.pf-c-page__header,
|
|
21759
21822
|
.pf-c-page > .pf-c-masthead {
|
|
21760
|
-
grid-area: header;
|
|
21761
21823
|
z-index: var(--pf-c-page__header--ZIndex);
|
|
21824
|
+
grid-area: header;
|
|
21762
21825
|
}
|
|
21763
21826
|
|
|
21764
21827
|
.pf-c-page__header {
|
|
21765
21828
|
color: var(--pf-global--Color--100);
|
|
21766
|
-
grid-template-columns: auto auto;
|
|
21767
21829
|
display: grid;
|
|
21830
|
+
grid-template-columns: auto auto;
|
|
21768
21831
|
align-items: center;
|
|
21769
21832
|
min-width: 0;
|
|
21770
21833
|
min-height: var(--pf-c-page__header--MinHeight);
|
|
@@ -21812,18 +21875,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21812
21875
|
}
|
|
21813
21876
|
|
|
21814
21877
|
.pf-c-page__header-nav {
|
|
21878
|
+
grid-row: 2/3;
|
|
21879
|
+
grid-column: 1/-1;
|
|
21815
21880
|
align-self: stretch;
|
|
21816
21881
|
min-width: 0;
|
|
21817
21882
|
padding-right: var(--pf-c-page__header-nav--PaddingRight);
|
|
21818
21883
|
padding-left: var(--pf-c-page__header-nav--PaddingLeft);
|
|
21819
21884
|
background-color: var(--pf-c-page__header-nav--BackgroundColor);
|
|
21820
|
-
grid-column: 1/-1;
|
|
21821
|
-
grid-row: 2/3;
|
|
21822
21885
|
}
|
|
21823
21886
|
@media screen and (min-width: 1200px) {
|
|
21824
21887
|
.pf-c-page__header-nav {
|
|
21825
|
-
grid-column: 2/3;
|
|
21826
21888
|
grid-row: 1/2;
|
|
21889
|
+
grid-column: 2/3;
|
|
21827
21890
|
}
|
|
21828
21891
|
}
|
|
21829
21892
|
.pf-c-page__header-nav .pf-c-nav {
|
|
@@ -21889,10 +21952,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21889
21952
|
}
|
|
21890
21953
|
|
|
21891
21954
|
.pf-c-page__sidebar {
|
|
21955
|
+
z-index: var(--pf-c-page__sidebar--ZIndex);
|
|
21892
21956
|
grid-area: nav;
|
|
21893
21957
|
grid-row-start: 2;
|
|
21894
21958
|
grid-column-start: 1;
|
|
21895
|
-
z-index: var(--pf-c-page__sidebar--ZIndex);
|
|
21896
21959
|
width: var(--pf-c-page__sidebar--Width);
|
|
21897
21960
|
overflow-x: hidden;
|
|
21898
21961
|
overflow-y: auto;
|
|
@@ -22041,24 +22104,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22041
22104
|
}
|
|
22042
22105
|
@media (min-height: 0) {
|
|
22043
22106
|
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
|
|
22044
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
22045
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
22046
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
22047
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
22048
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
22049
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
22107
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
22108
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
22109
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
22110
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
22111
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
22112
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
22050
22113
|
position: sticky;
|
|
22051
22114
|
top: 0;
|
|
22052
22115
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22053
22116
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22054
22117
|
}
|
|
22055
22118
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
|
|
22056
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
22057
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
22058
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
22059
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
22060
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
22061
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
22119
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
22120
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
22121
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
22122
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
22123
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
22124
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
22062
22125
|
position: sticky;
|
|
22063
22126
|
bottom: 0;
|
|
22064
22127
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22067,24 +22130,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22067
22130
|
}
|
|
22068
22131
|
@media (min-height: 40rem) {
|
|
22069
22132
|
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
|
|
22070
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
22071
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
22072
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
22073
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
22074
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
22075
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
22133
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
22134
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
22135
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
22136
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
22137
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
22138
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
22076
22139
|
position: sticky;
|
|
22077
22140
|
top: 0;
|
|
22078
22141
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22079
22142
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22080
22143
|
}
|
|
22081
22144
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
|
|
22082
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
22083
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
22084
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
22085
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
22086
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
22087
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
22145
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
22146
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
22147
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
22148
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
22149
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
22150
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
22088
22151
|
position: sticky;
|
|
22089
22152
|
bottom: 0;
|
|
22090
22153
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22093,24 +22156,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22093
22156
|
}
|
|
22094
22157
|
@media (min-height: 48rem) {
|
|
22095
22158
|
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
|
|
22096
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
22097
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
22098
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
22099
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
22100
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
22101
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
22159
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
22160
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
22161
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
22162
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
22163
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
22164
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
22102
22165
|
position: sticky;
|
|
22103
22166
|
top: 0;
|
|
22104
22167
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22105
22168
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22106
22169
|
}
|
|
22107
22170
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
|
|
22108
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
22109
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
22110
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
22111
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
22112
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
22113
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
22171
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
22172
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
22173
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
22174
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
22175
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
22176
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
22114
22177
|
position: sticky;
|
|
22115
22178
|
bottom: 0;
|
|
22116
22179
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22119,24 +22182,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22119
22182
|
}
|
|
22120
22183
|
@media (min-height: 60rem) {
|
|
22121
22184
|
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
|
|
22122
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
22123
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
22124
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
22125
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
22126
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
22127
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
22185
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
22186
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
22187
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
22188
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
22189
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
22190
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
22128
22191
|
position: sticky;
|
|
22129
22192
|
top: 0;
|
|
22130
22193
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22131
22194
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22132
22195
|
}
|
|
22133
22196
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
|
|
22134
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
22135
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
22136
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
22137
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
22138
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
22139
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
22197
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
22198
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
22199
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
22200
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
22201
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
22202
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
22140
22203
|
position: sticky;
|
|
22141
22204
|
bottom: 0;
|
|
22142
22205
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22145,24 +22208,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22145
22208
|
}
|
|
22146
22209
|
@media (min-height: 80rem) {
|
|
22147
22210
|
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
|
|
22148
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
22149
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
22150
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
22151
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
22152
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
22153
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
22211
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
22212
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
22213
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
22214
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
22215
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
22216
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
22154
22217
|
position: sticky;
|
|
22155
22218
|
top: 0;
|
|
22156
22219
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22157
22220
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22158
22221
|
}
|
|
22159
22222
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
|
|
22160
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
22161
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
22162
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
22163
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
22164
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
22165
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
22223
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
22224
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
22225
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
22226
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
22227
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
22228
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
22166
22229
|
position: sticky;
|
|
22167
22230
|
bottom: 0;
|
|
22168
22231
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22172,8 +22235,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22172
22235
|
|
|
22173
22236
|
.pf-c-page__main,
|
|
22174
22237
|
.pf-c-page__drawer {
|
|
22175
|
-
grid-area: main;
|
|
22176
22238
|
z-index: var(--pf-c-page__main--ZIndex);
|
|
22239
|
+
grid-area: main;
|
|
22177
22240
|
overflow-x: hidden;
|
|
22178
22241
|
overflow-y: auto;
|
|
22179
22242
|
-webkit-overflow-scrolling: touch;
|
|
@@ -22657,8 +22720,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22657
22720
|
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);
|
|
22658
22721
|
}
|
|
22659
22722
|
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
22660
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
22661
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
22723
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
22724
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
22662
22725
|
display: block;
|
|
22663
22726
|
}
|
|
22664
22727
|
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
@@ -23065,17 +23128,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23065
23128
|
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
23066
23129
|
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
23067
23130
|
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
23068
|
-
--pf-c-
|
|
23069
|
-
--pf-c-
|
|
23070
|
-
--pf-c-
|
|
23071
|
-
--pf-c-
|
|
23072
|
-
--pf-c-
|
|
23073
|
-
--pf-c-popover__title--
|
|
23074
|
-
--pf-c-popover__title--
|
|
23075
|
-
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
23076
|
-
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
23131
|
+
--pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
23132
|
+
--pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
|
|
23133
|
+
--pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
23134
|
+
--pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
|
|
23135
|
+
--pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
23136
|
+
--pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
23137
|
+
--pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
23077
23138
|
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
23078
23139
|
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
23140
|
+
--pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
|
|
23079
23141
|
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
23080
23142
|
position: relative;
|
|
23081
23143
|
min-width: var(--pf-c-popover--MinWidth);
|
|
@@ -23153,16 +23215,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23153
23215
|
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);
|
|
23154
23216
|
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
23155
23217
|
}
|
|
23156
|
-
|
|
23157
|
-
|
|
23158
|
-
}
|
|
23159
|
-
.pf-c-popover__content > .pf-c-button {
|
|
23218
|
+
|
|
23219
|
+
.pf-c-popover__close {
|
|
23160
23220
|
position: absolute;
|
|
23161
|
-
top: var(--pf-c-
|
|
23162
|
-
right: var(--pf-c-
|
|
23221
|
+
top: var(--pf-c-popover__close--Top);
|
|
23222
|
+
right: var(--pf-c-popover__close--Right);
|
|
23163
23223
|
}
|
|
23164
|
-
.pf-c-
|
|
23165
|
-
padding-right: var(--pf-c-
|
|
23224
|
+
.pf-c-popover__close + * {
|
|
23225
|
+
padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
|
|
23166
23226
|
}
|
|
23167
23227
|
|
|
23168
23228
|
.pf-c-popover__arrow {
|
|
@@ -23174,23 +23234,25 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23174
23234
|
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
23175
23235
|
}
|
|
23176
23236
|
|
|
23177
|
-
.pf-c-
|
|
23178
|
-
|
|
23179
|
-
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
23180
|
-
font-family: var(--pf-c-popover__title--FontFamily);
|
|
23181
|
-
font-size: var(--pf-c-popover__title--FontSize);
|
|
23182
|
-
line-height: var(--pf-c-popover__title--LineHeight);
|
|
23237
|
+
.pf-c-popover__header {
|
|
23238
|
+
margin-bottom: var(--pf-c-popover__header--MarginBottom);
|
|
23183
23239
|
}
|
|
23184
|
-
|
|
23240
|
+
|
|
23241
|
+
.pf-c-popover__title {
|
|
23185
23242
|
display: flex;
|
|
23243
|
+
flex: 0 0 auto;
|
|
23186
23244
|
}
|
|
23187
23245
|
|
|
23188
23246
|
.pf-c-popover__title-icon {
|
|
23189
23247
|
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
23248
|
+
font-size: var(--pf-c-popover__title-icon--FontSize);
|
|
23190
23249
|
color: var(--pf-c-popover__title-icon--Color);
|
|
23191
23250
|
}
|
|
23192
23251
|
|
|
23193
23252
|
.pf-c-popover__title-text {
|
|
23253
|
+
font-family: var(--pf-c-popover__title-text--FontFamily);
|
|
23254
|
+
font-size: var(--pf-c-popover__title-text--FontSize);
|
|
23255
|
+
line-height: var(--pf-c-popover__title-text--LineHeight);
|
|
23194
23256
|
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
23195
23257
|
}
|
|
23196
23258
|
|
|
@@ -23239,17 +23301,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23239
23301
|
}
|
|
23240
23302
|
|
|
23241
23303
|
:where(.pf-theme-dark) .pf-c-popover {
|
|
23242
|
-
--pf-c-
|
|
23243
|
-
--pf-c-popover__arrow--
|
|
23244
|
-
--pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
|
|
23304
|
+
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23305
|
+
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23245
23306
|
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
|
|
23246
23307
|
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
|
|
23247
23308
|
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
|
|
23248
23309
|
}
|
|
23249
|
-
:where(.pf-theme-dark) .pf-c-popover,
|
|
23250
|
-
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
|
|
23251
|
-
border: 4px solid var(--pf-global--BorderColor--400);
|
|
23252
|
-
}
|
|
23253
23310
|
|
|
23254
23311
|
.pf-c-progress {
|
|
23255
23312
|
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
@@ -23257,8 +23314,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23257
23314
|
--pf-c-progress__bar--Height: var(--pf-global--spacer--md);
|
|
23258
23315
|
--pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
23259
23316
|
--pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
23317
|
+
--pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
|
|
23260
23318
|
--pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
|
|
23261
|
-
--pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
23262
23319
|
--pf-c-progress__bar--before--Opacity: .2;
|
|
23263
23320
|
--pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
|
|
23264
23321
|
--pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
|
|
@@ -23280,10 +23337,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23280
23337
|
--pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
|
|
23281
23338
|
--pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
|
|
23282
23339
|
display: grid;
|
|
23283
|
-
align-items: end;
|
|
23284
|
-
grid-gap: var(--pf-c-progress--GridGap);
|
|
23285
|
-
grid-template-columns: auto auto;
|
|
23286
23340
|
grid-template-rows: 1fr auto;
|
|
23341
|
+
grid-template-columns: auto auto;
|
|
23342
|
+
grid-gap: var(--pf-c-progress--GridGap);
|
|
23343
|
+
align-items: end;
|
|
23287
23344
|
}
|
|
23288
23345
|
.pf-c-progress.pf-m-sm {
|
|
23289
23346
|
--pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
|
|
@@ -23312,8 +23369,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23312
23369
|
grid-column: 1/3;
|
|
23313
23370
|
}
|
|
23314
23371
|
.pf-c-progress.pf-m-outside .pf-c-progress__status {
|
|
23315
|
-
grid-column: 2/3;
|
|
23316
23372
|
grid-row: 2/3;
|
|
23373
|
+
grid-column: 2/3;
|
|
23317
23374
|
align-self: center;
|
|
23318
23375
|
}
|
|
23319
23376
|
.pf-c-progress.pf-m-outside .pf-c-progress__measure {
|
|
@@ -23361,8 +23418,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23361
23418
|
}
|
|
23362
23419
|
|
|
23363
23420
|
.pf-c-progress__description {
|
|
23364
|
-
word-break: break-word;
|
|
23365
23421
|
grid-column: 1/2;
|
|
23422
|
+
word-break: break-word;
|
|
23366
23423
|
}
|
|
23367
23424
|
.pf-c-progress__description.pf-m-truncate {
|
|
23368
23425
|
overflow: hidden;
|
|
@@ -23371,21 +23428,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23371
23428
|
}
|
|
23372
23429
|
|
|
23373
23430
|
.pf-c-progress__status {
|
|
23374
|
-
|
|
23431
|
+
display: flex;
|
|
23375
23432
|
grid-row: 1/2;
|
|
23433
|
+
grid-column: 2/3;
|
|
23434
|
+
gap: var(--pf-c-progress__status--Gap);
|
|
23435
|
+
align-items: flex-start;
|
|
23436
|
+
justify-content: flex-end;
|
|
23376
23437
|
text-align: right;
|
|
23377
23438
|
word-break: break-word;
|
|
23378
23439
|
}
|
|
23379
23440
|
|
|
23380
23441
|
.pf-c-progress__status-icon {
|
|
23381
|
-
margin-left: var(--pf-c-progress__status-icon--MarginLeft);
|
|
23382
23442
|
color: var(--pf-c-progress__status-icon--Color);
|
|
23383
23443
|
}
|
|
23384
23444
|
|
|
23385
23445
|
.pf-c-progress__bar {
|
|
23386
23446
|
position: relative;
|
|
23387
|
-
grid-column: 1/3;
|
|
23388
23447
|
grid-row: 2/3;
|
|
23448
|
+
grid-column: 1/3;
|
|
23389
23449
|
align-self: center;
|
|
23390
23450
|
height: var(--pf-c-progress__bar--Height);
|
|
23391
23451
|
background-color: var(--pf-c-progress__bar--BackgroundColor);
|
|
@@ -23410,8 +23470,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23410
23470
|
}
|
|
23411
23471
|
|
|
23412
23472
|
.pf-c-progress__helper-text {
|
|
23413
|
-
grid-column: 1/3;
|
|
23414
23473
|
grid-row: 3/4;
|
|
23474
|
+
grid-column: 1/3;
|
|
23415
23475
|
margin-top: var(--pf-c-progress__helper-text--MarginTop);
|
|
23416
23476
|
}
|
|
23417
23477
|
|
|
@@ -23573,10 +23633,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23573
23633
|
--pf-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
23574
23634
|
position: relative;
|
|
23575
23635
|
display: grid;
|
|
23576
|
-
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
23577
|
-
grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
|
|
23578
23636
|
grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
|
|
23637
|
+
grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
|
|
23579
23638
|
grid-auto-columns: 1fr;
|
|
23639
|
+
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
23580
23640
|
}
|
|
23581
23641
|
@media screen and (min-width: 768px) {
|
|
23582
23642
|
.pf-c-progress-stepper {
|
|
@@ -23643,8 +23703,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23643
23703
|
grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
|
|
23644
23704
|
}
|
|
23645
23705
|
.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
|
|
23646
|
-
min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
|
|
23647
23706
|
grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
|
|
23707
|
+
min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
|
|
23648
23708
|
padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
|
|
23649
23709
|
}
|
|
23650
23710
|
.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
|
|
@@ -23761,11 +23821,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23761
23821
|
}
|
|
23762
23822
|
.pf-c-progress-stepper__step-title.pf-m-help-text {
|
|
23763
23823
|
text-decoration: underline;
|
|
23764
|
-
|
|
23824
|
+
text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
23765
23825
|
text-decoration-style: dashed;
|
|
23766
23826
|
text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
|
|
23767
|
-
text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
23768
23827
|
text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
23828
|
+
cursor: pointer;
|
|
23769
23829
|
}
|
|
23770
23830
|
.pf-c-progress-stepper__step-title.pf-m-help-text:hover {
|
|
23771
23831
|
--pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
|
|
@@ -24143,6 +24203,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24143
24203
|
--pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
24144
24204
|
--pf-c-search-input__text-input--MinWidth: 6ch;
|
|
24145
24205
|
--pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
24206
|
+
--pf-c-search-input__text-input--BackgroundColor: transparent;
|
|
24146
24207
|
--pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
|
|
24147
24208
|
--pf-c-search-input__icon--Color: var(--pf-global--Color--200);
|
|
24148
24209
|
--pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
@@ -24187,9 +24248,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24187
24248
|
|
|
24188
24249
|
.pf-c-search-input__text {
|
|
24189
24250
|
display: grid;
|
|
24190
|
-
grid-template-columns: 1fr;
|
|
24191
|
-
grid-template-areas: "text-input";
|
|
24192
24251
|
flex: 1;
|
|
24252
|
+
grid-template-areas: "text-input";
|
|
24253
|
+
grid-template-columns: 1fr;
|
|
24193
24254
|
}
|
|
24194
24255
|
.pf-c-search-input__text::before, .pf-c-search-input__text::after {
|
|
24195
24256
|
position: absolute;
|
|
@@ -24230,6 +24291,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24230
24291
|
width: 100%;
|
|
24231
24292
|
min-width: var(--pf-c-search-input__text-input--MinWidth);
|
|
24232
24293
|
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);
|
|
24294
|
+
background-color: var(--pf-c-search-input__text-input--BackgroundColor);
|
|
24233
24295
|
border: 0;
|
|
24234
24296
|
}
|
|
24235
24297
|
.pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
|
|
@@ -24711,8 +24773,8 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24711
24773
|
.pf-c-select__toggle-typeahead {
|
|
24712
24774
|
flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
|
|
24713
24775
|
flex-grow: 1;
|
|
24714
|
-
min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
|
|
24715
24776
|
flex-shrink: 0;
|
|
24777
|
+
min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
|
|
24716
24778
|
}
|
|
24717
24779
|
.pf-c-select__toggle-typeahead.pf-c-form-control {
|
|
24718
24780
|
background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
|
|
@@ -24988,28 +25050,54 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24988
25050
|
}
|
|
24989
25051
|
|
|
24990
25052
|
.pf-c-sidebar {
|
|
25053
|
+
--pf-c-sidebar--inset: var(--pf-global--spacer--md);
|
|
25054
|
+
--pf-c-sidebar--xl--inset: var(--pf-global--spacer--lg);
|
|
24991
25055
|
--pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25056
|
+
--pf-c-sidebar--BorderWidth--base: var(--pf-global--BorderWidth--sm);
|
|
25057
|
+
--pf-c-sidebar--BorderColor--base: var(--pf-global--BorderColor--100);
|
|
25058
|
+
--pf-c-sidebar__panel--PaddingTop: 0;
|
|
25059
|
+
--pf-c-sidebar__panel--PaddingRight: 0;
|
|
25060
|
+
--pf-c-sidebar__panel--PaddingBottom: 0;
|
|
25061
|
+
--pf-c-sidebar__panel--PaddingLeft: 0;
|
|
25062
|
+
--pf-c-sidebar__panel--Order: -1;
|
|
25063
|
+
--pf-c-sidebar__panel--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
|
|
25064
|
+
--pf-c-sidebar__panel--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
|
|
25065
|
+
--pf-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
|
|
25066
|
+
--pf-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
|
|
25067
|
+
--pf-c-sidebar__content--PaddingTop: 0;
|
|
25068
|
+
--pf-c-sidebar__content--PaddingRight: 0;
|
|
25069
|
+
--pf-c-sidebar__content--PaddingBottom: 0;
|
|
25070
|
+
--pf-c-sidebar__content--PaddingLeft: 0;
|
|
25071
|
+
--pf-c-sidebar__content--Order: 1;
|
|
25072
|
+
--pf-c-sidebar__content--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
|
|
25073
|
+
--pf-c-sidebar__content--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
|
|
25074
|
+
--pf-c-sidebar__content--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
|
|
25075
|
+
--pf-c-sidebar__content--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
|
|
24992
25076
|
--pf-c-sidebar__main--FlexDirection: column;
|
|
24993
25077
|
--pf-c-sidebar__main--md--FlexDirection: row;
|
|
24994
25078
|
--pf-c-sidebar__main--AlignItems: stretch;
|
|
24995
25079
|
--pf-c-sidebar__main--md--AlignItems: start;
|
|
24996
25080
|
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
24997
|
-
--pf-c-
|
|
24998
|
-
--pf-c-
|
|
24999
|
-
--pf-c-
|
|
25000
|
-
--pf-c-
|
|
25081
|
+
--pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--inset);
|
|
25082
|
+
--pf-c-sidebar__main--m-border--before--Display: none;
|
|
25083
|
+
--pf-c-sidebar__main--m-border--before--md--Display: block;
|
|
25084
|
+
--pf-c-sidebar__main--m-border--before--BorderWidth: var(--pf-c-sidebar--BorderWidth--base);
|
|
25085
|
+
--pf-c-sidebar__main--m-border--before--BorderColor: var(--pf-c-sidebar--BorderColor--base);
|
|
25086
|
+
--pf-c-sidebar--m-panel-right__panel--Order: -1;
|
|
25001
25087
|
--pf-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
25088
|
+
--pf-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
25002
25089
|
--pf-c-sidebar--m-stack__main--FlexDirection: column;
|
|
25003
25090
|
--pf-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
25004
25091
|
--pf-c-sidebar--m-stack__panel--Position: sticky;
|
|
25005
25092
|
--pf-c-sidebar--m-stack__panel--Top: 0;
|
|
25006
25093
|
--pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
25007
|
-
--pf-c-sidebar--m-stack--m-panel-right__panel--Order:
|
|
25094
|
+
--pf-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
25008
25095
|
--pf-c-sidebar--m-split__main--AlignItems: start;
|
|
25009
25096
|
--pf-c-sidebar--m-split__main--FlexDirection: row;
|
|
25010
25097
|
--pf-c-sidebar--m-split__panel--Position: static;
|
|
25011
25098
|
--pf-c-sidebar--m-split__panel--Top: auto;
|
|
25012
25099
|
--pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
25100
|
+
--pf-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
25013
25101
|
--pf-c-sidebar__panel--FlexBasis--base: auto;
|
|
25014
25102
|
--pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
25015
25103
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
@@ -25023,7 +25111,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25023
25111
|
--pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
25024
25112
|
--pf-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
25025
25113
|
--pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
|
|
25026
|
-
--pf-c-sidebar__panel--Order: 0;
|
|
25027
25114
|
--pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25028
25115
|
--pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25029
25116
|
--pf-c-sidebar__panel--m-sticky--Top: 0;
|
|
@@ -25033,60 +25120,50 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25033
25120
|
@media (min-width: 768px) {
|
|
25034
25121
|
.pf-c-sidebar {
|
|
25035
25122
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
|
|
25123
|
+
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
|
|
25124
|
+
--pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar__main--m-border--before--md--Display);
|
|
25036
25125
|
--pf-c-sidebar__panel--BoxShadow: none;
|
|
25037
25126
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
|
|
25038
|
-
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
|
|
25039
25127
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
|
|
25040
25128
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
|
|
25041
25129
|
}
|
|
25042
25130
|
}
|
|
25043
25131
|
@media (min-width: 1200px) {
|
|
25044
25132
|
.pf-c-sidebar {
|
|
25045
|
-
--pf-c-sidebar--
|
|
25133
|
+
--pf-c-sidebar--inset: var(--pf-c-sidebar--xl--inset);
|
|
25046
25134
|
}
|
|
25047
25135
|
}
|
|
25048
|
-
.pf-c-sidebar.pf-m-gutter {
|
|
25049
|
-
|
|
25050
|
-
--pf-c-sidebar__main--child--MarginLeft: 0;
|
|
25051
|
-
}
|
|
25052
|
-
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
|
|
25053
|
-
margin-top: var(--pf-c-sidebar__main--child--MarginTop);
|
|
25054
|
-
margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
|
|
25055
|
-
}
|
|
25056
|
-
@media (min-width: 768px) {
|
|
25057
|
-
.pf-c-sidebar.pf-m-gutter {
|
|
25058
|
-
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
25059
|
-
--pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
25060
|
-
}
|
|
25136
|
+
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main {
|
|
25137
|
+
gap: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
25061
25138
|
}
|
|
25062
25139
|
.pf-c-sidebar.pf-m-panel-right {
|
|
25063
25140
|
--pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order);
|
|
25141
|
+
--pf-c-sidebar__content--Order: var(--pf-c-sidebar--m-panel-right__content--Order);
|
|
25064
25142
|
}
|
|
25065
25143
|
@media (min-width: 768px) {
|
|
25066
25144
|
.pf-c-sidebar.pf-m-panel-right {
|
|
25067
25145
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order);
|
|
25146
|
+
--pf-c-sidebar--m-panel-right__content--Order: var(--pf-c-sidebar--m-panel-right__content--md--Order);
|
|
25068
25147
|
}
|
|
25069
25148
|
}
|
|
25070
25149
|
.pf-c-sidebar.pf-m-stack {
|
|
25071
25150
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
|
|
25072
25151
|
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
|
|
25073
|
-
--pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
25074
|
-
--pf-c-sidebar__main--child--MarginLeft: 0;
|
|
25075
25152
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
|
|
25076
25153
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
|
|
25077
25154
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
|
|
25078
25155
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
|
|
25156
|
+
--pf-c-sidebar__main--m-border--before--Display: none;
|
|
25079
25157
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
25080
25158
|
}
|
|
25081
25159
|
.pf-c-sidebar.pf-m-split {
|
|
25082
25160
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
|
|
25083
25161
|
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
|
|
25084
|
-
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
25085
|
-
--pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
25086
25162
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
|
|
25087
25163
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
|
|
25088
25164
|
--pf-c-sidebar__panel--BoxShadow: none;
|
|
25089
25165
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
|
|
25166
|
+
--pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar--m-split__main--m-border--before--Display);
|
|
25090
25167
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
25091
25168
|
}
|
|
25092
25169
|
|
|
@@ -25095,17 +25172,31 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25095
25172
|
flex-direction: var(--pf-c-sidebar__main--FlexDirection);
|
|
25096
25173
|
align-items: var(--pf-c-sidebar__main--AlignItems);
|
|
25097
25174
|
}
|
|
25175
|
+
.pf-c-sidebar__main.pf-m-border::before {
|
|
25176
|
+
display: var(--pf-c-sidebar__main--m-border--before--Display);
|
|
25177
|
+
flex: 0 0 var(--pf-c-sidebar__main--m-border--before--BorderWidth);
|
|
25178
|
+
align-self: stretch;
|
|
25179
|
+
content: "";
|
|
25180
|
+
background-color: var(--pf-c-sidebar__main--m-border--before--BorderColor);
|
|
25181
|
+
}
|
|
25098
25182
|
|
|
25099
25183
|
.pf-c-sidebar__panel {
|
|
25100
25184
|
position: var(--pf-c-sidebar__panel--Position);
|
|
25101
25185
|
top: var(--pf-c-sidebar__panel--Top);
|
|
25102
25186
|
z-index: var(--pf-c-sidebar__panel--ZIndex);
|
|
25103
|
-
flex-shrink: 0;
|
|
25104
25187
|
flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
|
|
25188
|
+
flex-shrink: 0;
|
|
25105
25189
|
order: var(--pf-c-sidebar__panel--Order);
|
|
25190
|
+
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);
|
|
25106
25191
|
background-color: var(--pf-c-sidebar__panel--BackgroundColor);
|
|
25107
25192
|
box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
|
|
25108
25193
|
}
|
|
25194
|
+
.pf-c-sidebar__panel.pf-m-padding {
|
|
25195
|
+
--pf-c-sidebar__panel--PaddingTop: var(--pf-c-sidebar__panel--m-padding--PaddingTop);
|
|
25196
|
+
--pf-c-sidebar__panel--PaddingRight: var(--pf-c-sidebar__panel--m-padding--PaddingRight);
|
|
25197
|
+
--pf-c-sidebar__panel--PaddingBottom: var(--pf-c-sidebar__panel--m-padding--PaddingBottom);
|
|
25198
|
+
--pf-c-sidebar__panel--PaddingLeft: var(--pf-c-sidebar__panel--m-padding--PaddingLeft);
|
|
25199
|
+
}
|
|
25109
25200
|
.pf-c-sidebar__panel.pf-m-sticky {
|
|
25110
25201
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
|
|
25111
25202
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
|
|
@@ -25117,11 +25208,25 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25117
25208
|
|
|
25118
25209
|
.pf-c-sidebar__content {
|
|
25119
25210
|
flex-grow: 1;
|
|
25211
|
+
order: var(--pf-c-sidebar__content--Order);
|
|
25212
|
+
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);
|
|
25120
25213
|
background-color: var(--pf-c-sidebar__content--BackgroundColor);
|
|
25121
25214
|
}
|
|
25215
|
+
.pf-c-sidebar__content.pf-m-padding {
|
|
25216
|
+
--pf-c-sidebar__content--PaddingTop: var(--pf-c-sidebar__content--m-padding--PaddingTop);
|
|
25217
|
+
--pf-c-sidebar__content--PaddingRight: var(--pf-c-sidebar__content--m-padding--PaddingRight);
|
|
25218
|
+
--pf-c-sidebar__content--PaddingBottom: var(--pf-c-sidebar__content--m-padding--PaddingBottom);
|
|
25219
|
+
--pf-c-sidebar__content--PaddingLeft: var(--pf-c-sidebar__content--m-padding--PaddingTop);
|
|
25220
|
+
}
|
|
25122
25221
|
.pf-c-sidebar__content.pf-m-no-background {
|
|
25123
25222
|
--pf-c-sidebar__content--BackgroundColor: transparent;
|
|
25124
25223
|
}
|
|
25224
|
+
.pf-c-sidebar__content + .pf-c-sidebar__panel {
|
|
25225
|
+
--pf-c-sidebar__panel--Order: 1;
|
|
25226
|
+
}
|
|
25227
|
+
:where(.pf-c-sidebar__content:first-child) {
|
|
25228
|
+
--pf-c-sidebar__content--Order: -1;
|
|
25229
|
+
}
|
|
25125
25230
|
|
|
25126
25231
|
.pf-c-sidebar.pf-m-no-background,
|
|
25127
25232
|
.pf-c-sidebar__panel.pf-m-no-background,
|
|
@@ -25314,9 +25419,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25314
25419
|
border: none;
|
|
25315
25420
|
}
|
|
25316
25421
|
.pf-c-simple-list__item-link:hover {
|
|
25317
|
-
text-decoration: none;
|
|
25318
25422
|
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
|
|
25319
25423
|
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
|
|
25424
|
+
text-decoration: none;
|
|
25320
25425
|
}
|
|
25321
25426
|
.pf-c-simple-list__item-link:focus {
|
|
25322
25427
|
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
|
|
@@ -25995,13 +26100,13 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25995
26100
|
.pf-c-spinner__path {
|
|
25996
26101
|
width: 100%;
|
|
25997
26102
|
height: 100%;
|
|
25998
|
-
transform-origin: 50% 50%;
|
|
25999
|
-
animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26000
26103
|
stroke: var(--pf-c-spinner--Color);
|
|
26001
|
-
stroke-linecap: round;
|
|
26002
26104
|
stroke-dasharray: 283;
|
|
26003
26105
|
stroke-dashoffset: 280;
|
|
26106
|
+
stroke-linecap: round;
|
|
26004
26107
|
stroke-width: var(--pf-c-spinner--stroke-width);
|
|
26108
|
+
transform-origin: 50% 50%;
|
|
26109
|
+
animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26005
26110
|
}
|
|
26006
26111
|
|
|
26007
26112
|
@keyframes pf-c-spinner-animation-rotate {
|
|
@@ -26021,8 +26126,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26021
26126
|
stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
|
|
26022
26127
|
}
|
|
26023
26128
|
40% {
|
|
26024
|
-
stroke-dashoffset: 150;
|
|
26025
26129
|
stroke-dasharray: 220;
|
|
26130
|
+
stroke-dashoffset: 150;
|
|
26026
26131
|
}
|
|
26027
26132
|
100% {
|
|
26028
26133
|
stroke-dashoffset: 280;
|
|
@@ -26666,7 +26771,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26666
26771
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
26667
26772
|
}
|
|
26668
26773
|
.pf-m-grid-md.pf-c-table tr:last-child,
|
|
26669
|
-
.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26774
|
+
.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26670
26775
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
26671
26776
|
}
|
|
26672
26777
|
.pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
|
|
@@ -26811,7 +26916,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26811
26916
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
26812
26917
|
}
|
|
26813
26918
|
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
|
|
26814
|
-
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
|
|
26919
|
+
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
|
|
26815
26920
|
position: relative;
|
|
26816
26921
|
}
|
|
26817
26922
|
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -26841,9 +26946,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26841
26946
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
26842
26947
|
}
|
|
26843
26948
|
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
26844
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
26845
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
26846
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
26949
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
26950
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
26951
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
26847
26952
|
width: auto;
|
|
26848
26953
|
padding: 0;
|
|
26849
26954
|
}
|
|
@@ -26863,8 +26968,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26863
26968
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
26864
26969
|
}
|
|
26865
26970
|
.pf-m-grid-md.pf-c-table .pf-c-table__check,
|
|
26866
|
-
.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
|
|
26867
|
-
.pf-m-grid-md.pf-c-table .pf-c-table__action {
|
|
26971
|
+
.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
|
|
26972
|
+
.pf-m-grid-md.pf-c-table .pf-c-table__action {
|
|
26868
26973
|
grid-row-start: 1;
|
|
26869
26974
|
grid-column-start: 2;
|
|
26870
26975
|
}
|
|
@@ -26981,7 +27086,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26981
27086
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
26982
27087
|
}
|
|
26983
27088
|
.pf-m-grid-lg.pf-c-table tr:last-child,
|
|
26984
|
-
.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27089
|
+
.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26985
27090
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
26986
27091
|
}
|
|
26987
27092
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27126,7 +27231,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27126
27231
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27127
27232
|
}
|
|
27128
27233
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
|
|
27129
|
-
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27234
|
+
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27130
27235
|
position: relative;
|
|
27131
27236
|
}
|
|
27132
27237
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27156,9 +27261,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27156
27261
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27157
27262
|
}
|
|
27158
27263
|
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27159
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27160
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27161
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27264
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27265
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27266
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27162
27267
|
width: auto;
|
|
27163
27268
|
padding: 0;
|
|
27164
27269
|
}
|
|
@@ -27178,8 +27283,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27178
27283
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27179
27284
|
}
|
|
27180
27285
|
.pf-m-grid-lg.pf-c-table .pf-c-table__check,
|
|
27181
|
-
.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
|
|
27182
|
-
.pf-m-grid-lg.pf-c-table .pf-c-table__action {
|
|
27286
|
+
.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
|
|
27287
|
+
.pf-m-grid-lg.pf-c-table .pf-c-table__action {
|
|
27183
27288
|
grid-row-start: 1;
|
|
27184
27289
|
grid-column-start: 2;
|
|
27185
27290
|
}
|
|
@@ -27296,7 +27401,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27296
27401
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
27297
27402
|
}
|
|
27298
27403
|
.pf-m-grid-xl.pf-c-table tr:last-child,
|
|
27299
|
-
.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27404
|
+
.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27300
27405
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
27301
27406
|
}
|
|
27302
27407
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27441,7 +27546,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27441
27546
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27442
27547
|
}
|
|
27443
27548
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
|
|
27444
|
-
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27549
|
+
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27445
27550
|
position: relative;
|
|
27446
27551
|
}
|
|
27447
27552
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27471,9 +27576,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27471
27576
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27472
27577
|
}
|
|
27473
27578
|
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27474
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27475
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27476
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27579
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27580
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27581
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27477
27582
|
width: auto;
|
|
27478
27583
|
padding: 0;
|
|
27479
27584
|
}
|
|
@@ -27493,8 +27598,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27493
27598
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27494
27599
|
}
|
|
27495
27600
|
.pf-m-grid-xl.pf-c-table .pf-c-table__check,
|
|
27496
|
-
.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
|
|
27497
|
-
.pf-m-grid-xl.pf-c-table .pf-c-table__action {
|
|
27601
|
+
.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
|
|
27602
|
+
.pf-m-grid-xl.pf-c-table .pf-c-table__action {
|
|
27498
27603
|
grid-row-start: 1;
|
|
27499
27604
|
grid-column-start: 2;
|
|
27500
27605
|
}
|
|
@@ -27611,7 +27716,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27611
27716
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
27612
27717
|
}
|
|
27613
27718
|
.pf-m-grid-2xl.pf-c-table tr:last-child,
|
|
27614
|
-
.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27719
|
+
.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27615
27720
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
27616
27721
|
}
|
|
27617
27722
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27756,7 +27861,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27756
27861
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27757
27862
|
}
|
|
27758
27863
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
|
|
27759
|
-
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27864
|
+
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27760
27865
|
position: relative;
|
|
27761
27866
|
}
|
|
27762
27867
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27786,9 +27891,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27786
27891
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27787
27892
|
}
|
|
27788
27893
|
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27789
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27790
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27791
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27894
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27895
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27896
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27792
27897
|
width: auto;
|
|
27793
27898
|
padding: 0;
|
|
27794
27899
|
}
|
|
@@ -27808,8 +27913,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27808
27913
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27809
27914
|
}
|
|
27810
27915
|
.pf-m-grid-2xl.pf-c-table .pf-c-table__check,
|
|
27811
|
-
.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
|
|
27812
|
-
.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
|
|
27916
|
+
.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
|
|
27917
|
+
.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
|
|
27813
27918
|
grid-row-start: 1;
|
|
27814
27919
|
grid-column-start: 2;
|
|
27815
27920
|
}
|
|
@@ -28084,6 +28189,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28084
28189
|
--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
|
|
28085
28190
|
--pf-c-table__subhead--Color: var(--pf-global--Color--200);
|
|
28086
28191
|
--pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
|
|
28192
|
+
--pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-global--ZIndex--xs);
|
|
28087
28193
|
color: var(--pf-global--Color--100);
|
|
28088
28194
|
width: 100%;
|
|
28089
28195
|
background-color: var(--pf-c-table--BackgroundColor);
|
|
@@ -28112,7 +28218,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28112
28218
|
border-bottom: 0;
|
|
28113
28219
|
}
|
|
28114
28220
|
.pf-c-table.pf-m-sticky-header > thead > tr > * {
|
|
28115
|
-
z-index: var(--pf-
|
|
28221
|
+
z-index: var(--pf-c-table--m-sticky-header--cell--ZIndex);
|
|
28116
28222
|
}
|
|
28117
28223
|
.pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
|
|
28118
28224
|
position: sticky;
|
|
@@ -28483,9 +28589,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28483
28589
|
.pf-c-table__button-content,
|
|
28484
28590
|
.pf-c-table__column-help {
|
|
28485
28591
|
display: grid;
|
|
28592
|
+
grid-template-columns: auto max-content;
|
|
28486
28593
|
align-items: end;
|
|
28487
28594
|
justify-content: start;
|
|
28488
|
-
grid-template-columns: auto max-content;
|
|
28489
28595
|
}
|
|
28490
28596
|
.pf-c-table__button-content .pf-c-table__text,
|
|
28491
28597
|
.pf-c-table__column-help .pf-c-table__text {
|
|
@@ -28591,6 +28697,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28591
28697
|
vertical-align: middle;
|
|
28592
28698
|
}
|
|
28593
28699
|
|
|
28700
|
+
.pf-c-table__action {
|
|
28701
|
+
text-align: right;
|
|
28702
|
+
}
|
|
28703
|
+
|
|
28594
28704
|
.pf-c-table__inline-edit-action {
|
|
28595
28705
|
--pf-c-table--cell--PaddingLeft: 0;
|
|
28596
28706
|
--pf-c-table--cell--PaddingRight: 0;
|
|
@@ -28928,39 +29038,44 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28928
29038
|
}
|
|
28929
29039
|
|
|
28930
29040
|
.pf-c-table {
|
|
28931
|
-
--pf-c-table__sticky-
|
|
28932
|
-
--pf-c-table__sticky-
|
|
28933
|
-
--pf-c-table__sticky-
|
|
28934
|
-
--pf-c-table__sticky-
|
|
28935
|
-
--pf-c-table__sticky-
|
|
28936
|
-
--pf-c-table__sticky-
|
|
28937
|
-
--pf-c-table__sticky-
|
|
28938
|
-
--pf-c-table__sticky-
|
|
28939
|
-
--pf-c-table__sticky-
|
|
28940
|
-
--pf-c-table__sticky-
|
|
28941
|
-
--pf-c-
|
|
28942
|
-
|
|
28943
|
-
|
|
29041
|
+
--pf-c-table__sticky-cell--MinWidth--base: 12.5rem;
|
|
29042
|
+
--pf-c-table__sticky-cell--MinWidth: var(--pf-c-table__sticky-cell--MinWidth--base);
|
|
29043
|
+
--pf-c-table__sticky-cell--ZIndex: var(--pf-global--ZIndex--xs);
|
|
29044
|
+
--pf-c-table__sticky-cell--Right: auto;
|
|
29045
|
+
--pf-c-table__sticky-cell--Left: auto;
|
|
29046
|
+
--pf-c-table__sticky-cell--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
29047
|
+
--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
29048
|
+
--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
29049
|
+
--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
29050
|
+
--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
|
|
29051
|
+
--pf-c-table__sticky-cell--m-right--Right: 0;
|
|
29052
|
+
--pf-c-table__sticky-cell--m-left--Left: 0;
|
|
29053
|
+
--pf-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-c-table__sticky-cell--ZIndex) + 1);
|
|
29054
|
+
}
|
|
29055
|
+
.pf-c-table .pf-c-table__sticky-cell {
|
|
29056
|
+
--pf-c-table--cell--Overflow: visible;
|
|
29057
|
+
--pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-c-table--m-sticky-header__sticky-cell--ZIndex);
|
|
28944
29058
|
position: sticky;
|
|
28945
|
-
|
|
28946
|
-
|
|
28947
|
-
|
|
28948
|
-
|
|
29059
|
+
right: var(--pf-c-table__sticky-cell--Right);
|
|
29060
|
+
left: var(--pf-c-table__sticky-cell--Left);
|
|
29061
|
+
z-index: var(--pf-c-table__sticky-cell--ZIndex);
|
|
29062
|
+
min-width: var(--pf-c-table__sticky-cell--MinWidth);
|
|
29063
|
+
background-color: var(--pf-c-table__sticky-cell--BackgroundColor);
|
|
28949
29064
|
background-clip: padding-box;
|
|
28950
29065
|
}
|
|
28951
|
-
.pf-c-table .pf-c-table__sticky-
|
|
28952
|
-
--pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-
|
|
28953
|
-
--pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-
|
|
29066
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-border-right::before {
|
|
29067
|
+
--pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
|
|
29068
|
+
--pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor);
|
|
28954
29069
|
}
|
|
28955
|
-
.pf-c-table .pf-c-table__sticky-
|
|
28956
|
-
--pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-
|
|
28957
|
-
--pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-
|
|
29070
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-border-left::before {
|
|
29071
|
+
--pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
|
|
29072
|
+
--pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
|
|
28958
29073
|
}
|
|
28959
|
-
.pf-c-table.pf-m-
|
|
28960
|
-
--pf-c-
|
|
29074
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-right {
|
|
29075
|
+
--pf-c-table__sticky-cell--Right: var(--pf-c-table__sticky-cell--m-right--Right);
|
|
28961
29076
|
}
|
|
28962
|
-
.pf-c-table.pf-
|
|
28963
|
-
|
|
29077
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-left {
|
|
29078
|
+
--pf-c-table__sticky-cell--Left: var(--pf-c-table__sticky-cell--m-left--Left);
|
|
28964
29079
|
}
|
|
28965
29080
|
|
|
28966
29081
|
.pf-c-scroll-outer-wrapper {
|
|
@@ -28996,10 +29111,20 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28996
29111
|
--pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
|
|
28997
29112
|
--pf-c-table--m-tree-view__toggle--TranslateX: -100%;
|
|
28998
29113
|
--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
29114
|
+
--pf-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
|
|
29115
|
+
--pf-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
|
|
28999
29116
|
}
|
|
29000
29117
|
.pf-c-table.pf-m-tree-view > tbody > tr {
|
|
29001
29118
|
--pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
|
|
29002
29119
|
}
|
|
29120
|
+
.pf-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
|
|
29121
|
+
--pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
29122
|
+
--pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
29123
|
+
}
|
|
29124
|
+
.pf-c-table.pf-m-tree-view.pf-m-no-inset {
|
|
29125
|
+
--pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
29126
|
+
--pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
29127
|
+
}
|
|
29003
29128
|
.pf-c-table.pf-m-tree-view tr[aria-level="2"] {
|
|
29004
29129
|
--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));
|
|
29005
29130
|
}
|
|
@@ -29295,7 +29420,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29295
29420
|
display: block;
|
|
29296
29421
|
}
|
|
29297
29422
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29298
|
-
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
29423
|
+
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
29299
29424
|
display: inline-block;
|
|
29300
29425
|
}
|
|
29301
29426
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
@@ -29436,7 +29561,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29436
29561
|
display: block;
|
|
29437
29562
|
}
|
|
29438
29563
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29439
|
-
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
29564
|
+
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
29440
29565
|
display: inline-block;
|
|
29441
29566
|
}
|
|
29442
29567
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
@@ -29577,7 +29702,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29577
29702
|
display: block;
|
|
29578
29703
|
}
|
|
29579
29704
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29580
|
-
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
29705
|
+
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
29581
29706
|
display: inline-block;
|
|
29582
29707
|
}
|
|
29583
29708
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
@@ -29718,7 +29843,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29718
29843
|
display: block;
|
|
29719
29844
|
}
|
|
29720
29845
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29721
|
-
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
29846
|
+
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
29722
29847
|
display: inline-block;
|
|
29723
29848
|
}
|
|
29724
29849
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
@@ -29888,7 +30013,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29888
30013
|
--pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
29889
30014
|
--pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
|
|
29890
30015
|
--pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
|
|
29891
|
-
--pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
|
|
29892
30016
|
--pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
|
|
29893
30017
|
--pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
|
|
29894
30018
|
--pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
|
|
@@ -30362,9 +30486,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30362
30486
|
--pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
|
|
30363
30487
|
outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
|
|
30364
30488
|
}
|
|
30365
|
-
.pf-c-tabs__item-action.pf-m-help {
|
|
30366
|
-
--pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
|
|
30367
|
-
}
|
|
30368
30489
|
.pf-c-tabs__item-action:last-child {
|
|
30369
30490
|
--pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
|
|
30370
30491
|
}
|
|
@@ -30675,7 +30796,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30675
30796
|
--pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
|
|
30676
30797
|
--pf-c-text-input-group__text-input--MinWidth: 12ch;
|
|
30677
30798
|
--pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
30678
|
-
--pf-c-text-input-
|
|
30799
|
+
--pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
|
|
30800
|
+
--pf-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
30679
30801
|
--pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
|
|
30680
30802
|
--pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
|
|
30681
30803
|
--pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
@@ -30732,9 +30854,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30732
30854
|
|
|
30733
30855
|
.pf-c-text-input-group__text {
|
|
30734
30856
|
display: inline-grid;
|
|
30735
|
-
grid-template-columns: 1fr;
|
|
30736
|
-
grid-template-areas: "text-input";
|
|
30737
30857
|
flex: 1;
|
|
30858
|
+
grid-template-areas: "text-input";
|
|
30859
|
+
grid-template-columns: 1fr;
|
|
30738
30860
|
}
|
|
30739
30861
|
.pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
|
|
30740
30862
|
position: absolute;
|
|
@@ -30775,6 +30897,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30775
30897
|
width: 100%;
|
|
30776
30898
|
min-width: var(--pf-c-text-input-group__text-input--MinWidth);
|
|
30777
30899
|
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);
|
|
30900
|
+
background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
|
|
30778
30901
|
border: 0;
|
|
30779
30902
|
}
|
|
30780
30903
|
.pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
|
|
@@ -30784,7 +30907,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30784
30907
|
color: var(--pf-c-text-input-group__text-input--m-hint--Color);
|
|
30785
30908
|
}
|
|
30786
30909
|
.pf-c-text-input-group__text-input::placeholder {
|
|
30787
|
-
color: var(--pf-c-text-input-
|
|
30910
|
+
color: var(--pf-c-text-input-group__text-input--placeholder--Color);
|
|
30788
30911
|
}
|
|
30789
30912
|
|
|
30790
30913
|
.pf-c-text-input-group__utilities {
|
|
@@ -30849,11 +30972,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30849
30972
|
--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
30850
30973
|
position: relative;
|
|
30851
30974
|
display: inline-grid;
|
|
30975
|
+
grid-template-rows: min-content;
|
|
30852
30976
|
padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
|
|
30853
30977
|
text-align: center;
|
|
30854
30978
|
cursor: pointer;
|
|
30855
30979
|
background-color: var(--pf-c-tile--BackgroundColor);
|
|
30856
|
-
grid-template-rows: min-content;
|
|
30857
30980
|
transition: var(--pf-c-tile--Transition);
|
|
30858
30981
|
transform: translateY(var(--pf-c-tile--TranslateY));
|
|
30859
30982
|
}
|
|
@@ -31005,12 +31128,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31005
31128
|
outline-offset: var(--pf-c-timestamp--OutlineOffset);
|
|
31006
31129
|
}
|
|
31007
31130
|
.pf-c-timestamp.pf-m-help-text {
|
|
31008
|
-
cursor: pointer;
|
|
31009
31131
|
text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
|
|
31010
|
-
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
31011
31132
|
text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
|
|
31012
|
-
text-
|
|
31133
|
+
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
31013
31134
|
text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
|
|
31135
|
+
text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
31136
|
+
cursor: pointer;
|
|
31014
31137
|
}
|
|
31015
31138
|
.pf-c-timestamp.pf-m-help-text:hover {
|
|
31016
31139
|
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
|
|
@@ -31233,8 +31356,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31233
31356
|
--pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
|
|
31234
31357
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
31235
31358
|
--pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
|
|
31236
|
-
--pf-c-tooltip__arrow--Width: 0.
|
|
31237
|
-
--pf-c-tooltip__arrow--Height: 0.
|
|
31359
|
+
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31360
|
+
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31361
|
+
--pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
31362
|
+
--pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
31238
31363
|
--pf-c-tooltip__arrow--m-top--TranslateX: -50%;
|
|
31239
31364
|
--pf-c-tooltip__arrow--m-top--TranslateY: 50%;
|
|
31240
31365
|
--pf-c-tooltip__arrow--m-top--Rotate: 45deg;
|
|
@@ -31304,7 +31429,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31304
31429
|
width: var(--pf-c-tooltip__arrow--Width);
|
|
31305
31430
|
height: var(--pf-c-tooltip__arrow--Height);
|
|
31306
31431
|
pointer-events: none;
|
|
31307
|
-
background-color: var(--pf-c-
|
|
31432
|
+
background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
|
|
31433
|
+
box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
|
|
31308
31434
|
}
|
|
31309
31435
|
|
|
31310
31436
|
: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,
|
|
@@ -31344,16 +31470,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31344
31470
|
}
|
|
31345
31471
|
|
|
31346
31472
|
:where(.pf-theme-dark) .pf-c-tooltip {
|
|
31347
|
-
--pf-c-tooltip--BoxShadow: none;
|
|
31348
31473
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31349
|
-
|
|
31350
|
-
:where(.pf-theme-dark) .pf-c-tooltip,
|
|
31351
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31352
|
-
border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
|
|
31353
|
-
}
|
|
31354
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31355
|
-
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31356
|
-
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31474
|
+
--pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31357
31475
|
}
|
|
31358
31476
|
|
|
31359
31477
|
.pf-c-truncate {
|
|
@@ -31438,11 +31556,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31438
31556
|
--pf-c-tree-view__node--Color: var(--pf-global--Color--100);
|
|
31439
31557
|
--pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
|
|
31440
31558
|
--pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
|
|
31559
|
+
--pf-c-tree-view__node--BackgroundColor: transparent;
|
|
31441
31560
|
--pf-c-tree-view__node-container--Display: contents;
|
|
31442
31561
|
--pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
|
|
31443
31562
|
--pf-c-tree-view__node-content--Overflow: visible;
|
|
31444
31563
|
--pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31445
|
-
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--
|
|
31564
|
+
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31446
31565
|
--pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
|
|
31447
31566
|
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
31448
31567
|
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -31452,6 +31571,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31452
31571
|
--pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
|
|
31453
31572
|
--pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
|
|
31454
31573
|
--pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
|
|
31574
|
+
--pf-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
31455
31575
|
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
|
|
31456
31576
|
--pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
31457
31577
|
--pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
|
|
@@ -31476,10 +31596,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31476
31596
|
--pf-c-tree-view__node-text--max-lines: 1;
|
|
31477
31597
|
--pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
31478
31598
|
--pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
|
|
31479
|
-
--pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31480
|
-
--pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
|
|
31481
|
-
--pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
|
|
31482
|
-
--pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
|
|
31483
31599
|
--pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
|
|
31484
31600
|
--pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
|
|
31485
31601
|
--pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
|
|
@@ -31677,13 +31793,14 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31677
31793
|
display: flex;
|
|
31678
31794
|
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);
|
|
31679
31795
|
color: var(--pf-c-tree-view__node--Color);
|
|
31796
|
+
background-color: var(--pf-c-tree-view__node--BackgroundColor);
|
|
31680
31797
|
}
|
|
31681
31798
|
.pf-c-tree-view__node.pf-m-current {
|
|
31682
31799
|
--pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
|
|
31683
31800
|
font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
|
|
31684
31801
|
}
|
|
31685
31802
|
.pf-c-tree-view__node:focus {
|
|
31686
|
-
|
|
31803
|
+
--pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
|
|
31687
31804
|
}
|
|
31688
31805
|
.pf-c-tree-view__node .pf-c-tree-view__node-count {
|
|
31689
31806
|
margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
|
|
@@ -31730,6 +31847,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31730
31847
|
margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
|
|
31731
31848
|
margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
|
|
31732
31849
|
color: var(--pf-c-tree-view__node-toggle--Color);
|
|
31850
|
+
background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
|
|
31733
31851
|
border: 0;
|
|
31734
31852
|
transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
31735
31853
|
}
|
|
@@ -31753,6 +31871,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31753
31871
|
font-weight: inherit;
|
|
31754
31872
|
color: inherit;
|
|
31755
31873
|
text-align: left;
|
|
31874
|
+
background-color: transparent;
|
|
31756
31875
|
border: 0;
|
|
31757
31876
|
}
|
|
31758
31877
|
label.pf-c-tree-view__node-text {
|
|
@@ -31784,15 +31903,6 @@ label.pf-c-tree-view__node-text {
|
|
|
31784
31903
|
|
|
31785
31904
|
.pf-c-tree-view__action {
|
|
31786
31905
|
margin-left: var(--pf-c-tree-view__action--MarginLeft);
|
|
31787
|
-
color: var(--pf-c-tree-view__action--Color);
|
|
31788
|
-
border: 0;
|
|
31789
|
-
}
|
|
31790
|
-
.pf-c-tree-view__action:hover {
|
|
31791
|
-
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
|
|
31792
|
-
}
|
|
31793
|
-
.pf-c-tree-view__action:focus {
|
|
31794
|
-
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
|
|
31795
|
-
background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
|
|
31796
31906
|
}
|
|
31797
31907
|
|
|
31798
31908
|
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
@@ -31941,9 +32051,14 @@ label.pf-c-tree-view__node-text {
|
|
|
31941
32051
|
--pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
|
|
31942
32052
|
--pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
|
|
31943
32053
|
--pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
|
|
32054
|
+
--pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
|
|
32055
|
+
--pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
32056
|
+
--pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
32057
|
+
--pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
31944
32058
|
--pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
|
|
31945
32059
|
--pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
|
|
31946
32060
|
--pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
|
|
32061
|
+
--pf-c-wizard__nav-link--BackgroundColor: transparent;
|
|
31947
32062
|
--pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
|
|
31948
32063
|
--pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
|
|
31949
32064
|
--pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
|
|
@@ -32123,6 +32238,8 @@ label.pf-c-tree-view__node-text {
|
|
|
32123
32238
|
position: absolute;
|
|
32124
32239
|
top: var(--pf-c-wizard__close--Top);
|
|
32125
32240
|
right: var(--pf-c-wizard__close--Right);
|
|
32241
|
+
}
|
|
32242
|
+
.pf-c-wizard__header .pf-c-wizard__close button {
|
|
32126
32243
|
font-size: var(--pf-c-wizard__close--FontSize);
|
|
32127
32244
|
}
|
|
32128
32245
|
|
|
@@ -32131,6 +32248,13 @@ label.pf-c-tree-view__node-text {
|
|
|
32131
32248
|
word-wrap: break-word;
|
|
32132
32249
|
}
|
|
32133
32250
|
|
|
32251
|
+
.pf-c-wizard__title-text {
|
|
32252
|
+
font-family: var(--pf-c-wizard__title-text--FontFamily);
|
|
32253
|
+
font-size: var(--pf-c-wizard__title-text--FontSize);
|
|
32254
|
+
font-weight: var(--pf-c-wizard__title-text--FontWeight);
|
|
32255
|
+
line-height: var(--pf-c-wizard__title-text--LineHeight);
|
|
32256
|
+
}
|
|
32257
|
+
|
|
32134
32258
|
.pf-c-wizard__description {
|
|
32135
32259
|
display: none;
|
|
32136
32260
|
padding-top: var(--pf-c-wizard__description--PaddingTop);
|
|
@@ -32293,6 +32417,7 @@ label.pf-c-tree-view__node-text {
|
|
|
32293
32417
|
text-align: left;
|
|
32294
32418
|
text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
|
|
32295
32419
|
word-break: break-word;
|
|
32420
|
+
background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
|
|
32296
32421
|
border: 0;
|
|
32297
32422
|
}
|
|
32298
32423
|
.pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
|
|
@@ -32378,8 +32503,8 @@ label.pf-c-tree-view__node-text {
|
|
|
32378
32503
|
position: relative;
|
|
32379
32504
|
z-index: var(--pf-c-wizard__footer--ZIndex);
|
|
32380
32505
|
display: flex;
|
|
32381
|
-
flex-wrap: wrap;
|
|
32382
32506
|
flex-shrink: 0;
|
|
32507
|
+
flex-wrap: wrap;
|
|
32383
32508
|
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);
|
|
32384
32509
|
background-color: var(--pf-c-wizard__footer--BackgroundColor);
|
|
32385
32510
|
}
|
|
@@ -34060,8 +34185,8 @@ label.pf-c-tree-view__node-text {
|
|
|
34060
34185
|
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
34061
34186
|
--pf-l-gallery--GridTemplateRows: auto;
|
|
34062
34187
|
display: grid;
|
|
34063
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
34064
34188
|
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
34189
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
34065
34190
|
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
34066
34191
|
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
34067
34192
|
}
|
|
@@ -34129,39 +34254,39 @@ label.pf-c-tree-view__node-text {
|
|
|
34129
34254
|
}
|
|
34130
34255
|
.pf-l-grid > *,
|
|
34131
34256
|
.pf-l-grid .pf-l-grid__item {
|
|
34132
|
-
min-width: 0;
|
|
34133
|
-
min-height: 0;
|
|
34134
34257
|
grid-column-start: var(--pf-l-grid__item--GridColumnStart);
|
|
34135
34258
|
grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
|
|
34259
|
+
min-width: 0;
|
|
34260
|
+
min-height: 0;
|
|
34136
34261
|
order: var(--pf-l-grid--item--Order);
|
|
34137
34262
|
}
|
|
34138
34263
|
@media (min-width: 576px) {
|
|
34139
34264
|
.pf-l-grid > *,
|
|
34140
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34265
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34141
34266
|
order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
|
|
34142
34267
|
}
|
|
34143
34268
|
}
|
|
34144
34269
|
@media (min-width: 768px) {
|
|
34145
34270
|
.pf-l-grid > *,
|
|
34146
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34271
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34147
34272
|
order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
|
|
34148
34273
|
}
|
|
34149
34274
|
}
|
|
34150
34275
|
@media (min-width: 992px) {
|
|
34151
34276
|
.pf-l-grid > *,
|
|
34152
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34277
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34153
34278
|
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))));
|
|
34154
34279
|
}
|
|
34155
34280
|
}
|
|
34156
34281
|
@media (min-width: 1200px) {
|
|
34157
34282
|
.pf-l-grid > *,
|
|
34158
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34283
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34159
34284
|
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)))));
|
|
34160
34285
|
}
|
|
34161
34286
|
}
|
|
34162
34287
|
@media (min-width: 1450px) {
|
|
34163
34288
|
.pf-l-grid > *,
|
|
34164
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34289
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34165
34290
|
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))))));
|
|
34166
34291
|
}
|
|
34167
34292
|
}
|