@patternfly/patternfly 5.0.0-alpha.3 → 5.0.0-alpha.30
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 +67 -39
- package/components/Toolbar/toolbar.scss +39 -5
- 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 +471 -378
- 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 +160 -111
- 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 +32 -35
- 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 +83 -67
- package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
- package/docs/demos/Table/examples/Table.md +2465 -478
- package/docs/demos/Tabs/examples/Tabs.md +141 -90
- package/docs/demos/Toolbar/examples/Toolbar.md +1811 -177
- 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 +770 -652
- package/patternfly.css +770 -652
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +8 -24
- package/sass-utilities/mixins.scss +15 -39
- package/sass-utilities/scss-variables.scss +1 -1
- package/sass-utilities/themes/dark/scss-variables.scss +1 -1
- package/utilities/Spacing/spacing.scss +2 -2
- package/base/_shield-inheritable.scss +0 -69
- package/base/_shield-noninheritable.scss +0 -13
- package/base/patternfly-shield-inheritable.css +0 -66
- package/base/patternfly-shield-inheritable.scss +0 -4
- package/base/patternfly-shield-noninheritable.css +0 -9
- package/base/patternfly-shield-noninheritable.scss +0 -4
package/patternfly-no-reset.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-
|
|
2
|
+
.pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
|
|
3
3
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
4
4
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
5
5
|
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
@@ -470,133 +470,123 @@
|
|
|
470
470
|
|
|
471
471
|
@font-face {
|
|
472
472
|
font-family: "RedHatDisplay";
|
|
473
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
474
473
|
font-style: normal;
|
|
475
474
|
font-weight: 300;
|
|
475
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
476
476
|
text-rendering: optimizelegibility;
|
|
477
477
|
}
|
|
478
478
|
@font-face {
|
|
479
479
|
font-family: "RedHatDisplay";
|
|
480
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
|
|
481
480
|
font-style: normal;
|
|
482
481
|
font-weight: 400;
|
|
482
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
|
|
483
483
|
text-rendering: optimizelegibility;
|
|
484
484
|
}
|
|
485
485
|
@font-face {
|
|
486
486
|
font-family: "RedHatDisplay";
|
|
487
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
|
|
488
487
|
font-style: normal;
|
|
489
488
|
font-weight: 700;
|
|
489
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
|
|
490
490
|
text-rendering: optimizelegibility;
|
|
491
491
|
}
|
|
492
492
|
@font-face {
|
|
493
493
|
font-family: "RedHatText";
|
|
494
|
-
src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
|
|
495
494
|
font-style: normal;
|
|
496
495
|
font-weight: 400;
|
|
496
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
|
|
497
497
|
text-rendering: optimizelegibility;
|
|
498
498
|
}
|
|
499
499
|
@font-face {
|
|
500
500
|
font-family: "RedHatText";
|
|
501
|
-
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
|
|
502
501
|
font-style: normal;
|
|
503
502
|
font-weight: 700;
|
|
503
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
|
|
504
504
|
text-rendering: optimizelegibility;
|
|
505
505
|
}
|
|
506
506
|
@font-face {
|
|
507
507
|
font-family: "RedHatDisplayUpdated";
|
|
508
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
|
|
509
508
|
font-style: normal;
|
|
510
509
|
font-weight: 300;
|
|
510
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
|
|
511
511
|
text-rendering: optimizelegibility;
|
|
512
512
|
}
|
|
513
513
|
@font-face {
|
|
514
514
|
font-family: "RedHatDisplayUpdated";
|
|
515
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
|
|
516
515
|
font-style: normal;
|
|
517
516
|
font-weight: 400;
|
|
517
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
|
|
518
518
|
text-rendering: optimizelegibility;
|
|
519
519
|
}
|
|
520
520
|
@font-face {
|
|
521
521
|
font-family: "RedHatDisplayUpdated";
|
|
522
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
|
|
523
522
|
font-style: normal;
|
|
524
523
|
font-weight: 700;
|
|
524
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
|
|
525
525
|
text-rendering: optimizelegibility;
|
|
526
526
|
}
|
|
527
527
|
@font-face {
|
|
528
528
|
font-family: "RedHatTextUpdated";
|
|
529
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
|
|
530
529
|
font-style: normal;
|
|
531
530
|
font-weight: 400;
|
|
531
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
|
|
532
532
|
text-rendering: optimizelegibility;
|
|
533
533
|
}
|
|
534
534
|
@font-face {
|
|
535
535
|
font-family: "RedHatTextUpdated";
|
|
536
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
|
|
537
536
|
font-style: normal;
|
|
538
537
|
font-weight: 700;
|
|
538
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
|
|
539
539
|
text-rendering: optimizelegibility;
|
|
540
540
|
}
|
|
541
541
|
@font-face {
|
|
542
542
|
font-family: "RedHatMono";
|
|
543
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
|
|
544
543
|
font-style: normal;
|
|
545
544
|
font-weight: 400;
|
|
545
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
|
|
546
546
|
font-display: fallback;
|
|
547
547
|
}
|
|
548
548
|
@font-face {
|
|
549
549
|
font-family: "RedHatDisplayVF";
|
|
550
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
|
|
551
550
|
font-style: normal;
|
|
552
551
|
font-weight: 300 900;
|
|
552
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
|
|
553
553
|
font-display: fallback;
|
|
554
554
|
}
|
|
555
555
|
@font-face {
|
|
556
556
|
font-family: "RedHatDisplayVF";
|
|
557
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
558
557
|
font-style: italic;
|
|
559
558
|
font-weight: 300 900;
|
|
559
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
560
560
|
font-display: fallback;
|
|
561
561
|
}
|
|
562
562
|
@font-face {
|
|
563
563
|
font-family: "RedHatTextVF";
|
|
564
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
|
|
565
564
|
font-style: normal;
|
|
566
565
|
font-weight: 400 500;
|
|
566
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
|
|
567
567
|
font-display: fallback;
|
|
568
568
|
}
|
|
569
569
|
@font-face {
|
|
570
570
|
font-family: "RedHatTextVF";
|
|
571
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
572
571
|
font-style: italic;
|
|
573
572
|
font-weight: 400 500;
|
|
573
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
574
574
|
font-display: fallback;
|
|
575
575
|
}
|
|
576
576
|
@font-face {
|
|
577
577
|
font-family: "RedHatMonoVF";
|
|
578
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
|
|
579
578
|
font-style: normal;
|
|
580
579
|
font-weight: 300 700;
|
|
580
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
|
|
581
581
|
font-display: fallback;
|
|
582
582
|
}
|
|
583
583
|
@font-face {
|
|
584
584
|
font-family: "RedHatMonoVF";
|
|
585
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
|
|
586
585
|
font-style: italic;
|
|
587
586
|
font-weight: 300 700;
|
|
587
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
|
|
588
588
|
font-display: fallback;
|
|
589
589
|
}
|
|
590
|
-
[class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
|
|
591
|
-
padding: 0;
|
|
592
|
-
margin: 0;
|
|
593
|
-
background-color: transparent;
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
html {
|
|
597
|
-
font-size: var(--pf-global--root--FontSize, unset) !important;
|
|
598
|
-
}
|
|
599
|
-
|
|
600
590
|
.pf-screen-reader {
|
|
601
591
|
position: fixed;
|
|
602
592
|
top: 0;
|
|
@@ -4843,7 +4833,7 @@ html {
|
|
|
4843
4833
|
font-family: "pficon";
|
|
4844
4834
|
src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
|
|
4845
4835
|
}
|
|
4846
|
-
.pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
|
|
4836
|
+
.pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
|
|
4847
4837
|
font-family: "pficon";
|
|
4848
4838
|
-webkit-font-smoothing: antialiased;
|
|
4849
4839
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -4942,6 +4932,10 @@ html {
|
|
|
4942
4932
|
content: "\e976";
|
|
4943
4933
|
}
|
|
4944
4934
|
|
|
4935
|
+
.pf-icon-data-processor:before {
|
|
4936
|
+
content: "\e97b";
|
|
4937
|
+
}
|
|
4938
|
+
|
|
4945
4939
|
.pf-icon-data-sink:before {
|
|
4946
4940
|
content: "\e978";
|
|
4947
4941
|
}
|
|
@@ -5362,30 +5356,12 @@ html {
|
|
|
5362
5356
|
content: "\e911";
|
|
5363
5357
|
}
|
|
5364
5358
|
|
|
5365
|
-
.pf-svg
|
|
5359
|
+
.pf-svg {
|
|
5366
5360
|
width: 1em;
|
|
5367
5361
|
height: 1em;
|
|
5368
5362
|
vertical-align: -0.125em;
|
|
5369
5363
|
}
|
|
5370
5364
|
|
|
5371
|
-
.pf-svg-size-md {
|
|
5372
|
-
width: 1.5em;
|
|
5373
|
-
height: 1.5em;
|
|
5374
|
-
vertical-align: -0.1875em;
|
|
5375
|
-
}
|
|
5376
|
-
|
|
5377
|
-
.pf-svg-size-lg {
|
|
5378
|
-
width: 2em;
|
|
5379
|
-
height: 2em;
|
|
5380
|
-
vertical-align: -0.25em;
|
|
5381
|
-
}
|
|
5382
|
-
|
|
5383
|
-
.pf-svg-size-xl {
|
|
5384
|
-
width: 3em;
|
|
5385
|
-
height: 3em;
|
|
5386
|
-
vertical-align: -0.375em;
|
|
5387
|
-
}
|
|
5388
|
-
|
|
5389
5365
|
.pf-c-about-modal-box {
|
|
5390
5366
|
--pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
5391
5367
|
--pf-c-about-modal-box--Height: 100%;
|
|
@@ -5437,8 +5413,8 @@ html {
|
|
|
5437
5413
|
color: var(--pf-global--Color--100);
|
|
5438
5414
|
position: relative;
|
|
5439
5415
|
display: grid;
|
|
5440
|
-
grid-template-rows: max-content max-content auto;
|
|
5441
5416
|
grid-template-areas: "brand close" "header header" "content content";
|
|
5417
|
+
grid-template-rows: max-content max-content auto;
|
|
5442
5418
|
width: var(--pf-c-about-modal-box--Width);
|
|
5443
5419
|
height: var(--pf-c-about-modal-box--Height);
|
|
5444
5420
|
overflow-x: hidden;
|
|
@@ -5484,22 +5460,22 @@ html {
|
|
|
5484
5460
|
}
|
|
5485
5461
|
@media only screen and (min-width: 576px) {
|
|
5486
5462
|
.pf-c-about-modal-box {
|
|
5487
|
-
grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
|
|
5488
5463
|
grid-template-areas: "brand hero" "header hero" "content hero";
|
|
5464
|
+
grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
|
|
5489
5465
|
}
|
|
5490
5466
|
}
|
|
5491
5467
|
@media only screen and (min-width: 992px) {
|
|
5492
5468
|
.pf-c-about-modal-box {
|
|
5493
5469
|
--pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
|
|
5494
5470
|
--pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
|
|
5495
|
-
grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
|
|
5496
5471
|
grid-template-rows: max-content max-content auto;
|
|
5472
|
+
grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
|
|
5497
5473
|
}
|
|
5498
5474
|
}
|
|
5499
5475
|
|
|
5500
5476
|
.pf-c-about-modal-box__brand {
|
|
5501
|
-
grid-area: brand;
|
|
5502
5477
|
display: flex;
|
|
5478
|
+
grid-area: brand;
|
|
5503
5479
|
padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft);
|
|
5504
5480
|
}
|
|
5505
5481
|
|
|
@@ -5508,9 +5484,9 @@ html {
|
|
|
5508
5484
|
}
|
|
5509
5485
|
|
|
5510
5486
|
.pf-c-about-modal-box__header {
|
|
5511
|
-
grid-area: header;
|
|
5512
5487
|
display: flex;
|
|
5513
5488
|
flex-direction: column;
|
|
5489
|
+
grid-area: header;
|
|
5514
5490
|
padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
|
|
5515
5491
|
padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
|
|
5516
5492
|
padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
|
|
@@ -5541,10 +5517,10 @@ html {
|
|
|
5541
5517
|
}
|
|
5542
5518
|
|
|
5543
5519
|
.pf-c-about-modal-box__close {
|
|
5544
|
-
grid-area: close;
|
|
5545
5520
|
position: sticky;
|
|
5546
5521
|
top: 0;
|
|
5547
5522
|
display: flex;
|
|
5523
|
+
grid-area: close;
|
|
5548
5524
|
align-items: flex-start;
|
|
5549
5525
|
justify-content: flex-end;
|
|
5550
5526
|
padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
|
|
@@ -5583,12 +5559,12 @@ html {
|
|
|
5583
5559
|
@media only screen and (min-width: 576px) {
|
|
5584
5560
|
.pf-c-about-modal-box__hero {
|
|
5585
5561
|
display: block;
|
|
5562
|
+
grid-area: hero;
|
|
5586
5563
|
background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
|
|
5587
5564
|
background-repeat: no-repeat;
|
|
5588
5565
|
background-attachment: fixed;
|
|
5589
5566
|
background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
|
|
5590
5567
|
background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
|
|
5591
|
-
grid-area: hero;
|
|
5592
5568
|
}
|
|
5593
5569
|
}
|
|
5594
5570
|
|
|
@@ -5647,6 +5623,7 @@ html {
|
|
|
5647
5623
|
--pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
|
|
5648
5624
|
--pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
|
|
5649
5625
|
--pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
5626
|
+
--pf-c-accordion__toggle--BackgroundColor: transparent;
|
|
5650
5627
|
--pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
|
|
5651
5628
|
--pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
|
|
5652
5629
|
--pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
|
|
@@ -5761,6 +5738,7 @@ html {
|
|
|
5761
5738
|
padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
|
|
5762
5739
|
font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
|
|
5763
5740
|
font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
|
|
5741
|
+
background-color: var(--pf-c-accordion__toggle--BackgroundColor);
|
|
5764
5742
|
border: 0;
|
|
5765
5743
|
}
|
|
5766
5744
|
.pf-c-accordion__toggle::after {
|
|
@@ -5985,13 +5963,13 @@ html {
|
|
|
5985
5963
|
color: var(--pf-global--Color--100);
|
|
5986
5964
|
position: relative;
|
|
5987
5965
|
display: grid;
|
|
5966
|
+
grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
|
|
5967
|
+
grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
|
|
5988
5968
|
padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
|
|
5989
5969
|
font-size: var(--pf-c-alert__FontSize);
|
|
5990
5970
|
background-color: var(--pf-c-alert--BackgroundColor);
|
|
5991
5971
|
border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
|
|
5992
5972
|
box-shadow: var(--pf-c-alert--BoxShadow);
|
|
5993
|
-
grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
|
|
5994
|
-
grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
|
|
5995
5973
|
}
|
|
5996
5974
|
.pf-c-alert.pf-m-success {
|
|
5997
5975
|
--pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
|
|
@@ -6052,8 +6030,8 @@ html {
|
|
|
6052
6030
|
}
|
|
6053
6031
|
|
|
6054
6032
|
.pf-c-alert__icon {
|
|
6055
|
-
grid-area: icon;
|
|
6056
6033
|
display: flex;
|
|
6034
|
+
grid-area: icon;
|
|
6057
6035
|
margin-top: var(--pf-c-alert__icon--MarginTop);
|
|
6058
6036
|
margin-right: var(--pf-c-alert__icon--MarginRight);
|
|
6059
6037
|
font-size: var(--pf-c-alert__icon--FontSize);
|
|
@@ -6228,6 +6206,7 @@ html {
|
|
|
6228
6206
|
--pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
|
|
6229
6207
|
--pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
|
|
6230
6208
|
--pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
|
|
6209
|
+
--pf-c-app-launcher__toggle--BackgroundColor: transparent;
|
|
6231
6210
|
--pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
|
|
6232
6211
|
--pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
6233
6212
|
--pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
|
|
@@ -6290,6 +6269,7 @@ html {
|
|
|
6290
6269
|
.pf-c-app-launcher__toggle {
|
|
6291
6270
|
padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
|
|
6292
6271
|
color: var(--pf-c-app-launcher__toggle--Color);
|
|
6272
|
+
background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
|
|
6293
6273
|
border: none;
|
|
6294
6274
|
}
|
|
6295
6275
|
.pf-c-app-launcher__toggle:hover {
|
|
@@ -6913,18 +6893,18 @@ html {
|
|
|
6913
6893
|
--pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
|
|
6914
6894
|
--pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
|
|
6915
6895
|
--pf-c-banner--link--disabled--TextDecoration: none;
|
|
6916
|
-
--pf-c-banner--m-
|
|
6917
|
-
--pf-c-banner--m-
|
|
6918
|
-
--pf-c-banner--m-
|
|
6919
|
-
--pf-c-banner--m-
|
|
6896
|
+
--pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
|
|
6897
|
+
--pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
|
|
6898
|
+
--pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
|
|
6899
|
+
--pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
|
|
6920
6900
|
--pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
|
|
6921
6901
|
--pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
|
|
6922
6902
|
color: var(--pf-global--Color--100);
|
|
6923
6903
|
overflow: hidden;
|
|
6924
6904
|
text-overflow: ellipsis;
|
|
6925
6905
|
white-space: nowrap;
|
|
6926
|
-
padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
|
|
6927
6906
|
flex-shrink: 0;
|
|
6907
|
+
padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
|
|
6928
6908
|
font-size: var(--pf-c-banner--FontSize);
|
|
6929
6909
|
color: var(--pf-c-banner--Color);
|
|
6930
6910
|
white-space: nowrap;
|
|
@@ -6936,19 +6916,19 @@ html {
|
|
|
6936
6916
|
--pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
|
|
6937
6917
|
}
|
|
6938
6918
|
}
|
|
6939
|
-
.pf-c-banner.pf-m-
|
|
6919
|
+
.pf-c-banner.pf-m-blue {
|
|
6940
6920
|
color: var(--pf-global--Color--100);
|
|
6941
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
6921
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
|
|
6942
6922
|
}
|
|
6943
|
-
.pf-c-banner.pf-m-
|
|
6944
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
6923
|
+
.pf-c-banner.pf-m-red {
|
|
6924
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
|
|
6945
6925
|
}
|
|
6946
|
-
.pf-c-banner.pf-m-
|
|
6947
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
6926
|
+
.pf-c-banner.pf-m-green {
|
|
6927
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
|
|
6948
6928
|
}
|
|
6949
|
-
.pf-c-banner.pf-m-
|
|
6929
|
+
.pf-c-banner.pf-m-gold {
|
|
6950
6930
|
color: var(--pf-global--Color--100);
|
|
6951
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
6931
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
|
|
6952
6932
|
}
|
|
6953
6933
|
.pf-c-banner.pf-m-sticky {
|
|
6954
6934
|
position: sticky;
|
|
@@ -7102,6 +7082,7 @@ html {
|
|
|
7102
7082
|
--pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
|
|
7103
7083
|
--pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
|
|
7104
7084
|
--pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
|
|
7085
|
+
--pf-c-breadcrumb__link--BackgroundColor: transparent;
|
|
7105
7086
|
--pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
|
|
7106
7087
|
--pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
7107
7088
|
--pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
|
|
@@ -7144,6 +7125,7 @@ html {
|
|
|
7144
7125
|
color: var(--pf-c-breadcrumb__link--Color);
|
|
7145
7126
|
text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
|
|
7146
7127
|
word-break: break-word;
|
|
7128
|
+
background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
|
|
7147
7129
|
}
|
|
7148
7130
|
.pf-c-breadcrumb__link:hover {
|
|
7149
7131
|
--pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
|
|
@@ -7811,7 +7793,7 @@ button.pf-c-breadcrumb__link {
|
|
|
7811
7793
|
--pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
|
|
7812
7794
|
--pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
|
|
7813
7795
|
--pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
|
|
7814
|
-
--pf-c-calendar-month__header-year--Width:
|
|
7796
|
+
--pf-c-calendar-month__header-year--Width: 8.5ch;
|
|
7815
7797
|
--pf-c-calendar-month__header-nav-control--MarginRight: 0;
|
|
7816
7798
|
--pf-c-calendar-month__header-nav-control--MarginLeft: 0;
|
|
7817
7799
|
--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
|
|
@@ -7988,9 +7970,9 @@ button.pf-c-breadcrumb__link {
|
|
|
7988
7970
|
box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
|
|
7989
7971
|
}
|
|
7990
7972
|
.pf-c-calendar-month__date:disabled {
|
|
7991
|
-
pointer-events: none;
|
|
7992
7973
|
--pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
|
|
7993
7974
|
--pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
7975
|
+
pointer-events: none;
|
|
7994
7976
|
}
|
|
7995
7977
|
|
|
7996
7978
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
@@ -8059,14 +8041,17 @@ button.pf-c-breadcrumb__link {
|
|
|
8059
8041
|
--pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8060
8042
|
--pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8061
8043
|
--pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
|
|
8062
|
-
--pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
8063
|
-
--pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
|
|
8064
|
-
--pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
8065
8044
|
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
|
|
8045
|
+
--pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
8046
|
+
--pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
8047
|
+
--pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
8048
|
+
--pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
8066
8049
|
--pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
|
|
8067
8050
|
--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
|
|
8068
8051
|
--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
|
|
8069
|
-
--pf-c-card__actions--
|
|
8052
|
+
--pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
|
|
8053
|
+
--pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8054
|
+
--pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8070
8055
|
--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8071
8056
|
--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
|
|
8072
8057
|
--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
@@ -8122,7 +8107,7 @@ button.pf-c-breadcrumb__link {
|
|
|
8122
8107
|
--pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
|
|
8123
8108
|
--pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
|
|
8124
8109
|
--pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
|
|
8125
|
-
--pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
|
|
8110
|
+
--pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
8126
8111
|
--pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
|
|
8127
8112
|
--pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
|
|
8128
8113
|
--pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
|
|
@@ -8137,7 +8122,6 @@ button.pf-c-breadcrumb__link {
|
|
|
8137
8122
|
--pf-c-card--m-plain--BackgroundColor: transparent;
|
|
8138
8123
|
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8139
8124
|
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
8140
|
-
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
8141
8125
|
--pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
8142
8126
|
--pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
|
|
8143
8127
|
display: flex;
|
|
@@ -8235,7 +8219,7 @@ button.pf-c-breadcrumb__link {
|
|
|
8235
8219
|
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
|
|
8236
8220
|
}
|
|
8237
8221
|
.pf-c-card.pf-m-display-lg {
|
|
8238
|
-
--pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
|
|
8222
|
+
--pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
|
|
8239
8223
|
--pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
|
|
8240
8224
|
--pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
|
|
8241
8225
|
--pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
|
|
@@ -8283,13 +8267,11 @@ button.pf-c-breadcrumb__link {
|
|
|
8283
8267
|
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
|
|
8284
8268
|
--pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
|
|
8285
8269
|
}
|
|
8286
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
|
|
8287
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
|
|
8288
|
-
}
|
|
8289
8270
|
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
|
|
8290
8271
|
order: 2;
|
|
8291
8272
|
}
|
|
8292
|
-
|
|
8273
|
+
|
|
8274
|
+
.pf-c-card__header-main {
|
|
8293
8275
|
flex: 1;
|
|
8294
8276
|
}
|
|
8295
8277
|
|
|
@@ -8303,22 +8285,21 @@ button.pf-c-breadcrumb__link {
|
|
|
8303
8285
|
transition: var(--pf-c-card__header-toggle-icon--Transition);
|
|
8304
8286
|
}
|
|
8305
8287
|
|
|
8306
|
-
.pf-c-card__title {
|
|
8307
|
-
font-family: var(--pf-c-card__title--FontFamily);
|
|
8308
|
-
font-size: var(--pf-c-card__title--FontSize);
|
|
8309
|
-
font-weight: var(--pf-c-card__title--FontWeight);
|
|
8288
|
+
.pf-c-card__title-text {
|
|
8289
|
+
font-family: var(--pf-c-card__title-text--FontFamily);
|
|
8290
|
+
font-size: var(--pf-c-card__title-text--FontSize);
|
|
8291
|
+
font-weight: var(--pf-c-card__title-text--FontWeight);
|
|
8292
|
+
line-height: var(--pf-c-card__title-text--LineHeight);
|
|
8310
8293
|
}
|
|
8311
8294
|
|
|
8312
8295
|
.pf-c-card__actions {
|
|
8313
8296
|
display: flex;
|
|
8297
|
+
gap: var(--pf-c-card__actions--Gap);
|
|
8314
8298
|
align-items: center;
|
|
8315
8299
|
align-self: flex-start;
|
|
8316
8300
|
order: 1;
|
|
8317
8301
|
padding-left: var(--pf-c-card__actions--PaddingLeft);
|
|
8318
|
-
margin: var(--pf-c-
|
|
8319
|
-
}
|
|
8320
|
-
.pf-c-card__actions > * + * {
|
|
8321
|
-
margin-left: var(--pf-c-card__actions--child--MarginLeft);
|
|
8302
|
+
margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
|
|
8322
8303
|
}
|
|
8323
8304
|
.pf-c-card__actions + .pf-c-card__title,
|
|
8324
8305
|
.pf-c-card__actions + .pf-c-card__body,
|
|
@@ -8326,8 +8307,8 @@ button.pf-c-breadcrumb__link {
|
|
|
8326
8307
|
padding: 0;
|
|
8327
8308
|
}
|
|
8328
8309
|
.pf-c-card__actions.pf-m-no-offset {
|
|
8329
|
-
--pf-c-
|
|
8330
|
-
--pf-c-
|
|
8310
|
+
--pf-c-card__actions--MarginTop: 0;
|
|
8311
|
+
--pf-c-card__actions--MarginBottom: 0;
|
|
8331
8312
|
}
|
|
8332
8313
|
|
|
8333
8314
|
.pf-c-card__header,
|
|
@@ -8507,18 +8488,19 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8507
8488
|
--pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8508
8489
|
--pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
8509
8490
|
--pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
8510
|
-
--pf-c-
|
|
8491
|
+
--pf-c-chip__content--FontSize: var(--pf-global--FontSize--xs);
|
|
8492
|
+
--pf-c-chip__content--ColumnGap: var(--pf-global--spacer--xs);
|
|
8511
8493
|
--pf-c-chip__text--Color: var(--pf-global--Color--100);
|
|
8512
8494
|
--pf-c-chip__text--MaxWidth: 16ch;
|
|
8513
|
-
--pf-c-
|
|
8514
|
-
--pf-c-
|
|
8515
|
-
--pf-c-
|
|
8516
|
-
--pf-c-
|
|
8517
|
-
--pf-c-
|
|
8518
|
-
--pf-c-
|
|
8519
|
-
--pf-c-
|
|
8520
|
-
--pf-c-
|
|
8521
|
-
--pf-c-
|
|
8495
|
+
--pf-c-chip__actions--FontSize: var(--pf-global--FontSize--xs);
|
|
8496
|
+
--pf-c-chip__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
8497
|
+
--pf-c-chip__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
8498
|
+
--pf-c-chip__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8499
|
+
--pf-c-chip__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8500
|
+
--pf-c-chip__actions--c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
|
|
8501
|
+
--pf-c-chip__actions--c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
|
|
8502
|
+
--pf-c-chip__actions--c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
|
|
8503
|
+
--pf-c-chip__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
8522
8504
|
--pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
8523
8505
|
color: var(--pf-global--Color--100);
|
|
8524
8506
|
position: relative;
|
|
@@ -8553,19 +8535,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8553
8535
|
.pf-c-chip.pf-m-draggable .pf-c-chip__icon {
|
|
8554
8536
|
font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
|
|
8555
8537
|
}
|
|
8556
|
-
.pf-c-chip .pf-c-button {
|
|
8557
|
-
--pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
|
|
8558
|
-
--pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
|
|
8559
|
-
--pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
|
|
8560
|
-
--pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
|
|
8561
|
-
--pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
|
|
8562
|
-
margin-top: var(--pf-c-chip__c-button--MarginTop);
|
|
8563
|
-
margin-right: var(--pf-c-chip__c-button--MarginRight);
|
|
8564
|
-
margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
|
|
8565
|
-
}
|
|
8566
|
-
.pf-c-chip .pf-c-badge {
|
|
8567
|
-
margin-left: var(--pf-c-chip__c-badge--MarginLeft);
|
|
8568
|
-
}
|
|
8569
8538
|
|
|
8570
8539
|
.pf-c-chip__text {
|
|
8571
8540
|
overflow: hidden;
|
|
@@ -8573,7 +8542,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8573
8542
|
white-space: nowrap;
|
|
8574
8543
|
position: relative;
|
|
8575
8544
|
max-width: var(--pf-c-chip__text--MaxWidth);
|
|
8576
|
-
font-size: var(--pf-c-chip__text--FontSize);
|
|
8577
8545
|
color: var(--pf-c-chip__text--Color);
|
|
8578
8546
|
}
|
|
8579
8547
|
|
|
@@ -8582,6 +8550,28 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8582
8550
|
margin-left: var(--pf-c-chip__icon--MarginLeft);
|
|
8583
8551
|
}
|
|
8584
8552
|
|
|
8553
|
+
.pf-c-chip__content {
|
|
8554
|
+
display: flex;
|
|
8555
|
+
column-gap: var(--pf-c-chip__content--ColumnGap);
|
|
8556
|
+
align-items: center;
|
|
8557
|
+
font-size: var(--pf-c-chip__content--FontSize);
|
|
8558
|
+
}
|
|
8559
|
+
|
|
8560
|
+
.pf-c-chip__actions {
|
|
8561
|
+
font-size: var(--pf-c-chip__actions--FontSize);
|
|
8562
|
+
}
|
|
8563
|
+
.pf-c-chip__actions .pf-c-button {
|
|
8564
|
+
--pf-c-button--PaddingTop: var(--pf-c-chip__actions--c-button--PaddingTop);
|
|
8565
|
+
--pf-c-button--PaddingRight: var(--pf-c-chip__actions--c-button--PaddingRight);
|
|
8566
|
+
--pf-c-button--PaddingBottom: var(--pf-c-chip__actions--c-button--PaddingBottom);
|
|
8567
|
+
--pf-c-button--PaddingLeft: var(--pf-c-chip__actions--c-button--PaddingLeft);
|
|
8568
|
+
--pf-c-button--FontSize: var(--pf-c-chip__actions--c-button--FontSize);
|
|
8569
|
+
margin-top: var(--pf-c-chip__actions--c-button--MarginTop);
|
|
8570
|
+
margin-right: var(--pf-c-chip__actions--c-button--MarginRight);
|
|
8571
|
+
margin-bottom: var(--pf-c-chip__actions--c-button--MarginBottom);
|
|
8572
|
+
line-height: 1;
|
|
8573
|
+
}
|
|
8574
|
+
|
|
8585
8575
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
8586
8576
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
8587
8577
|
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -8626,28 +8616,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8626
8616
|
|
|
8627
8617
|
.pf-c-chip-group {
|
|
8628
8618
|
color: var(--pf-global--Color--100);
|
|
8629
|
-
--pf-c-chip-
|
|
8630
|
-
--pf-c-chip-
|
|
8619
|
+
--pf-c-chip-group--PaddingTop: 0;
|
|
8620
|
+
--pf-c-chip-group--PaddingRight: 0;
|
|
8621
|
+
--pf-c-chip-group--PaddingBottom: 0;
|
|
8622
|
+
--pf-c-chip-group--PaddingLeft: 0;
|
|
8623
|
+
--pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
|
|
8624
|
+
--pf-c-chip-group--ColumnGap: 0;
|
|
8625
|
+
--pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
8626
|
+
--pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
8627
|
+
--pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
8628
|
+
--pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
8631
8629
|
--pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
8632
8630
|
--pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
8633
8631
|
--pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8634
8632
|
--pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8635
8633
|
--pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
8636
8634
|
--pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8637
|
-
--pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
8638
8635
|
--pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
8639
8636
|
--pf-c-chip-group__label--MaxWidth: 18ch;
|
|
8640
8637
|
--pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
8641
8638
|
--pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
8642
|
-
|
|
8643
|
-
|
|
8639
|
+
row-gap: var(--pf-c-chip-group--RowGap);
|
|
8640
|
+
column-gap: var(--pf-c-chip-group--ColumnGap);
|
|
8644
8641
|
max-width: 100%;
|
|
8642
|
+
padding-top: var(--pf-c-chip-group--PaddingTop);
|
|
8643
|
+
padding-right: var(--pf-c-chip-group--PaddingRight);
|
|
8644
|
+
padding-bottom: var(--pf-c-chip-group--PaddingBottom);
|
|
8645
|
+
padding-left: var(--pf-c-chip-group--PaddingLeft);
|
|
8645
8646
|
}
|
|
8646
8647
|
.pf-c-chip-group.pf-m-category {
|
|
8647
|
-
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8648
|
+
--pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
|
|
8649
|
+
--pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
|
|
8650
|
+
--pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
|
|
8651
|
+
--pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
|
|
8651
8652
|
background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
|
|
8652
8653
|
border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
|
|
8653
8654
|
}
|
|
@@ -8656,15 +8657,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8656
8657
|
display: flex;
|
|
8657
8658
|
flex: 1;
|
|
8658
8659
|
flex-wrap: wrap;
|
|
8660
|
+
row-gap: var(--pf-c-chip-group__main--RowGap);
|
|
8661
|
+
column-gap: var(--pf-c-chip-group__main--ColumnGap);
|
|
8659
8662
|
align-items: baseline;
|
|
8660
8663
|
min-width: 0;
|
|
8661
8664
|
}
|
|
8662
8665
|
|
|
8663
|
-
.pf-c-chip-group__list {
|
|
8664
|
-
margin-right: var(--pf-c-chip-group__list--MarginRight);
|
|
8665
|
-
margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
|
|
8666
|
-
}
|
|
8667
|
-
|
|
8668
8666
|
.pf-c-chip-group,
|
|
8669
8667
|
.pf-c-chip-group__list {
|
|
8670
8668
|
display: inline-flex;
|
|
@@ -8673,11 +8671,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8673
8671
|
min-width: 0;
|
|
8674
8672
|
}
|
|
8675
8673
|
|
|
8674
|
+
.pf-c-chip-group__list {
|
|
8675
|
+
row-gap: var(--pf-c-chip-group__list--RowGap);
|
|
8676
|
+
column-gap: var(--pf-c-chip-group__list--ColumnGap);
|
|
8677
|
+
}
|
|
8678
|
+
|
|
8676
8679
|
.pf-c-chip-group__list-item {
|
|
8677
8680
|
display: inline-flex;
|
|
8678
8681
|
min-width: 0;
|
|
8679
|
-
margin-right: var(--pf-c-chip-group__list-item--MarginRight);
|
|
8680
|
-
margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
|
|
8681
8682
|
}
|
|
8682
8683
|
|
|
8683
8684
|
.pf-c-chip-group__label {
|
|
@@ -8685,7 +8686,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8685
8686
|
text-overflow: ellipsis;
|
|
8686
8687
|
white-space: nowrap;
|
|
8687
8688
|
max-width: var(--pf-c-chip-group__label--MaxWidth);
|
|
8688
|
-
margin-right: var(--pf-c-chip-group__label--MarginRight);
|
|
8689
8689
|
font-size: var(--pf-c-chip-group__label--FontSize);
|
|
8690
8690
|
}
|
|
8691
8691
|
|
|
@@ -9177,6 +9177,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9177
9177
|
.pf-c-content ul {
|
|
9178
9178
|
margin: 0;
|
|
9179
9179
|
}
|
|
9180
|
+
.pf-c-content ol.pf-m-plain,
|
|
9181
|
+
.pf-c-content ul.pf-m-plain {
|
|
9182
|
+
padding-left: 0;
|
|
9183
|
+
margin-left: 0;
|
|
9184
|
+
list-style: none;
|
|
9185
|
+
}
|
|
9180
9186
|
.pf-c-content h1 {
|
|
9181
9187
|
margin-top: var(--pf-c-content--h1--MarginTop);
|
|
9182
9188
|
margin-bottom: var(--pf-c-content--h1--MarginBottom);
|
|
@@ -9243,12 +9249,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9243
9249
|
margin-left: var(--pf-c-content--ol--MarginLeft);
|
|
9244
9250
|
}
|
|
9245
9251
|
.pf-c-content ol ul {
|
|
9246
|
-
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9247
9252
|
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
9253
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9248
9254
|
}
|
|
9249
9255
|
.pf-c-content ol ol {
|
|
9250
|
-
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9251
9256
|
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
9257
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9252
9258
|
}
|
|
9253
9259
|
.pf-c-content ul {
|
|
9254
9260
|
padding-left: var(--pf-c-content--ul--PaddingLeft);
|
|
@@ -9256,12 +9262,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9256
9262
|
list-style: var(--pf-c-content--ul--ListStyle);
|
|
9257
9263
|
}
|
|
9258
9264
|
.pf-c-content ul ul {
|
|
9259
|
-
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9260
9265
|
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
9266
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9261
9267
|
}
|
|
9262
9268
|
.pf-c-content ul ol {
|
|
9263
|
-
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9264
9269
|
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
9270
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9265
9271
|
}
|
|
9266
9272
|
.pf-c-content dl {
|
|
9267
9273
|
display: grid;
|
|
@@ -9270,8 +9276,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9270
9276
|
@media screen and (min-width: 576px) {
|
|
9271
9277
|
.pf-c-content dl {
|
|
9272
9278
|
grid-template: auto/auto 1fr;
|
|
9273
|
-
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
9274
9279
|
grid-row-gap: var(--pf-c-content--dl--RowGap);
|
|
9280
|
+
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
9275
9281
|
}
|
|
9276
9282
|
}
|
|
9277
9283
|
.pf-c-content dt {
|
|
@@ -9314,6 +9320,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9314
9320
|
--pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
|
|
9315
9321
|
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
9316
9322
|
--pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
|
|
9323
|
+
--pf-c-context-selector__toggle--BackgroundColor: transparent;
|
|
9317
9324
|
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
|
|
9318
9325
|
--pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
|
|
9319
9326
|
--pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
|
|
@@ -9352,6 +9359,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9352
9359
|
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
|
|
9353
9360
|
--pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
|
|
9354
9361
|
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
|
|
9362
|
+
--pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
|
|
9355
9363
|
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
9356
9364
|
--pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
|
|
9357
9365
|
--pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
|
|
@@ -9463,6 +9471,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9463
9471
|
color: var(--pf-c-context-selector__toggle--Color);
|
|
9464
9472
|
white-space: nowrap;
|
|
9465
9473
|
cursor: pointer;
|
|
9474
|
+
background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
|
|
9466
9475
|
border: none;
|
|
9467
9476
|
}
|
|
9468
9477
|
.pf-c-context-selector__toggle::before {
|
|
@@ -9571,11 +9580,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9571
9580
|
padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
|
|
9572
9581
|
color: var(--pf-c-context-selector__menu-list-item--Color);
|
|
9573
9582
|
white-space: nowrap;
|
|
9583
|
+
background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
|
|
9574
9584
|
border: none;
|
|
9575
9585
|
}
|
|
9576
9586
|
.pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
|
|
9587
|
+
--pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
9577
9588
|
text-decoration: none;
|
|
9578
|
-
background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
9579
9589
|
}
|
|
9580
9590
|
.pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
|
|
9581
9591
|
--pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
|
|
@@ -9658,8 +9668,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9658
9668
|
@media screen and (min-width: 768px) {
|
|
9659
9669
|
.pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
|
|
9660
9670
|
display: flex;
|
|
9661
|
-
flex-wrap: wrap;
|
|
9662
9671
|
flex-grow: 1;
|
|
9672
|
+
flex-wrap: wrap;
|
|
9663
9673
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9664
9674
|
}
|
|
9665
9675
|
}
|
|
@@ -9720,8 +9730,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9720
9730
|
@media screen and (min-width: 0) {
|
|
9721
9731
|
.pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
|
|
9722
9732
|
display: flex;
|
|
9723
|
-
flex-wrap: wrap;
|
|
9724
9733
|
flex-grow: 1;
|
|
9734
|
+
flex-wrap: wrap;
|
|
9725
9735
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9726
9736
|
}
|
|
9727
9737
|
}
|
|
@@ -9782,8 +9792,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9782
9792
|
@media screen and (min-width: 576px) {
|
|
9783
9793
|
.pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
|
|
9784
9794
|
display: flex;
|
|
9785
|
-
flex-wrap: wrap;
|
|
9786
9795
|
flex-grow: 1;
|
|
9796
|
+
flex-wrap: wrap;
|
|
9787
9797
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9788
9798
|
}
|
|
9789
9799
|
}
|
|
@@ -9844,8 +9854,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9844
9854
|
@media screen and (min-width: 768px) {
|
|
9845
9855
|
.pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
|
|
9846
9856
|
display: flex;
|
|
9847
|
-
flex-wrap: wrap;
|
|
9848
9857
|
flex-grow: 1;
|
|
9858
|
+
flex-wrap: wrap;
|
|
9849
9859
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9850
9860
|
}
|
|
9851
9861
|
}
|
|
@@ -9906,8 +9916,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9906
9916
|
@media screen and (min-width: 992px) {
|
|
9907
9917
|
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
|
|
9908
9918
|
display: flex;
|
|
9909
|
-
flex-wrap: wrap;
|
|
9910
9919
|
flex-grow: 1;
|
|
9920
|
+
flex-wrap: wrap;
|
|
9911
9921
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9912
9922
|
}
|
|
9913
9923
|
}
|
|
@@ -9968,8 +9978,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9968
9978
|
@media screen and (min-width: 1200px) {
|
|
9969
9979
|
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
|
|
9970
9980
|
display: flex;
|
|
9971
|
-
flex-wrap: wrap;
|
|
9972
9981
|
flex-grow: 1;
|
|
9982
|
+
flex-wrap: wrap;
|
|
9973
9983
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9974
9984
|
}
|
|
9975
9985
|
}
|
|
@@ -10030,8 +10040,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10030
10040
|
@media screen and (min-width: 1450px) {
|
|
10031
10041
|
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
|
|
10032
10042
|
display: flex;
|
|
10033
|
-
flex-wrap: wrap;
|
|
10034
10043
|
flex-grow: 1;
|
|
10044
|
+
flex-wrap: wrap;
|
|
10035
10045
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
10036
10046
|
}
|
|
10037
10047
|
}
|
|
@@ -10124,6 +10134,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10124
10134
|
--pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
|
|
10125
10135
|
--pf-c-data-list__toggle-icon--Rotate: 0;
|
|
10126
10136
|
--pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
10137
|
+
--pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
10127
10138
|
--pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
|
|
10128
10139
|
--pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
|
|
10129
10140
|
--pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
|
|
@@ -10195,7 +10206,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10195
10206
|
font-size: var(--pf-c-data-list--FontSize);
|
|
10196
10207
|
line-height: var(--pf-c-data-list--LineHeight);
|
|
10197
10208
|
overflow-wrap: break-word;
|
|
10198
|
-
list-style-type: disc;
|
|
10199
10209
|
border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
|
|
10200
10210
|
}
|
|
10201
10211
|
@media screen and (min-width: 576px) {
|
|
@@ -10368,6 +10378,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10368
10378
|
flex-direction: column;
|
|
10369
10379
|
padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
|
|
10370
10380
|
margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft);
|
|
10381
|
+
background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
|
|
10371
10382
|
border: 0;
|
|
10372
10383
|
}
|
|
10373
10384
|
.pf-c-data-list__item-draggable-button:hover {
|
|
@@ -10390,8 +10401,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10390
10401
|
|
|
10391
10402
|
.pf-c-data-list__item-action {
|
|
10392
10403
|
--pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
|
|
10393
|
-
align-items: flex-start;
|
|
10394
10404
|
align-content: flex-start;
|
|
10405
|
+
align-items: flex-start;
|
|
10395
10406
|
padding-top: var(--pf-c-data-list__item-action--PaddingTop);
|
|
10396
10407
|
padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
|
|
10397
10408
|
margin-left: var(--pf-c-data-list__item-action--MarginLeft);
|
|
@@ -10417,8 +10428,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10417
10428
|
|
|
10418
10429
|
.pf-c-data-list__item-content {
|
|
10419
10430
|
display: grid;
|
|
10420
|
-
width: 100%;
|
|
10421
10431
|
grid-template-columns: auto 1fr;
|
|
10432
|
+
width: 100%;
|
|
10422
10433
|
}
|
|
10423
10434
|
|
|
10424
10435
|
.pf-c-data-list__cell {
|
|
@@ -10434,8 +10445,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10434
10445
|
}
|
|
10435
10446
|
.pf-c-data-list__cell.pf-m-icon {
|
|
10436
10447
|
flex-grow: 0;
|
|
10437
|
-
margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
|
|
10438
10448
|
grid-column: 1/2;
|
|
10449
|
+
margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
|
|
10439
10450
|
}
|
|
10440
10451
|
.pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
|
|
10441
10452
|
grid-column: 2/3;
|
|
@@ -10555,10 +10566,10 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10555
10566
|
--pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
|
|
10556
10567
|
--pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
|
|
10557
10568
|
display: grid;
|
|
10558
|
-
|
|
10569
|
+
grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
|
|
10559
10570
|
row-gap: var(--pf-c-description-list--RowGap);
|
|
10560
10571
|
column-gap: var(--pf-c-description-list--ColumnGap);
|
|
10561
|
-
|
|
10572
|
+
align-items: baseline;
|
|
10562
10573
|
}
|
|
10563
10574
|
@media screen and (min-width: 576px) {
|
|
10564
10575
|
.pf-c-description-list {
|
|
@@ -10664,11 +10675,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10664
10675
|
.pf-c-description-list__group,
|
|
10665
10676
|
.pf-c-description-list > .pf-c-card {
|
|
10666
10677
|
display: grid;
|
|
10678
|
+
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10679
|
+
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10667
10680
|
grid-column: var(--pf-c-description-list__group--GridColumn);
|
|
10668
10681
|
row-gap: var(--pf-c-description-list__group--RowGap);
|
|
10669
10682
|
column-gap: var(--pf-c-description-list__group--ColumnGap);
|
|
10670
|
-
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10671
|
-
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10672
10683
|
align-items: baseline;
|
|
10673
10684
|
}
|
|
10674
10685
|
|
|
@@ -10705,11 +10716,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10705
10716
|
}
|
|
10706
10717
|
.pf-c-description-list__text.pf-m-help-text {
|
|
10707
10718
|
text-decoration: underline;
|
|
10708
|
-
cursor: pointer;
|
|
10709
|
-
text-decoration-style: dashed;
|
|
10710
10719
|
text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
|
|
10711
|
-
text-
|
|
10720
|
+
text-decoration-style: dashed;
|
|
10712
10721
|
text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
|
|
10722
|
+
text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
|
|
10723
|
+
cursor: pointer;
|
|
10713
10724
|
}
|
|
10714
10725
|
.pf-c-description-list__text.pf-m-help-text:hover {
|
|
10715
10726
|
--pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
|
|
@@ -10949,8 +10960,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10949
10960
|
--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
|
|
10950
10961
|
display: grid;
|
|
10951
10962
|
grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
|
|
10952
|
-
grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
|
|
10953
10963
|
grid-template-rows: repeat(3, auto) auto;
|
|
10964
|
+
grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
|
|
10954
10965
|
}
|
|
10955
10966
|
|
|
10956
10967
|
.pf-c-dual-list-selector__pane {
|
|
@@ -11193,13 +11204,17 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11193
11204
|
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
11194
11205
|
--pf-c-toolbar__item--Display: block;
|
|
11195
11206
|
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
11207
|
+
--pf-c-toolbar__item--AlignSelf: auto;
|
|
11196
11208
|
--pf-c-toolbar__group--Display: flex;
|
|
11209
|
+
--pf-c-toolbar__group--AlignItems: baseline;
|
|
11210
|
+
--pf-c-toolbar__group--AlignSelf: auto;
|
|
11197
11211
|
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
11198
11212
|
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
11199
11213
|
--pf-c-toolbar__content--Display: flex;
|
|
11200
11214
|
--pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
|
|
11201
11215
|
--pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
11202
11216
|
--pf-c-toolbar__content-section--Display: flex;
|
|
11217
|
+
--pf-c-toolbar__content-section--AlignItems: baseline;
|
|
11203
11218
|
--pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
11204
11219
|
--pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
11205
11220
|
--pf-c-toolbar__expandable-content--Display: grid;
|
|
@@ -11246,8 +11261,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11246
11261
|
--pf-c-toolbar--m-full-height__item--Display: flex;
|
|
11247
11262
|
--pf-c-toolbar--m-full-height__item--AlignItems: center;
|
|
11248
11263
|
position: relative;
|
|
11249
|
-
row-gap: var(--pf-c-toolbar--RowGap);
|
|
11250
11264
|
display: grid;
|
|
11265
|
+
row-gap: var(--pf-c-toolbar--RowGap);
|
|
11251
11266
|
padding-top: var(--pf-c-toolbar--PaddingTop);
|
|
11252
11267
|
padding-bottom: var(--pf-c-toolbar--PaddingBottom);
|
|
11253
11268
|
background-color: var(--pf-c-toolbar--BackgroundColor);
|
|
@@ -11321,9 +11336,22 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11321
11336
|
.pf-c-toolbar__group {
|
|
11322
11337
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
11323
11338
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
|
|
11324
|
-
align-items:
|
|
11339
|
+
align-items: var(--pf-c-toolbar__group--AlignItems);
|
|
11340
|
+
align-self: var(--pf-c-toolbar__group--AlignSelf);
|
|
11325
11341
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
11326
11342
|
}
|
|
11343
|
+
.pf-c-toolbar__group.pf-m-align-items-center {
|
|
11344
|
+
align-items: center;
|
|
11345
|
+
}
|
|
11346
|
+
.pf-c-toolbar__group.pf-m-align-items-baseline {
|
|
11347
|
+
align-items: baseline;
|
|
11348
|
+
}
|
|
11349
|
+
.pf-c-toolbar__group.pf-m-align-self-center {
|
|
11350
|
+
align-self: center;
|
|
11351
|
+
}
|
|
11352
|
+
.pf-c-toolbar__group.pf-m-align-self-baseline {
|
|
11353
|
+
align-self: baseline;
|
|
11354
|
+
}
|
|
11327
11355
|
.pf-c-toolbar__group.pf-m-button-group {
|
|
11328
11356
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
|
|
11329
11357
|
}
|
|
@@ -11364,6 +11392,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11364
11392
|
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
|
|
11365
11393
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
|
|
11366
11394
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
|
|
11395
|
+
align-self: var(--pf-c-toolbar__item--AlignSelf);
|
|
11367
11396
|
width: var(--pf-c-toolbar__item--Width--base);
|
|
11368
11397
|
min-width: var(--pf-c-toolbar__item--MinWidth--base);
|
|
11369
11398
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
@@ -11418,6 +11447,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11418
11447
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
|
|
11419
11448
|
}
|
|
11420
11449
|
}
|
|
11450
|
+
.pf-c-toolbar__item.pf-m-align-self-center {
|
|
11451
|
+
align-self: center;
|
|
11452
|
+
}
|
|
11453
|
+
.pf-c-toolbar__item.pf-m-align-self-baseline {
|
|
11454
|
+
align-self: baseline;
|
|
11455
|
+
}
|
|
11421
11456
|
.pf-c-toolbar__item.pf-m-overflow-menu {
|
|
11422
11457
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
|
|
11423
11458
|
}
|
|
@@ -11462,20 +11497,24 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11462
11497
|
.pf-c-toolbar__content,
|
|
11463
11498
|
.pf-c-toolbar__content-section {
|
|
11464
11499
|
flex-wrap: wrap;
|
|
11465
|
-
align-items: center;
|
|
11466
11500
|
}
|
|
11467
11501
|
|
|
11468
11502
|
.pf-c-toolbar__content {
|
|
11469
11503
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
|
|
11470
11504
|
position: relative;
|
|
11505
|
+
align-items: center;
|
|
11471
11506
|
padding-right: var(--pf-c-toolbar__content--PaddingRight);
|
|
11472
11507
|
padding-left: var(--pf-c-toolbar__content--PaddingLeft);
|
|
11473
11508
|
}
|
|
11474
11509
|
|
|
11475
11510
|
.pf-c-toolbar__content-section {
|
|
11476
11511
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
|
|
11512
|
+
align-items: var(--pf-c-toolbar__content-section--AlignItems);
|
|
11477
11513
|
width: 100%;
|
|
11478
11514
|
}
|
|
11515
|
+
.pf-c-toolbar__content-section.pf-m-align-items-center {
|
|
11516
|
+
align-items: center;
|
|
11517
|
+
}
|
|
11479
11518
|
|
|
11480
11519
|
.pf-c-toolbar__expandable-content {
|
|
11481
11520
|
position: absolute;
|
|
@@ -11516,9 +11555,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11516
11555
|
.pf-c-toolbar__group.pf-m-chip-container {
|
|
11517
11556
|
display: flex;
|
|
11518
11557
|
flex-wrap: wrap;
|
|
11558
|
+
grid-row-gap: 0;
|
|
11519
11559
|
align-items: baseline;
|
|
11520
11560
|
margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
|
|
11521
|
-
grid-row-gap: 0;
|
|
11522
11561
|
}
|
|
11523
11562
|
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
|
|
11524
11563
|
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
|
|
@@ -11568,7 +11607,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11568
11607
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11569
11608
|
}
|
|
11570
11609
|
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
|
|
11571
|
-
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
11610
|
+
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
11572
11611
|
display: flex;
|
|
11573
11612
|
flex: 0 1 auto;
|
|
11574
11613
|
}
|
|
@@ -11581,7 +11620,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11581
11620
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11582
11621
|
}
|
|
11583
11622
|
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
|
|
11584
|
-
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
11623
|
+
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
11585
11624
|
display: flex;
|
|
11586
11625
|
flex: 0 1 auto;
|
|
11587
11626
|
}
|
|
@@ -11594,7 +11633,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11594
11633
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11595
11634
|
}
|
|
11596
11635
|
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
|
|
11597
|
-
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
11636
|
+
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
11598
11637
|
display: flex;
|
|
11599
11638
|
flex: 0 1 auto;
|
|
11600
11639
|
}
|
|
@@ -11607,7 +11646,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11607
11646
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11608
11647
|
}
|
|
11609
11648
|
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
|
|
11610
|
-
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
11649
|
+
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
11611
11650
|
display: flex;
|
|
11612
11651
|
flex: 0 1 auto;
|
|
11613
11652
|
}
|
|
@@ -11620,7 +11659,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11620
11659
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11621
11660
|
}
|
|
11622
11661
|
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
|
|
11623
|
-
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
11662
|
+
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
11624
11663
|
display: flex;
|
|
11625
11664
|
flex: 0 1 auto;
|
|
11626
11665
|
}
|
|
@@ -11654,131 +11693,131 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11654
11693
|
}
|
|
11655
11694
|
@media (min-width: 576px) {
|
|
11656
11695
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
|
|
11657
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
11696
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
11658
11697
|
margin-left: auto;
|
|
11659
11698
|
}
|
|
11660
11699
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
|
|
11661
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
11700
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
11662
11701
|
margin-left: 0;
|
|
11663
11702
|
}
|
|
11664
11703
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
|
|
11665
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
11704
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
11666
11705
|
margin-left: 0;
|
|
11667
11706
|
}
|
|
11668
11707
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
|
|
11669
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
11708
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
11670
11709
|
margin-left: auto;
|
|
11671
11710
|
}
|
|
11672
11711
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
|
|
11673
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
11712
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
11674
11713
|
flex-wrap: nowrap;
|
|
11675
11714
|
}
|
|
11676
11715
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
|
|
11677
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
11716
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
11678
11717
|
flex-wrap: wrap;
|
|
11679
11718
|
}
|
|
11680
11719
|
}
|
|
11681
11720
|
@media (min-width: 768px) {
|
|
11682
11721
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
|
|
11683
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
11722
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
11684
11723
|
margin-left: auto;
|
|
11685
11724
|
}
|
|
11686
11725
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
|
|
11687
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
11726
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
11688
11727
|
margin-left: 0;
|
|
11689
11728
|
}
|
|
11690
11729
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
|
|
11691
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
11730
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
11692
11731
|
margin-left: 0;
|
|
11693
11732
|
}
|
|
11694
11733
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
|
|
11695
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
11734
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
11696
11735
|
margin-left: auto;
|
|
11697
11736
|
}
|
|
11698
11737
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
|
|
11699
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
11738
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
11700
11739
|
flex-wrap: nowrap;
|
|
11701
11740
|
}
|
|
11702
11741
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
|
|
11703
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
11742
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
11704
11743
|
flex-wrap: wrap;
|
|
11705
11744
|
}
|
|
11706
11745
|
}
|
|
11707
11746
|
@media (min-width: 992px) {
|
|
11708
11747
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
|
|
11709
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
11748
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
11710
11749
|
margin-left: auto;
|
|
11711
11750
|
}
|
|
11712
11751
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
|
|
11713
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
11752
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
11714
11753
|
margin-left: 0;
|
|
11715
11754
|
}
|
|
11716
11755
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
|
|
11717
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
11756
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
11718
11757
|
margin-left: 0;
|
|
11719
11758
|
}
|
|
11720
11759
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
|
|
11721
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
11760
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
11722
11761
|
margin-left: auto;
|
|
11723
11762
|
}
|
|
11724
11763
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
|
|
11725
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
11764
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
11726
11765
|
flex-wrap: nowrap;
|
|
11727
11766
|
}
|
|
11728
11767
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
|
|
11729
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
11768
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
11730
11769
|
flex-wrap: wrap;
|
|
11731
11770
|
}
|
|
11732
11771
|
}
|
|
11733
11772
|
@media (min-width: 1200px) {
|
|
11734
11773
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
|
|
11735
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
11774
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
11736
11775
|
margin-left: auto;
|
|
11737
11776
|
}
|
|
11738
11777
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
|
|
11739
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
11778
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
11740
11779
|
margin-left: 0;
|
|
11741
11780
|
}
|
|
11742
11781
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
|
|
11743
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
11782
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
11744
11783
|
margin-left: 0;
|
|
11745
11784
|
}
|
|
11746
11785
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
|
|
11747
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
11786
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
11748
11787
|
margin-left: auto;
|
|
11749
11788
|
}
|
|
11750
11789
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
|
|
11751
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
11790
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
11752
11791
|
flex-wrap: nowrap;
|
|
11753
11792
|
}
|
|
11754
11793
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
|
|
11755
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
11794
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
11756
11795
|
flex-wrap: wrap;
|
|
11757
11796
|
}
|
|
11758
11797
|
}
|
|
11759
11798
|
@media (min-width: 1450px) {
|
|
11760
11799
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
|
|
11761
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
11800
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
11762
11801
|
margin-left: auto;
|
|
11763
11802
|
}
|
|
11764
11803
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
|
|
11765
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
11804
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
11766
11805
|
margin-left: 0;
|
|
11767
11806
|
}
|
|
11768
11807
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
|
|
11769
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
11808
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
11770
11809
|
margin-left: 0;
|
|
11771
11810
|
}
|
|
11772
11811
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
|
|
11773
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
11812
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
11774
11813
|
margin-left: auto;
|
|
11775
11814
|
}
|
|
11776
11815
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
|
|
11777
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
11816
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
11778
11817
|
flex-wrap: nowrap;
|
|
11779
11818
|
}
|
|
11780
11819
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
|
|
11781
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
11820
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
11782
11821
|
flex-wrap: wrap;
|
|
11783
11822
|
}
|
|
11784
11823
|
}
|
|
@@ -12414,9 +12453,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12414
12453
|
width: 100%;
|
|
12415
12454
|
height: auto;
|
|
12416
12455
|
flex-direction: var(--pf-c-divider--FlexDirection);
|
|
12456
|
+
flex-shrink: 0;
|
|
12417
12457
|
align-items: center;
|
|
12418
12458
|
align-self: stretch;
|
|
12419
|
-
flex-shrink: 0;
|
|
12420
12459
|
justify-content: center;
|
|
12421
12460
|
border: 0;
|
|
12422
12461
|
}
|
|
@@ -12425,11 +12464,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12425
12464
|
}
|
|
12426
12465
|
.pf-c-divider::after {
|
|
12427
12466
|
align-self: stretch;
|
|
12467
|
+
justify-self: center;
|
|
12428
12468
|
width: var(--pf-c-divider--after--Width);
|
|
12429
12469
|
height: var(--pf-c-divider--after--Height);
|
|
12430
12470
|
content: "";
|
|
12431
12471
|
background-color: var(--pf-c-divider--after--BackgroundColor);
|
|
12432
|
-
justify-self: center;
|
|
12433
12472
|
}
|
|
12434
12473
|
.pf-c-divider.pf-m-vertical {
|
|
12435
12474
|
--pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
|
|
@@ -13001,16 +13040,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13001
13040
|
}
|
|
13002
13041
|
|
|
13003
13042
|
.pf-c-drawer__actions {
|
|
13004
|
-
grid-column: 2;
|
|
13005
|
-
grid-row: 1;
|
|
13006
13043
|
display: flex;
|
|
13044
|
+
grid-row: 1;
|
|
13045
|
+
grid-column: 2;
|
|
13007
13046
|
align-self: baseline;
|
|
13008
13047
|
margin-top: var(--pf-c-drawer__actions--MarginTop);
|
|
13009
13048
|
margin-right: var(--pf-c-drawer__actions--MarginRight);
|
|
13010
13049
|
}
|
|
13011
13050
|
|
|
13012
13051
|
.pf-c-drawer__body {
|
|
13013
|
-
min-height: 0;
|
|
13014
13052
|
padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
|
|
13015
13053
|
}
|
|
13016
13054
|
.pf-c-drawer__body.pf-m-no-padding {
|
|
@@ -13172,7 +13210,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13172
13210
|
--pf-c-drawer__splitter--after--BorderLeftWidth: 0;
|
|
13173
13211
|
}
|
|
13174
13212
|
.pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
|
|
13175
|
-
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13213
|
+
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13176
13214
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13177
13215
|
}
|
|
13178
13216
|
.pf-c-drawer__splitter {
|
|
@@ -13261,15 +13299,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13261
13299
|
}
|
|
13262
13300
|
@media (min-width: 768px) {
|
|
13263
13301
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13264
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13302
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13265
13303
|
flex-shrink: 1;
|
|
13266
13304
|
}
|
|
13267
13305
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13268
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13306
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13269
13307
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13270
13308
|
}
|
|
13271
13309
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13272
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13310
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13273
13311
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13274
13312
|
}
|
|
13275
13313
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13322,15 +13360,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13322
13360
|
}
|
|
13323
13361
|
@media (min-width: 992px) {
|
|
13324
13362
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13325
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13363
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13326
13364
|
flex-shrink: 1;
|
|
13327
13365
|
}
|
|
13328
13366
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13329
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13367
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13330
13368
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13331
13369
|
}
|
|
13332
13370
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13333
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13371
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13334
13372
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13335
13373
|
}
|
|
13336
13374
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13383,15 +13421,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13383
13421
|
}
|
|
13384
13422
|
@media (min-width: 1200px) {
|
|
13385
13423
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13386
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13424
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13387
13425
|
flex-shrink: 1;
|
|
13388
13426
|
}
|
|
13389
13427
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13390
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13428
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13391
13429
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13392
13430
|
}
|
|
13393
13431
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13394
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13432
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13395
13433
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13396
13434
|
}
|
|
13397
13435
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13444,15 +13482,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13444
13482
|
}
|
|
13445
13483
|
@media (min-width: 1450px) {
|
|
13446
13484
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13447
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13485
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13448
13486
|
flex-shrink: 1;
|
|
13449
13487
|
}
|
|
13450
13488
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13451
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13489
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13452
13490
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13453
13491
|
}
|
|
13454
13492
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13455
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13493
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13456
13494
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13457
13495
|
}
|
|
13458
13496
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13599,6 +13637,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13599
13637
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13600
13638
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
|
|
13601
13639
|
--pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
|
|
13640
|
+
--pf-c-dropdown__toggle-button--BackgroundColor: transparent;
|
|
13602
13641
|
--pf-c-dropdown__toggle-progress--Visibility: hidden;
|
|
13603
13642
|
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
|
|
13604
13643
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
|
|
@@ -13824,6 +13863,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13824
13863
|
}
|
|
13825
13864
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
|
|
13826
13865
|
color: var(--pf-c-dropdown__toggle-button--Color);
|
|
13866
|
+
background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
|
|
13827
13867
|
border: 0;
|
|
13828
13868
|
}
|
|
13829
13869
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
|
|
@@ -14058,51 +14098,51 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14058
14098
|
}
|
|
14059
14099
|
@media (min-width: 576px) {
|
|
14060
14100
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
|
|
14061
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-sm {
|
|
14101
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-sm {
|
|
14062
14102
|
right: 0;
|
|
14063
14103
|
}
|
|
14064
14104
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
|
|
14065
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-sm {
|
|
14105
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-sm {
|
|
14066
14106
|
right: auto;
|
|
14067
14107
|
}
|
|
14068
14108
|
}
|
|
14069
14109
|
@media (min-width: 768px) {
|
|
14070
14110
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
|
|
14071
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-md {
|
|
14111
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-md {
|
|
14072
14112
|
right: 0;
|
|
14073
14113
|
}
|
|
14074
14114
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
|
|
14075
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-md {
|
|
14115
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-md {
|
|
14076
14116
|
right: auto;
|
|
14077
14117
|
}
|
|
14078
14118
|
}
|
|
14079
14119
|
@media (min-width: 992px) {
|
|
14080
14120
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
|
|
14081
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-lg {
|
|
14121
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-lg {
|
|
14082
14122
|
right: 0;
|
|
14083
14123
|
}
|
|
14084
14124
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
|
|
14085
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-lg {
|
|
14125
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-lg {
|
|
14086
14126
|
right: auto;
|
|
14087
14127
|
}
|
|
14088
14128
|
}
|
|
14089
14129
|
@media (min-width: 1200px) {
|
|
14090
14130
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
|
|
14091
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-xl {
|
|
14131
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-xl {
|
|
14092
14132
|
right: 0;
|
|
14093
14133
|
}
|
|
14094
14134
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
|
|
14095
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-xl {
|
|
14135
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-xl {
|
|
14096
14136
|
right: auto;
|
|
14097
14137
|
}
|
|
14098
14138
|
}
|
|
14099
14139
|
@media (min-width: 1450px) {
|
|
14100
14140
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
|
|
14101
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
|
|
14141
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
|
|
14102
14142
|
right: 0;
|
|
14103
14143
|
}
|
|
14104
14144
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
|
|
14105
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
|
|
14145
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
|
|
14106
14146
|
right: auto;
|
|
14107
14147
|
}
|
|
14108
14148
|
}
|
|
@@ -14256,38 +14296,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14256
14296
|
--pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
|
|
14257
14297
|
--pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
|
|
14258
14298
|
--pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
|
|
14299
|
+
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14300
|
+
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14301
|
+
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14302
|
+
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14259
14303
|
--pf-c-empty-state__content--MaxWidth: none;
|
|
14304
|
+
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14305
|
+
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14306
|
+
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14260
14307
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
|
|
14261
14308
|
--pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
14262
14309
|
--pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
|
|
14263
|
-
--pf-c-empty-
|
|
14310
|
+
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14311
|
+
--pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
|
|
14312
|
+
--pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
14313
|
+
--pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
14314
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
14315
|
+
--pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
14316
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
14317
|
+
--pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
14318
|
+
--pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
|
|
14319
|
+
--pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
14264
14320
|
--pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
|
|
14265
14321
|
--pf-c-empty-state__body--Color: var(--pf-global--Color--200);
|
|
14266
|
-
--pf-c-empty-
|
|
14267
|
-
--pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
|
|
14268
|
-
--pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
|
|
14269
|
-
--pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
14270
|
-
--pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
|
|
14271
|
-
--pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
|
|
14272
|
-
--pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
|
|
14273
|
-
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14322
|
+
--pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
|
|
14274
14323
|
--pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
|
|
14275
|
-
--pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
|
|
14276
|
-
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14277
|
-
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14278
|
-
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14279
|
-
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14280
|
-
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14281
14324
|
--pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
|
|
14282
|
-
--pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
|
|
14283
|
-
--pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
|
|
14284
|
-
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14285
|
-
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14286
14325
|
--pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
|
|
14287
14326
|
--pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
|
|
14288
|
-
--pf-c-empty-
|
|
14289
|
-
--pf-c-empty-
|
|
14290
|
-
--pf-c-empty-state--m-
|
|
14327
|
+
--pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
|
|
14328
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
|
|
14329
|
+
--pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
|
|
14330
|
+
--pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
|
|
14331
|
+
--pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
|
|
14291
14332
|
display: flex;
|
|
14292
14333
|
align-items: center;
|
|
14293
14334
|
justify-content: center;
|
|
@@ -14299,17 +14340,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14299
14340
|
--pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
|
|
14300
14341
|
--pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
|
|
14301
14342
|
--pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
|
|
14343
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
|
|
14302
14344
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
|
|
14303
14345
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
|
|
14304
14346
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
|
|
14305
|
-
--pf-c-empty-
|
|
14306
|
-
--pf-c-empty-
|
|
14307
|
-
}
|
|
14308
|
-
.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
|
|
14309
|
-
font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14310
|
-
}
|
|
14311
|
-
.pf-c-empty-state.pf-m-xs .pf-c-button {
|
|
14312
|
-
--pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
|
|
14347
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14348
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
|
|
14313
14349
|
}
|
|
14314
14350
|
.pf-c-empty-state.pf-m-sm {
|
|
14315
14351
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
|
|
@@ -14319,12 +14355,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14319
14355
|
}
|
|
14320
14356
|
.pf-c-empty-state.pf-m-xl {
|
|
14321
14357
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
|
|
14358
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14322
14359
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
|
|
14323
14360
|
--pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
|
|
14324
|
-
--pf-c-empty-
|
|
14325
|
-
|
|
14326
|
-
.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
|
|
14327
|
-
font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14361
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
|
|
14362
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
|
|
14328
14363
|
}
|
|
14329
14364
|
.pf-c-empty-state.pf-m-full-height {
|
|
14330
14365
|
height: 100%;
|
|
@@ -14333,41 +14368,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14333
14368
|
.pf-c-empty-state__content {
|
|
14334
14369
|
max-width: var(--pf-c-empty-state__content--MaxWidth);
|
|
14335
14370
|
}
|
|
14336
|
-
.pf-c-empty-state__content > .pf-c-title.pf-m-lg {
|
|
14337
|
-
font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
|
|
14338
|
-
}
|
|
14339
14371
|
|
|
14340
14372
|
.pf-c-empty-state__icon {
|
|
14341
14373
|
margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
|
|
14342
14374
|
font-size: var(--pf-c-empty-state__icon--FontSize);
|
|
14375
|
+
line-height: 1;
|
|
14343
14376
|
color: var(--pf-c-empty-state__icon--Color);
|
|
14344
14377
|
}
|
|
14345
14378
|
|
|
14379
|
+
.pf-c-empty-state__title-text {
|
|
14380
|
+
font-family: var(--pf-c-empty-state__title-text--FontFamily);
|
|
14381
|
+
font-size: var(--pf-c-empty-state__title-text--FontSize);
|
|
14382
|
+
font-weight: var(--pf-c-empty-state__title-text--FontWeight);
|
|
14383
|
+
line-height: var(--pf-c-empty-state__title-text--LineHeight);
|
|
14384
|
+
}
|
|
14385
|
+
|
|
14346
14386
|
.pf-c-empty-state__body {
|
|
14347
14387
|
margin-top: var(--pf-c-empty-state__body--MarginTop);
|
|
14388
|
+
font-size: var(--pf-c-empty-state--body--FontSize);
|
|
14348
14389
|
color: var(--pf-c-empty-state__body--Color);
|
|
14349
14390
|
}
|
|
14350
14391
|
|
|
14351
|
-
.pf-c-empty-
|
|
14352
|
-
|
|
14353
|
-
|
|
14354
|
-
|
|
14355
|
-
|
|
14356
|
-
|
|
14357
|
-
margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
|
|
14392
|
+
.pf-c-empty-state__footer {
|
|
14393
|
+
display: flex;
|
|
14394
|
+
flex-direction: column;
|
|
14395
|
+
row-gap: var(--pf-c-empty-state__footer--RowGap);
|
|
14396
|
+
align-items: center;
|
|
14397
|
+
margin-top: var(--pf-c-empty-state__footer--MarginTop);
|
|
14358
14398
|
}
|
|
14359
14399
|
|
|
14360
|
-
.pf-c-empty-
|
|
14400
|
+
.pf-c-empty-state__actions {
|
|
14361
14401
|
display: flex;
|
|
14362
14402
|
flex-wrap: wrap;
|
|
14403
|
+
gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
|
|
14363
14404
|
justify-content: center;
|
|
14364
|
-
margin-top: var(--pf-c-empty-state__secondary--MarginTop);
|
|
14365
|
-
margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
|
|
14366
|
-
}
|
|
14367
|
-
.pf-c-empty-state__secondary > * {
|
|
14368
|
-
margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
|
|
14369
|
-
margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
|
|
14370
|
-
margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
|
|
14371
14405
|
}
|
|
14372
14406
|
|
|
14373
14407
|
.pf-c-expandable-section {
|
|
@@ -14381,6 +14415,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14381
14415
|
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
14382
14416
|
--pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
|
|
14383
14417
|
--pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
|
|
14418
|
+
--pf-c-expandable-section__toggle--BackgroundColor: transparent;
|
|
14384
14419
|
--pf-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
14385
14420
|
--pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
|
|
14386
14421
|
--pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
@@ -14466,6 +14501,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14466
14501
|
padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
|
|
14467
14502
|
margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
|
|
14468
14503
|
color: var(--pf-c-expandable-section__toggle--Color);
|
|
14504
|
+
background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
|
|
14469
14505
|
border: none;
|
|
14470
14506
|
}
|
|
14471
14507
|
.pf-c-expandable-section__toggle:hover {
|
|
@@ -14680,8 +14716,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14680
14716
|
}
|
|
14681
14717
|
.pf-c-form.pf-m-horizontal .pf-c-form__group {
|
|
14682
14718
|
display: grid;
|
|
14683
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14684
14719
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14720
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14685
14721
|
}
|
|
14686
14722
|
.pf-c-form.pf-m-horizontal .pf-c-form__group-label {
|
|
14687
14723
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14700,8 +14736,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14700
14736
|
}
|
|
14701
14737
|
.pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
|
|
14702
14738
|
display: grid;
|
|
14703
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14704
14739
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14740
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14705
14741
|
}
|
|
14706
14742
|
.pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
|
|
14707
14743
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14720,8 +14756,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14720
14756
|
}
|
|
14721
14757
|
.pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
|
|
14722
14758
|
display: grid;
|
|
14723
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14724
14759
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14760
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14725
14761
|
}
|
|
14726
14762
|
.pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
|
|
14727
14763
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14740,8 +14776,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14740
14776
|
}
|
|
14741
14777
|
.pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
|
|
14742
14778
|
display: grid;
|
|
14743
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14744
14779
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14780
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14745
14781
|
}
|
|
14746
14782
|
.pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
|
|
14747
14783
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14760,8 +14796,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14760
14796
|
}
|
|
14761
14797
|
.pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
|
|
14762
14798
|
display: grid;
|
|
14763
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14764
14799
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14800
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14765
14801
|
}
|
|
14766
14802
|
.pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
|
|
14767
14803
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14780,8 +14816,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14780
14816
|
}
|
|
14781
14817
|
.pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
|
|
14782
14818
|
display: grid;
|
|
14783
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14784
14819
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14820
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14785
14821
|
}
|
|
14786
14822
|
.pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
|
|
14787
14823
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14800,8 +14836,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14800
14836
|
}
|
|
14801
14837
|
.pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
|
|
14802
14838
|
display: grid;
|
|
14803
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14804
14839
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14840
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14805
14841
|
}
|
|
14806
14842
|
.pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
|
|
14807
14843
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14916,9 +14952,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14916
14952
|
--pf-c-form__group-control--m-inline--child--MarginRight: 0;
|
|
14917
14953
|
}
|
|
14918
14954
|
.pf-c-form__group-control.pf-m-stack {
|
|
14955
|
+
--pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
|
|
14919
14956
|
display: grid;
|
|
14920
14957
|
gap: var(--pf-c-grid__group-control--m-stack--Gap);
|
|
14921
|
-
--pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
|
|
14922
14958
|
}
|
|
14923
14959
|
.pf-c-form__group-control .pf-c-form__helper-text:first-child {
|
|
14924
14960
|
--pf-c-form__helper-text--MarginTop: 0;
|
|
@@ -15002,8 +15038,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15002
15038
|
}
|
|
15003
15039
|
|
|
15004
15040
|
.pf-c-form__field-group-toggle {
|
|
15005
|
-
grid-column: 1/2;
|
|
15006
15041
|
grid-row: 1/2;
|
|
15042
|
+
grid-column: 1/2;
|
|
15007
15043
|
padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
|
|
15008
15044
|
padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
|
|
15009
15045
|
}
|
|
@@ -15025,9 +15061,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15025
15061
|
}
|
|
15026
15062
|
|
|
15027
15063
|
.pf-c-form__field-group-header {
|
|
15028
|
-
grid-column: var(--pf-c-form__field-group-header--GridColumn);
|
|
15029
|
-
grid-row: 1/2;
|
|
15030
15064
|
display: flex;
|
|
15065
|
+
grid-row: 1/2;
|
|
15066
|
+
grid-column: var(--pf-c-form__field-group-header--GridColumn);
|
|
15031
15067
|
align-items: flex-start;
|
|
15032
15068
|
padding-top: var(--pf-c-form__field-group-header--PaddingTop);
|
|
15033
15069
|
padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
|
|
@@ -15060,8 +15096,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15060
15096
|
}
|
|
15061
15097
|
|
|
15062
15098
|
.pf-c-form__field-group-body {
|
|
15063
|
-
grid-column: var(--pf-c-form__field-group-body--GridColumn);
|
|
15064
15099
|
display: grid;
|
|
15100
|
+
grid-column: var(--pf-c-form__field-group-body--GridColumn);
|
|
15065
15101
|
gap: var(--pf-c-form__field-group-body--Gap);
|
|
15066
15102
|
padding-top: var(--pf-c-form__field-group-body--PaddingTop);
|
|
15067
15103
|
padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
|
|
@@ -15474,9 +15510,9 @@ textarea.pf-c-form-control {
|
|
|
15474
15510
|
--pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
15475
15511
|
--pf-c-form-control--BorderLeftColor: transparent;
|
|
15476
15512
|
--pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
15477
|
-
--pf-c-form-control--disabled--Color: var(--pf-global--
|
|
15513
|
+
--pf-c-form-control--disabled--Color: var(--pf-global--palette--black-300);
|
|
15478
15514
|
--pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15479
|
-
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--
|
|
15515
|
+
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15480
15516
|
color: var(--pf-global--Color--100);
|
|
15481
15517
|
}
|
|
15482
15518
|
:where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
|
|
@@ -15485,9 +15521,6 @@ textarea.pf-c-form-control {
|
|
|
15485
15521
|
:where(.pf-theme-dark) .pf-c-form-control[readonly] {
|
|
15486
15522
|
border-bottom-color: var(--pf-global--palette--black-700);
|
|
15487
15523
|
}
|
|
15488
|
-
:where(.pf-theme-dark) .pf-c-form-control:disabled {
|
|
15489
|
-
color: var(--pf-global--palette--black-100);
|
|
15490
|
-
}
|
|
15491
15524
|
|
|
15492
15525
|
.pf-c-hint {
|
|
15493
15526
|
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
@@ -15521,11 +15554,11 @@ textarea.pf-c-form-control {
|
|
|
15521
15554
|
|
|
15522
15555
|
.pf-c-hint__actions {
|
|
15523
15556
|
display: inline-grid;
|
|
15557
|
+
grid-row: 1;
|
|
15558
|
+
grid-column: 2;
|
|
15524
15559
|
grid-auto-flow: column;
|
|
15525
15560
|
margin-left: var(--pf-c-hint__actions--MarginLeft);
|
|
15526
15561
|
text-align: right;
|
|
15527
|
-
grid-column: 2;
|
|
15528
|
-
grid-row: 1;
|
|
15529
15562
|
}
|
|
15530
15563
|
.pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
|
|
15531
15564
|
margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
|
|
@@ -16305,6 +16338,7 @@ label.pf-c-input-group__text {
|
|
|
16305
16338
|
--pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
|
|
16306
16339
|
--pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
|
|
16307
16340
|
--pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16341
|
+
--pf-c-label--MaxWidth: 100%;
|
|
16308
16342
|
--pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
16309
16343
|
--pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
|
|
16310
16344
|
--pf-c-label--Color: var(--pf-global--Color--100);
|
|
@@ -16407,21 +16441,22 @@ label.pf-c-input-group__text {
|
|
|
16407
16441
|
--pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
|
|
16408
16442
|
--pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
16409
16443
|
--pf-c-label__content--Color: var(--pf-global--Color--100);
|
|
16444
|
+
--pf-c-label__content--BackgroundColor: transparent;
|
|
16410
16445
|
--pf-c-label__content--MaxWidth: 100%;
|
|
16411
16446
|
--pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
|
|
16412
16447
|
--pf-c-label--m-editable__content--MaxWidth: 16ch;
|
|
16413
|
-
--pf-c-label__text--MaxWidth:
|
|
16448
|
+
--pf-c-label__text--MaxWidth: 100%;
|
|
16414
16449
|
--pf-c-label__icon--Color: var(--pf-global--Color--100);
|
|
16415
16450
|
--pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
|
|
16416
|
-
--pf-c-
|
|
16417
|
-
--pf-c-
|
|
16418
|
-
--pf-c-
|
|
16419
|
-
--pf-c-
|
|
16420
|
-
--pf-c-
|
|
16421
|
-
--pf-c-
|
|
16422
|
-
--pf-c-
|
|
16423
|
-
--pf-c-
|
|
16424
|
-
--pf-c-
|
|
16451
|
+
--pf-c-label__actions--FontSize: var(--pf-global--FontSize--xs);
|
|
16452
|
+
--pf-c-label__actions--MarginRight: calc(var(--pf-c-label__actions--c-button--PaddingRight) * -1);
|
|
16453
|
+
--pf-c-label__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
16454
|
+
--pf-c-label__actions--c-button--MarginTop: calc(var(--pf-c-label__actions--c-button--PaddingTop) * -1);
|
|
16455
|
+
--pf-c-label__actions--c-button--MarginBottom: calc(var(--pf-c-label__actions--c-button--PaddingBottom) * -1);
|
|
16456
|
+
--pf-c-label__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
16457
|
+
--pf-c-label__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16458
|
+
--pf-c-label__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
16459
|
+
--pf-c-label__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16425
16460
|
--pf-c-label--m-editable--Cursor: pointer;
|
|
16426
16461
|
--pf-c-label--m-editable--TextDecoration: underline;
|
|
16427
16462
|
--pf-c-label--m-editable--TextDecorationStyle: dashed;
|
|
@@ -16442,6 +16477,7 @@ label.pf-c-input-group__text {
|
|
|
16442
16477
|
--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
|
|
16443
16478
|
--pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
|
|
16444
16479
|
position: relative;
|
|
16480
|
+
max-width: var(--pf-c-label--MaxWidth);
|
|
16445
16481
|
padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
|
|
16446
16482
|
font-size: var(--pf-c-label--FontSize);
|
|
16447
16483
|
color: var(--pf-c-label--Color);
|
|
@@ -16586,12 +16622,6 @@ label.pf-c-input-group__text {
|
|
|
16586
16622
|
}
|
|
16587
16623
|
|
|
16588
16624
|
.pf-c-label.pf-m-editable {
|
|
16589
|
-
text-decoration: var(--pf-c-label--m-editable--TextDecoration);
|
|
16590
|
-
cursor: var(--pf-c-label--m-editable--Cursor);
|
|
16591
|
-
text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
|
|
16592
|
-
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
16593
|
-
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
16594
|
-
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
16595
16625
|
--pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
|
|
16596
16626
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16597
16627
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
|
|
@@ -16601,6 +16631,12 @@ label.pf-c-input-group__text {
|
|
|
16601
16631
|
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
|
|
16602
16632
|
--pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16603
16633
|
--pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16634
|
+
text-decoration: var(--pf-c-label--m-editable--TextDecoration);
|
|
16635
|
+
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
16636
|
+
text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
|
|
16637
|
+
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
16638
|
+
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
16639
|
+
cursor: var(--pf-c-label--m-editable--Cursor);
|
|
16604
16640
|
}
|
|
16605
16641
|
.pf-c-label.pf-m-editable:hover {
|
|
16606
16642
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
|
|
@@ -16613,17 +16649,6 @@ label.pf-c-input-group__text {
|
|
|
16613
16649
|
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
|
16614
16650
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
16615
16651
|
}
|
|
16616
|
-
.pf-c-label .pf-c-button {
|
|
16617
|
-
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
|
16618
|
-
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
|
16619
|
-
--pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
|
|
16620
|
-
--pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
|
|
16621
|
-
--pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
|
|
16622
|
-
margin-top: var(--pf-c-label__c-button--MarginTop);
|
|
16623
|
-
margin-right: var(--pf-c-label__c-button--MarginRight);
|
|
16624
|
-
margin-bottom: var(--pf-c-label__c-button--MarginBottom);
|
|
16625
|
-
margin-left: var(--pf-c-label__c-button--MarginLeft);
|
|
16626
|
-
}
|
|
16627
16652
|
.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
|
|
16628
16653
|
--pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
|
|
16629
16654
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
|
|
@@ -16649,11 +16674,10 @@ label.pf-c-input-group__text {
|
|
|
16649
16674
|
}
|
|
16650
16675
|
|
|
16651
16676
|
.pf-c-label__content {
|
|
16652
|
-
overflow: hidden;
|
|
16653
|
-
text-overflow: ellipsis;
|
|
16654
|
-
white-space: nowrap;
|
|
16655
16677
|
max-width: var(--pf-c-label__content--MaxWidth);
|
|
16678
|
+
overflow: hidden;
|
|
16656
16679
|
color: var(--pf-c-label__content--Color);
|
|
16680
|
+
background-color: var(--pf-c-label__content--BackgroundColor);
|
|
16657
16681
|
border-width: 0;
|
|
16658
16682
|
}
|
|
16659
16683
|
.pf-c-label__content::before {
|
|
@@ -16667,9 +16691,17 @@ label.pf-c-input-group__text {
|
|
|
16667
16691
|
border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
|
|
16668
16692
|
border-radius: var(--pf-c-label--BorderRadius);
|
|
16669
16693
|
}
|
|
16694
|
+
input.pf-c-label__content {
|
|
16695
|
+
overflow: hidden;
|
|
16696
|
+
text-overflow: ellipsis;
|
|
16697
|
+
white-space: nowrap;
|
|
16698
|
+
}
|
|
16699
|
+
|
|
16670
16700
|
a.pf-c-label__content,
|
|
16671
16701
|
button.pf-c-label__content {
|
|
16702
|
+
padding: 0;
|
|
16672
16703
|
cursor: pointer;
|
|
16704
|
+
background-color: transparent;
|
|
16673
16705
|
border: none;
|
|
16674
16706
|
}
|
|
16675
16707
|
a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
|
|
@@ -16694,6 +16726,20 @@ button.pf-c-label__content:focus {
|
|
|
16694
16726
|
color: var(--pf-c-label__icon--Color);
|
|
16695
16727
|
}
|
|
16696
16728
|
|
|
16729
|
+
.pf-c-label__actions {
|
|
16730
|
+
margin-right: var(--pf-c-label__actions--MarginRight);
|
|
16731
|
+
font-size: var(--pf-c-label__actions--FontSize);
|
|
16732
|
+
}
|
|
16733
|
+
.pf-c-label__actions .pf-c-button {
|
|
16734
|
+
--pf-c-button--FontSize: var(--pf-c-label__actions--c-button--FontSize);
|
|
16735
|
+
--pf-c-button--PaddingTop: var(--pf-c-label__actions--c-button--PaddingTop);
|
|
16736
|
+
--pf-c-button--PaddingRight: var(--pf-c-label__actions--c-button--PaddingRight);
|
|
16737
|
+
--pf-c-button--PaddingBottom: var(--pf-c-label__actions--c-button--PaddingBottom);
|
|
16738
|
+
--pf-c-button--PaddingLeft: var(--pf-c-label__actions--c-button--PaddingLeft);
|
|
16739
|
+
margin-top: var(--pf-c-label__actions--c-button--MarginTop);
|
|
16740
|
+
margin-bottom: var(--pf-c-label__actions--c-button--MarginBottom);
|
|
16741
|
+
}
|
|
16742
|
+
|
|
16697
16743
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16698
16744
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
16699
16745
|
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -16775,8 +16821,18 @@ button.pf-c-label__content:focus {
|
|
|
16775
16821
|
}
|
|
16776
16822
|
|
|
16777
16823
|
.pf-c-label-group {
|
|
16778
|
-
--pf-c-label-
|
|
16779
|
-
--pf-c-label-
|
|
16824
|
+
--pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
|
|
16825
|
+
--pf-c-label-group--ColumnGap: 0;
|
|
16826
|
+
--pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
|
|
16827
|
+
--pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
|
|
16828
|
+
--pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
16829
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
16830
|
+
--pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
|
|
16831
|
+
--pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
|
|
16832
|
+
--pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
16833
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16834
|
+
--pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
|
|
16835
|
+
--pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16780
16836
|
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
16781
16837
|
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
16782
16838
|
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
@@ -16786,26 +16842,22 @@ button.pf-c-label__content:focus {
|
|
|
16786
16842
|
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16787
16843
|
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
16788
16844
|
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16789
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
16790
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
16791
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
16792
16845
|
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
16793
16846
|
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
16794
16847
|
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
16795
16848
|
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
16796
16849
|
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16797
16850
|
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16798
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
16799
16851
|
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16800
16852
|
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16801
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
16802
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
16803
16853
|
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
16804
16854
|
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
16805
16855
|
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
16806
16856
|
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
16807
16857
|
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
16808
16858
|
display: inline-flex;
|
|
16859
|
+
row-gap: var(--pf-c-label-group--RowGap);
|
|
16860
|
+
column-gap: var(--pf-c-label-group--ColumnGap);
|
|
16809
16861
|
align-items: center;
|
|
16810
16862
|
}
|
|
16811
16863
|
.pf-c-label-group.pf-m-category {
|
|
@@ -16818,11 +16870,12 @@ button.pf-c-label__content:focus {
|
|
|
16818
16870
|
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
16819
16871
|
}
|
|
16820
16872
|
.pf-c-label-group.pf-m-vertical {
|
|
16821
|
-
--pf-c-label-
|
|
16822
|
-
--pf-c-label-
|
|
16823
|
-
--pf-c-label-
|
|
16824
|
-
--pf-c-label-
|
|
16825
|
-
--pf-c-label-
|
|
16873
|
+
--pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
|
|
16874
|
+
--pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
|
|
16875
|
+
--pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
|
|
16876
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
|
|
16877
|
+
--pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
|
|
16878
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
|
|
16826
16879
|
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
16827
16880
|
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
16828
16881
|
--pf-c-label-group__close--MarginBottom: 0;
|
|
@@ -16839,9 +16892,6 @@ button.pf-c-label__content:focus {
|
|
|
16839
16892
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
16840
16893
|
flex-direction: column;
|
|
16841
16894
|
}
|
|
16842
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
16843
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
16844
|
-
}
|
|
16845
16895
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
16846
16896
|
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
16847
16897
|
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
@@ -16862,20 +16912,20 @@ button.pf-c-label__content:focus {
|
|
|
16862
16912
|
display: flex;
|
|
16863
16913
|
flex: 1;
|
|
16864
16914
|
flex-wrap: wrap;
|
|
16915
|
+
row-gap: var(--pf-c-label-group__main--RowGap);
|
|
16916
|
+
column-gap: var(--pf-c-label-group__main--ColumnGap);
|
|
16865
16917
|
align-items: baseline;
|
|
16866
16918
|
}
|
|
16867
16919
|
|
|
16868
16920
|
.pf-c-label-group__list {
|
|
16869
16921
|
display: inline-flex;
|
|
16870
16922
|
flex-wrap: wrap;
|
|
16871
|
-
|
|
16872
|
-
|
|
16923
|
+
row-gap: var(--pf-c-label-group__list--RowGap);
|
|
16924
|
+
column-gap: var(--pf-c-label-group__list--ColumnGap);
|
|
16873
16925
|
}
|
|
16874
16926
|
|
|
16875
16927
|
.pf-c-label-group__list-item {
|
|
16876
16928
|
display: inline-flex;
|
|
16877
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
16878
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
16879
16929
|
}
|
|
16880
16930
|
|
|
16881
16931
|
.pf-c-label-group__label {
|
|
@@ -16883,12 +16933,12 @@ button.pf-c-label__content:focus {
|
|
|
16883
16933
|
text-overflow: ellipsis;
|
|
16884
16934
|
white-space: nowrap;
|
|
16885
16935
|
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
16886
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
16887
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
16888
16936
|
font-size: var(--pf-c-label-group__label--FontSize);
|
|
16889
16937
|
}
|
|
16890
16938
|
|
|
16891
16939
|
.pf-c-label-group__close {
|
|
16940
|
+
display: flex;
|
|
16941
|
+
align-self: start;
|
|
16892
16942
|
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
16893
16943
|
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
16894
16944
|
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
@@ -17329,10 +17379,10 @@ ul.pf-c-list {
|
|
|
17329
17379
|
@media (min-width: 1200px) {
|
|
17330
17380
|
.pf-c-login__container {
|
|
17331
17381
|
display: grid;
|
|
17332
|
-
justify-content: center;
|
|
17333
|
-
grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
|
|
17334
|
-
grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
|
|
17335
17382
|
grid-template-areas: "main header" "main footer" "main .";
|
|
17383
|
+
grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
|
|
17384
|
+
grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
|
|
17385
|
+
justify-content: center;
|
|
17336
17386
|
padding-right: var(--pf-c-login__container--PaddingRight);
|
|
17337
17387
|
padding-left: var(--pf-c-login__container--PaddingLeft);
|
|
17338
17388
|
}
|
|
@@ -17354,10 +17404,10 @@ ul.pf-c-list {
|
|
|
17354
17404
|
}
|
|
17355
17405
|
|
|
17356
17406
|
.pf-c-login__main {
|
|
17407
|
+
grid-area: main;
|
|
17357
17408
|
align-self: start;
|
|
17358
17409
|
margin-bottom: var(--pf-c-login__main--MarginBottom);
|
|
17359
17410
|
background-color: var(--pf-c-login__main--BackgroundColor);
|
|
17360
|
-
grid-area: main;
|
|
17361
17411
|
}
|
|
17362
17412
|
.pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
|
|
17363
17413
|
padding-top: var(--pf-c-login__main-header--PaddingTop);
|
|
@@ -17369,8 +17419,8 @@ ul.pf-c-list {
|
|
|
17369
17419
|
.pf-c-login__main-header {
|
|
17370
17420
|
display: grid;
|
|
17371
17421
|
grid-template-columns: 100%;
|
|
17372
|
-
column-gap: var(--pf-c-login__main-header--ColumnGap);
|
|
17373
17422
|
row-gap: var(--pf-c-login__main-header--RowGap);
|
|
17423
|
+
column-gap: var(--pf-c-login__main-header--ColumnGap);
|
|
17374
17424
|
align-items: center;
|
|
17375
17425
|
padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
|
|
17376
17426
|
}
|
|
@@ -17382,26 +17432,26 @@ ul.pf-c-list {
|
|
|
17382
17432
|
|
|
17383
17433
|
.pf-c-login__main-header-utilities,
|
|
17384
17434
|
.pf-c-login__main-header .pf-c-dropdown {
|
|
17385
|
-
grid-column: auto;
|
|
17386
17435
|
grid-row: auto;
|
|
17436
|
+
grid-column: auto;
|
|
17387
17437
|
}
|
|
17388
17438
|
@media (min-width: 768px) {
|
|
17389
17439
|
.pf-c-login__main-header-utilities,
|
|
17390
|
-
.pf-c-login__main-header .pf-c-dropdown {
|
|
17391
|
-
grid-column: 2/3;
|
|
17440
|
+
.pf-c-login__main-header .pf-c-dropdown {
|
|
17392
17441
|
grid-row: 1;
|
|
17442
|
+
grid-column: 2/3;
|
|
17393
17443
|
}
|
|
17394
17444
|
}
|
|
17395
17445
|
|
|
17396
17446
|
.pf-c-login__main-header-utilities .pf-c-dropdown {
|
|
17397
|
-
grid-column: auto;
|
|
17398
17447
|
grid-row: auto;
|
|
17448
|
+
grid-column: auto;
|
|
17399
17449
|
}
|
|
17400
17450
|
|
|
17401
17451
|
.pf-c-login__main-header-desc {
|
|
17452
|
+
grid-column: 1/-1;
|
|
17402
17453
|
margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
|
|
17403
17454
|
font-size: var(--pf-c-login__main-header-desc--FontSize);
|
|
17404
|
-
grid-column: 1/-1;
|
|
17405
17455
|
}
|
|
17406
17456
|
|
|
17407
17457
|
.pf-c-login__main-body {
|
|
@@ -17436,11 +17486,11 @@ ul.pf-c-list {
|
|
|
17436
17486
|
}
|
|
17437
17487
|
|
|
17438
17488
|
.pf-c-login__main-footer-links-item-link svg {
|
|
17439
|
-
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
|
|
17440
17489
|
width: 100%;
|
|
17441
17490
|
max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
|
|
17442
17491
|
height: 100%;
|
|
17443
17492
|
max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
|
|
17493
|
+
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
|
|
17444
17494
|
}
|
|
17445
17495
|
.pf-c-login__main-footer-links-item-link:hover svg {
|
|
17446
17496
|
fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
|
|
@@ -17705,6 +17755,7 @@ ul.pf-c-list {
|
|
|
17705
17755
|
position: relative;
|
|
17706
17756
|
display: flex;
|
|
17707
17757
|
flex-basis: var(--pf-c-masthead__main--FlexBasis);
|
|
17758
|
+
grid-column: var(--pf-c-masthead__main--GridColumn);
|
|
17708
17759
|
align-items: center;
|
|
17709
17760
|
align-self: stretch;
|
|
17710
17761
|
order: var(--pf-c-masthead__main--Order);
|
|
@@ -17712,7 +17763,6 @@ ul.pf-c-list {
|
|
|
17712
17763
|
padding-top: var(--pf-c-masthead__main--PaddingTop);
|
|
17713
17764
|
padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
|
|
17714
17765
|
margin-right: var(--pf-c-masthead__main--MarginRight);
|
|
17715
|
-
grid-column: var(--pf-c-masthead__main--GridColumn);
|
|
17716
17766
|
}
|
|
17717
17767
|
.pf-c-masthead__main::before {
|
|
17718
17768
|
position: absolute;
|
|
@@ -17729,6 +17779,9 @@ ul.pf-c-list {
|
|
|
17729
17779
|
.pf-c-masthead__content {
|
|
17730
17780
|
display: flex;
|
|
17731
17781
|
flex-grow: 1;
|
|
17782
|
+
flex-shrink: 1;
|
|
17783
|
+
grid-column: var(--pf-c-masthead__content--GridColumn);
|
|
17784
|
+
grid-column-end: -1;
|
|
17732
17785
|
align-items: center;
|
|
17733
17786
|
align-self: stretch;
|
|
17734
17787
|
order: var(--pf-c-masthead__content--Order);
|
|
@@ -17736,9 +17789,6 @@ ul.pf-c-list {
|
|
|
17736
17789
|
padding-top: var(--pf-c-masthead__content--PaddingTop);
|
|
17737
17790
|
padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
|
|
17738
17791
|
margin-left: var(--pf-c-masthead__content--MarginLeft);
|
|
17739
|
-
grid-column: var(--pf-c-masthead__content--GridColumn);
|
|
17740
|
-
grid-column-end: -1;
|
|
17741
|
-
flex-shrink: 1;
|
|
17742
17792
|
}
|
|
17743
17793
|
.pf-c-masthead__content:only-child {
|
|
17744
17794
|
--pf-c-masthead__content--MarginLeft: 0;
|
|
@@ -18266,6 +18316,7 @@ ul.pf-c-list {
|
|
|
18266
18316
|
--pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
|
|
18267
18317
|
--pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
|
|
18268
18318
|
--pf-c-menu__item-action--Color: var(--pf-global--Color--200);
|
|
18319
|
+
--pf-c-menu__item-action--BackgroundColor: transparent;
|
|
18269
18320
|
--pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
|
|
18270
18321
|
--pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
|
|
18271
18322
|
--pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
|
|
@@ -18297,12 +18348,6 @@ ul.pf-c-list {
|
|
|
18297
18348
|
--pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
18298
18349
|
--pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
|
|
18299
18350
|
--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
18300
|
-
top: var(--pf-c-menu--Top);
|
|
18301
|
-
z-index: var(--pf-c-menu--ZIndex);
|
|
18302
|
-
width: var(--pf-c-menu--Width);
|
|
18303
|
-
min-width: var(--pf-c-menu--MinWidth);
|
|
18304
|
-
background-color: var(--pf-c-menu--BackgroundColor);
|
|
18305
|
-
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
18306
18351
|
--pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
18307
18352
|
--pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
18308
18353
|
--pf-c-menu--m-nav__list--PaddingTop: 0;
|
|
@@ -18330,6 +18375,12 @@ ul.pf-c-list {
|
|
|
18330
18375
|
--pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
|
|
18331
18376
|
--pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
|
|
18332
18377
|
--pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
|
|
18378
|
+
top: var(--pf-c-menu--Top);
|
|
18379
|
+
z-index: var(--pf-c-menu--ZIndex);
|
|
18380
|
+
width: var(--pf-c-menu--Width);
|
|
18381
|
+
min-width: var(--pf-c-menu--MinWidth);
|
|
18382
|
+
background-color: var(--pf-c-menu--BackgroundColor);
|
|
18383
|
+
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
18333
18384
|
}
|
|
18334
18385
|
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
|
|
18335
18386
|
overflow: visible;
|
|
@@ -18386,6 +18437,7 @@ ul.pf-c-list {
|
|
|
18386
18437
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list {
|
|
18387
18438
|
position: relative;
|
|
18388
18439
|
overflow: hidden;
|
|
18440
|
+
visibility: visible;
|
|
18389
18441
|
transition: var(--pf-c-menu--m-drilldown__list--Transition);
|
|
18390
18442
|
}
|
|
18391
18443
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
|
|
@@ -18696,6 +18748,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
18696
18748
|
padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
|
|
18697
18749
|
padding-left: var(--pf-c-menu__item-action--PaddingLeft);
|
|
18698
18750
|
color: var(--pf-c-menu__item-action--Color);
|
|
18751
|
+
background-color: var(--pf-c-menu__item-action--BackgroundColor);
|
|
18699
18752
|
border: none;
|
|
18700
18753
|
}
|
|
18701
18754
|
.pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
|
|
@@ -18885,6 +18938,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
18885
18938
|
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
|
|
18886
18939
|
--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
|
|
18887
18940
|
--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
|
|
18941
|
+
--pf-c-menu-toggle__button--BackgroundColor: transparent;
|
|
18888
18942
|
--pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
|
|
18889
18943
|
--pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
|
|
18890
18944
|
--pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
|
|
@@ -19140,13 +19194,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19140
19194
|
--pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
|
|
19141
19195
|
--pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
|
|
19142
19196
|
color: inherit;
|
|
19197
|
+
background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
|
|
19143
19198
|
border: 0;
|
|
19144
19199
|
}
|
|
19145
19200
|
|
|
19146
19201
|
.pf-c-menu-toggle__icon {
|
|
19147
19202
|
display: inline-flex;
|
|
19148
|
-
align-self: center;
|
|
19149
19203
|
flex-shrink: 0;
|
|
19204
|
+
align-self: center;
|
|
19150
19205
|
margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
|
|
19151
19206
|
line-height: 1;
|
|
19152
19207
|
}
|
|
@@ -19266,9 +19321,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19266
19321
|
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
19267
19322
|
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
19268
19323
|
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
19269
|
-
--pf-c-modal-
|
|
19270
|
-
--pf-c-modal-
|
|
19271
|
-
--pf-c-modal-
|
|
19324
|
+
--pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
|
|
19325
|
+
--pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
|
|
19326
|
+
--pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
19272
19327
|
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
19273
19328
|
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
19274
19329
|
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
@@ -19320,13 +19375,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19320
19375
|
.pf-c-modal-box.pf-m-info {
|
|
19321
19376
|
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
19322
19377
|
}
|
|
19323
|
-
|
|
19378
|
+
|
|
19379
|
+
.pf-c-modal-box__close {
|
|
19324
19380
|
position: absolute;
|
|
19325
|
-
top: var(--pf-c-modal-
|
|
19326
|
-
right: var(--pf-c-modal-
|
|
19381
|
+
top: var(--pf-c-modal-box__close--Top);
|
|
19382
|
+
right: var(--pf-c-modal-box__close--Right);
|
|
19327
19383
|
}
|
|
19328
|
-
.pf-c-modal-
|
|
19329
|
-
margin-right: var(--pf-c-modal-
|
|
19384
|
+
.pf-c-modal-box__close + * {
|
|
19385
|
+
margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
|
|
19330
19386
|
}
|
|
19331
19387
|
|
|
19332
19388
|
.pf-c-modal-box__header {
|
|
@@ -19517,8 +19573,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19517
19573
|
--pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
|
|
19518
19574
|
--pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
|
|
19519
19575
|
display: grid;
|
|
19520
|
-
gap: var(--pf-c-multiple-file-upload--Gap);
|
|
19521
19576
|
grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
|
|
19577
|
+
gap: var(--pf-c-multiple-file-upload--Gap);
|
|
19522
19578
|
}
|
|
19523
19579
|
.pf-c-multiple-file-upload.pf-m-horizontal {
|
|
19524
19580
|
--pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
@@ -19544,21 +19600,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19544
19600
|
|
|
19545
19601
|
.pf-c-multiple-file-upload__main {
|
|
19546
19602
|
display: grid;
|
|
19603
|
+
grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
|
|
19604
|
+
grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
|
|
19605
|
+
grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
|
|
19606
|
+
gap: var(--pf-c-multiple-file-upload__main--Gap);
|
|
19547
19607
|
padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
|
|
19548
19608
|
text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
|
|
19549
19609
|
background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
|
|
19550
19610
|
border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
|
|
19551
|
-
grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
|
|
19552
|
-
grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
|
|
19553
|
-
grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
|
|
19554
|
-
gap: var(--pf-c-multiple-file-upload__main--Gap);
|
|
19555
19611
|
}
|
|
19556
19612
|
|
|
19557
19613
|
.pf-c-multiple-file-upload__title {
|
|
19558
19614
|
display: var(--pf-c-multiple-file-upload__title--Display);
|
|
19615
|
+
grid-area: title;
|
|
19559
19616
|
grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
|
|
19560
19617
|
gap: var(--pf-c-multiple-file-upload__title--Gap);
|
|
19561
|
-
grid-area: title;
|
|
19562
19618
|
}
|
|
19563
19619
|
|
|
19564
19620
|
.pf-c-multiple-file-upload__title-icon {
|
|
@@ -20498,8 +20554,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20498
20554
|
--pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
|
|
20499
20555
|
--pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
|
|
20500
20556
|
--pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
|
|
20501
|
-
margin-top: var(--pf-c-nav__section--MarginTop);
|
|
20502
20557
|
--pf-c-nav--c-divider--MarginBottom: 0;
|
|
20558
|
+
margin-top: var(--pf-c-nav__section--MarginTop);
|
|
20503
20559
|
}
|
|
20504
20560
|
.pf-c-nav__section + .pf-c-nav__section {
|
|
20505
20561
|
--pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
|
|
@@ -20946,9 +21002,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20946
21002
|
|
|
20947
21003
|
.pf-c-notification-drawer__list-item-header {
|
|
20948
21004
|
display: flex;
|
|
20949
|
-
align-items: baseline;
|
|
20950
|
-
grid-column: 1/2;
|
|
20951
21005
|
grid-row: 1/2;
|
|
21006
|
+
grid-column: 1/2;
|
|
21007
|
+
align-items: baseline;
|
|
20952
21008
|
margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
|
|
20953
21009
|
}
|
|
20954
21010
|
|
|
@@ -20969,8 +21025,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20969
21025
|
}
|
|
20970
21026
|
|
|
20971
21027
|
.pf-c-notification-drawer__list-item-action {
|
|
20972
|
-
grid-column: 2/3;
|
|
20973
21028
|
grid-row: 1/3;
|
|
21029
|
+
grid-column: 2/3;
|
|
20974
21030
|
}
|
|
20975
21031
|
|
|
20976
21032
|
.pf-c-notification-drawer__list-item-description {
|
|
@@ -21572,10 +21628,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21572
21628
|
--pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
21573
21629
|
--pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21574
21630
|
display: grid;
|
|
21575
|
-
height: 100%;
|
|
21576
|
-
grid-template-columns: 1fr;
|
|
21577
|
-
grid-template-rows: max-content 1fr;
|
|
21578
21631
|
grid-template-areas: "header" "main";
|
|
21632
|
+
grid-template-rows: max-content 1fr;
|
|
21633
|
+
grid-template-columns: 1fr;
|
|
21634
|
+
height: 100%;
|
|
21579
21635
|
background-color: var(--pf-c-page--BackgroundColor);
|
|
21580
21636
|
}
|
|
21581
21637
|
@media (min-width: 1200px) {
|
|
@@ -21622,8 +21678,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21622
21678
|
}
|
|
21623
21679
|
@media (min-width: 1200px) {
|
|
21624
21680
|
.pf-c-page {
|
|
21625
|
-
grid-template-columns: max-content 1fr;
|
|
21626
21681
|
grid-template-areas: "header header" "nav main";
|
|
21682
|
+
grid-template-columns: max-content 1fr;
|
|
21627
21683
|
}
|
|
21628
21684
|
}
|
|
21629
21685
|
.pf-c-page.pf-m-full-height {
|
|
@@ -21634,14 +21690,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21634
21690
|
|
|
21635
21691
|
.pf-c-page__header,
|
|
21636
21692
|
.pf-c-page > .pf-c-masthead {
|
|
21637
|
-
grid-area: header;
|
|
21638
21693
|
z-index: var(--pf-c-page__header--ZIndex);
|
|
21694
|
+
grid-area: header;
|
|
21639
21695
|
}
|
|
21640
21696
|
|
|
21641
21697
|
.pf-c-page__header {
|
|
21642
21698
|
color: var(--pf-global--Color--100);
|
|
21643
|
-
grid-template-columns: auto auto;
|
|
21644
21699
|
display: grid;
|
|
21700
|
+
grid-template-columns: auto auto;
|
|
21645
21701
|
align-items: center;
|
|
21646
21702
|
min-width: 0;
|
|
21647
21703
|
min-height: var(--pf-c-page__header--MinHeight);
|
|
@@ -21689,18 +21745,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21689
21745
|
}
|
|
21690
21746
|
|
|
21691
21747
|
.pf-c-page__header-nav {
|
|
21748
|
+
grid-row: 2/3;
|
|
21749
|
+
grid-column: 1/-1;
|
|
21692
21750
|
align-self: stretch;
|
|
21693
21751
|
min-width: 0;
|
|
21694
21752
|
padding-right: var(--pf-c-page__header-nav--PaddingRight);
|
|
21695
21753
|
padding-left: var(--pf-c-page__header-nav--PaddingLeft);
|
|
21696
21754
|
background-color: var(--pf-c-page__header-nav--BackgroundColor);
|
|
21697
|
-
grid-column: 1/-1;
|
|
21698
|
-
grid-row: 2/3;
|
|
21699
21755
|
}
|
|
21700
21756
|
@media screen and (min-width: 1200px) {
|
|
21701
21757
|
.pf-c-page__header-nav {
|
|
21702
|
-
grid-column: 2/3;
|
|
21703
21758
|
grid-row: 1/2;
|
|
21759
|
+
grid-column: 2/3;
|
|
21704
21760
|
}
|
|
21705
21761
|
}
|
|
21706
21762
|
.pf-c-page__header-nav .pf-c-nav {
|
|
@@ -21766,10 +21822,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21766
21822
|
}
|
|
21767
21823
|
|
|
21768
21824
|
.pf-c-page__sidebar {
|
|
21825
|
+
z-index: var(--pf-c-page__sidebar--ZIndex);
|
|
21769
21826
|
grid-area: nav;
|
|
21770
21827
|
grid-row-start: 2;
|
|
21771
21828
|
grid-column-start: 1;
|
|
21772
|
-
z-index: var(--pf-c-page__sidebar--ZIndex);
|
|
21773
21829
|
width: var(--pf-c-page__sidebar--Width);
|
|
21774
21830
|
overflow-x: hidden;
|
|
21775
21831
|
overflow-y: auto;
|
|
@@ -21918,24 +21974,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21918
21974
|
}
|
|
21919
21975
|
@media (min-height: 0) {
|
|
21920
21976
|
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
|
|
21921
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
21922
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
21923
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
21924
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
21925
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
21926
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
21977
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
21978
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
21979
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
21980
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
21981
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
21982
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
21927
21983
|
position: sticky;
|
|
21928
21984
|
top: 0;
|
|
21929
21985
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21930
21986
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21931
21987
|
}
|
|
21932
21988
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
|
|
21933
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
21934
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
21935
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
21936
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
21937
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
21938
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
21989
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
21990
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
21991
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
21992
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
21993
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
21994
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
21939
21995
|
position: sticky;
|
|
21940
21996
|
bottom: 0;
|
|
21941
21997
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -21944,24 +22000,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21944
22000
|
}
|
|
21945
22001
|
@media (min-height: 40rem) {
|
|
21946
22002
|
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
|
|
21947
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
21948
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
21949
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
21950
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
21951
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
21952
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
22003
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
22004
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
22005
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
22006
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
22007
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
22008
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
21953
22009
|
position: sticky;
|
|
21954
22010
|
top: 0;
|
|
21955
22011
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21956
22012
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21957
22013
|
}
|
|
21958
22014
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
|
|
21959
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
21960
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
21961
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
21962
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
21963
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
21964
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
22015
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
22016
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
22017
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
22018
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
22019
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
22020
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
21965
22021
|
position: sticky;
|
|
21966
22022
|
bottom: 0;
|
|
21967
22023
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -21970,24 +22026,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21970
22026
|
}
|
|
21971
22027
|
@media (min-height: 48rem) {
|
|
21972
22028
|
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
|
|
21973
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
21974
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
21975
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
21976
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
21977
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
21978
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
22029
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
22030
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
22031
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
22032
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
22033
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
22034
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
21979
22035
|
position: sticky;
|
|
21980
22036
|
top: 0;
|
|
21981
22037
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
21982
22038
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
21983
22039
|
}
|
|
21984
22040
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
|
|
21985
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
21986
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
21987
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
21988
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
21989
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
21990
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
22041
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
22042
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
22043
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
22044
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
22045
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
22046
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
21991
22047
|
position: sticky;
|
|
21992
22048
|
bottom: 0;
|
|
21993
22049
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -21996,24 +22052,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21996
22052
|
}
|
|
21997
22053
|
@media (min-height: 60rem) {
|
|
21998
22054
|
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
|
|
21999
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
22000
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
22001
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
22002
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
22003
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
22004
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
22055
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
22056
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
22057
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
22058
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
22059
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
22060
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
22005
22061
|
position: sticky;
|
|
22006
22062
|
top: 0;
|
|
22007
22063
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22008
22064
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22009
22065
|
}
|
|
22010
22066
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
|
|
22011
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
22012
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
22013
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
22014
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
22015
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
22016
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
22067
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
22068
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
22069
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
22070
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
22071
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
22072
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
22017
22073
|
position: sticky;
|
|
22018
22074
|
bottom: 0;
|
|
22019
22075
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22022,24 +22078,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22022
22078
|
}
|
|
22023
22079
|
@media (min-height: 80rem) {
|
|
22024
22080
|
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
|
|
22025
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
22026
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
22027
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
22028
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
22029
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
22030
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
22081
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
22082
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
22083
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
22084
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
22085
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
22086
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
22031
22087
|
position: sticky;
|
|
22032
22088
|
top: 0;
|
|
22033
22089
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22034
22090
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22035
22091
|
}
|
|
22036
22092
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
|
|
22037
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
22038
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
22039
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
22040
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
22041
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
22042
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
22093
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
22094
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
22095
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
22096
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
22097
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
22098
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
22043
22099
|
position: sticky;
|
|
22044
22100
|
bottom: 0;
|
|
22045
22101
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22049,8 +22105,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22049
22105
|
|
|
22050
22106
|
.pf-c-page__main,
|
|
22051
22107
|
.pf-c-page__drawer {
|
|
22052
|
-
grid-area: main;
|
|
22053
22108
|
z-index: var(--pf-c-page__main--ZIndex);
|
|
22109
|
+
grid-area: main;
|
|
22054
22110
|
overflow-x: hidden;
|
|
22055
22111
|
overflow-y: auto;
|
|
22056
22112
|
-webkit-overflow-scrolling: touch;
|
|
@@ -22534,8 +22590,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22534
22590
|
padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
|
|
22535
22591
|
}
|
|
22536
22592
|
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
22537
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
22538
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
22593
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
22594
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
22539
22595
|
display: block;
|
|
22540
22596
|
}
|
|
22541
22597
|
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
@@ -22942,17 +22998,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22942
22998
|
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
22943
22999
|
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
22944
23000
|
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
22945
|
-
--pf-c-
|
|
22946
|
-
--pf-c-
|
|
22947
|
-
--pf-c-
|
|
22948
|
-
--pf-c-
|
|
22949
|
-
--pf-c-
|
|
22950
|
-
--pf-c-popover__title--
|
|
22951
|
-
--pf-c-popover__title--
|
|
22952
|
-
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
22953
|
-
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
23001
|
+
--pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
23002
|
+
--pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
|
|
23003
|
+
--pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
23004
|
+
--pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
|
|
23005
|
+
--pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
23006
|
+
--pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
23007
|
+
--pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
22954
23008
|
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
22955
23009
|
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
23010
|
+
--pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
|
|
22956
23011
|
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
22957
23012
|
position: relative;
|
|
22958
23013
|
min-width: var(--pf-c-popover--MinWidth);
|
|
@@ -23030,16 +23085,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23030
23085
|
padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
|
|
23031
23086
|
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
23032
23087
|
}
|
|
23033
|
-
|
|
23034
|
-
|
|
23035
|
-
}
|
|
23036
|
-
.pf-c-popover__content > .pf-c-button {
|
|
23088
|
+
|
|
23089
|
+
.pf-c-popover__close {
|
|
23037
23090
|
position: absolute;
|
|
23038
|
-
top: var(--pf-c-
|
|
23039
|
-
right: var(--pf-c-
|
|
23091
|
+
top: var(--pf-c-popover__close--Top);
|
|
23092
|
+
right: var(--pf-c-popover__close--Right);
|
|
23040
23093
|
}
|
|
23041
|
-
.pf-c-
|
|
23042
|
-
padding-right: var(--pf-c-
|
|
23094
|
+
.pf-c-popover__close + * {
|
|
23095
|
+
padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
|
|
23043
23096
|
}
|
|
23044
23097
|
|
|
23045
23098
|
.pf-c-popover__arrow {
|
|
@@ -23051,23 +23104,25 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23051
23104
|
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
23052
23105
|
}
|
|
23053
23106
|
|
|
23054
|
-
.pf-c-
|
|
23055
|
-
|
|
23056
|
-
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
23057
|
-
font-family: var(--pf-c-popover__title--FontFamily);
|
|
23058
|
-
font-size: var(--pf-c-popover__title--FontSize);
|
|
23059
|
-
line-height: var(--pf-c-popover__title--LineHeight);
|
|
23107
|
+
.pf-c-popover__header {
|
|
23108
|
+
margin-bottom: var(--pf-c-popover__header--MarginBottom);
|
|
23060
23109
|
}
|
|
23061
|
-
|
|
23110
|
+
|
|
23111
|
+
.pf-c-popover__title {
|
|
23062
23112
|
display: flex;
|
|
23113
|
+
flex: 0 0 auto;
|
|
23063
23114
|
}
|
|
23064
23115
|
|
|
23065
23116
|
.pf-c-popover__title-icon {
|
|
23066
23117
|
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
23118
|
+
font-size: var(--pf-c-popover__title-icon--FontSize);
|
|
23067
23119
|
color: var(--pf-c-popover__title-icon--Color);
|
|
23068
23120
|
}
|
|
23069
23121
|
|
|
23070
23122
|
.pf-c-popover__title-text {
|
|
23123
|
+
font-family: var(--pf-c-popover__title-text--FontFamily);
|
|
23124
|
+
font-size: var(--pf-c-popover__title-text--FontSize);
|
|
23125
|
+
line-height: var(--pf-c-popover__title-text--LineHeight);
|
|
23071
23126
|
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
23072
23127
|
}
|
|
23073
23128
|
|
|
@@ -23116,17 +23171,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23116
23171
|
}
|
|
23117
23172
|
|
|
23118
23173
|
:where(.pf-theme-dark) .pf-c-popover {
|
|
23119
|
-
--pf-c-
|
|
23120
|
-
--pf-c-popover__arrow--
|
|
23121
|
-
--pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
|
|
23174
|
+
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23175
|
+
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23122
23176
|
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
|
|
23123
23177
|
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
|
|
23124
23178
|
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
|
|
23125
23179
|
}
|
|
23126
|
-
:where(.pf-theme-dark) .pf-c-popover,
|
|
23127
|
-
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
|
|
23128
|
-
border: 4px solid var(--pf-global--BorderColor--400);
|
|
23129
|
-
}
|
|
23130
23180
|
|
|
23131
23181
|
.pf-c-progress {
|
|
23132
23182
|
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
@@ -23134,8 +23184,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23134
23184
|
--pf-c-progress__bar--Height: var(--pf-global--spacer--md);
|
|
23135
23185
|
--pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
23136
23186
|
--pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
23187
|
+
--pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
|
|
23137
23188
|
--pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
|
|
23138
|
-
--pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
23139
23189
|
--pf-c-progress__bar--before--Opacity: .2;
|
|
23140
23190
|
--pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
|
|
23141
23191
|
--pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
|
|
@@ -23157,10 +23207,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23157
23207
|
--pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
|
|
23158
23208
|
--pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
|
|
23159
23209
|
display: grid;
|
|
23160
|
-
align-items: end;
|
|
23161
|
-
grid-gap: var(--pf-c-progress--GridGap);
|
|
23162
|
-
grid-template-columns: auto auto;
|
|
23163
23210
|
grid-template-rows: 1fr auto;
|
|
23211
|
+
grid-template-columns: auto auto;
|
|
23212
|
+
grid-gap: var(--pf-c-progress--GridGap);
|
|
23213
|
+
align-items: end;
|
|
23164
23214
|
}
|
|
23165
23215
|
.pf-c-progress.pf-m-sm {
|
|
23166
23216
|
--pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
|
|
@@ -23189,8 +23239,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23189
23239
|
grid-column: 1/3;
|
|
23190
23240
|
}
|
|
23191
23241
|
.pf-c-progress.pf-m-outside .pf-c-progress__status {
|
|
23192
|
-
grid-column: 2/3;
|
|
23193
23242
|
grid-row: 2/3;
|
|
23243
|
+
grid-column: 2/3;
|
|
23194
23244
|
align-self: center;
|
|
23195
23245
|
}
|
|
23196
23246
|
.pf-c-progress.pf-m-outside .pf-c-progress__measure {
|
|
@@ -23238,8 +23288,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23238
23288
|
}
|
|
23239
23289
|
|
|
23240
23290
|
.pf-c-progress__description {
|
|
23241
|
-
word-break: break-word;
|
|
23242
23291
|
grid-column: 1/2;
|
|
23292
|
+
word-break: break-word;
|
|
23243
23293
|
}
|
|
23244
23294
|
.pf-c-progress__description.pf-m-truncate {
|
|
23245
23295
|
overflow: hidden;
|
|
@@ -23248,21 +23298,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23248
23298
|
}
|
|
23249
23299
|
|
|
23250
23300
|
.pf-c-progress__status {
|
|
23251
|
-
|
|
23301
|
+
display: flex;
|
|
23252
23302
|
grid-row: 1/2;
|
|
23303
|
+
grid-column: 2/3;
|
|
23304
|
+
gap: var(--pf-c-progress__status--Gap);
|
|
23305
|
+
align-items: flex-start;
|
|
23306
|
+
justify-content: flex-end;
|
|
23253
23307
|
text-align: right;
|
|
23254
23308
|
word-break: break-word;
|
|
23255
23309
|
}
|
|
23256
23310
|
|
|
23257
23311
|
.pf-c-progress__status-icon {
|
|
23258
|
-
margin-left: var(--pf-c-progress__status-icon--MarginLeft);
|
|
23259
23312
|
color: var(--pf-c-progress__status-icon--Color);
|
|
23260
23313
|
}
|
|
23261
23314
|
|
|
23262
23315
|
.pf-c-progress__bar {
|
|
23263
23316
|
position: relative;
|
|
23264
|
-
grid-column: 1/3;
|
|
23265
23317
|
grid-row: 2/3;
|
|
23318
|
+
grid-column: 1/3;
|
|
23266
23319
|
align-self: center;
|
|
23267
23320
|
height: var(--pf-c-progress__bar--Height);
|
|
23268
23321
|
background-color: var(--pf-c-progress__bar--BackgroundColor);
|
|
@@ -23287,8 +23340,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23287
23340
|
}
|
|
23288
23341
|
|
|
23289
23342
|
.pf-c-progress__helper-text {
|
|
23290
|
-
grid-column: 1/3;
|
|
23291
23343
|
grid-row: 3/4;
|
|
23344
|
+
grid-column: 1/3;
|
|
23292
23345
|
margin-top: var(--pf-c-progress__helper-text--MarginTop);
|
|
23293
23346
|
}
|
|
23294
23347
|
|
|
@@ -23450,10 +23503,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23450
23503
|
--pf-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
23451
23504
|
position: relative;
|
|
23452
23505
|
display: grid;
|
|
23453
|
-
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
23454
|
-
grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
|
|
23455
23506
|
grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
|
|
23507
|
+
grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
|
|
23456
23508
|
grid-auto-columns: 1fr;
|
|
23509
|
+
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
23457
23510
|
}
|
|
23458
23511
|
@media screen and (min-width: 768px) {
|
|
23459
23512
|
.pf-c-progress-stepper {
|
|
@@ -23520,8 +23573,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23520
23573
|
grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
|
|
23521
23574
|
}
|
|
23522
23575
|
.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
|
|
23523
|
-
min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
|
|
23524
23576
|
grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
|
|
23577
|
+
min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
|
|
23525
23578
|
padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
|
|
23526
23579
|
}
|
|
23527
23580
|
.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
|
|
@@ -23638,11 +23691,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23638
23691
|
}
|
|
23639
23692
|
.pf-c-progress-stepper__step-title.pf-m-help-text {
|
|
23640
23693
|
text-decoration: underline;
|
|
23641
|
-
|
|
23694
|
+
text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
23642
23695
|
text-decoration-style: dashed;
|
|
23643
23696
|
text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
|
|
23644
|
-
text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
23645
23697
|
text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
23698
|
+
cursor: pointer;
|
|
23646
23699
|
}
|
|
23647
23700
|
.pf-c-progress-stepper__step-title.pf-m-help-text:hover {
|
|
23648
23701
|
--pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
|
|
@@ -24020,6 +24073,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24020
24073
|
--pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
24021
24074
|
--pf-c-search-input__text-input--MinWidth: 6ch;
|
|
24022
24075
|
--pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
24076
|
+
--pf-c-search-input__text-input--BackgroundColor: transparent;
|
|
24023
24077
|
--pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
|
|
24024
24078
|
--pf-c-search-input__icon--Color: var(--pf-global--Color--200);
|
|
24025
24079
|
--pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
@@ -24064,9 +24118,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24064
24118
|
|
|
24065
24119
|
.pf-c-search-input__text {
|
|
24066
24120
|
display: grid;
|
|
24067
|
-
grid-template-columns: 1fr;
|
|
24068
|
-
grid-template-areas: "text-input";
|
|
24069
24121
|
flex: 1;
|
|
24122
|
+
grid-template-areas: "text-input";
|
|
24123
|
+
grid-template-columns: 1fr;
|
|
24070
24124
|
}
|
|
24071
24125
|
.pf-c-search-input__text::before, .pf-c-search-input__text::after {
|
|
24072
24126
|
position: absolute;
|
|
@@ -24107,6 +24161,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24107
24161
|
width: 100%;
|
|
24108
24162
|
min-width: var(--pf-c-search-input__text-input--MinWidth);
|
|
24109
24163
|
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);
|
|
24164
|
+
background-color: var(--pf-c-search-input__text-input--BackgroundColor);
|
|
24110
24165
|
border: 0;
|
|
24111
24166
|
}
|
|
24112
24167
|
.pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
|
|
@@ -24588,8 +24643,8 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24588
24643
|
.pf-c-select__toggle-typeahead {
|
|
24589
24644
|
flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
|
|
24590
24645
|
flex-grow: 1;
|
|
24591
|
-
min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
|
|
24592
24646
|
flex-shrink: 0;
|
|
24647
|
+
min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
|
|
24593
24648
|
}
|
|
24594
24649
|
.pf-c-select__toggle-typeahead.pf-c-form-control {
|
|
24595
24650
|
background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
|
|
@@ -24865,28 +24920,54 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24865
24920
|
}
|
|
24866
24921
|
|
|
24867
24922
|
.pf-c-sidebar {
|
|
24923
|
+
--pf-c-sidebar--inset: var(--pf-global--spacer--md);
|
|
24924
|
+
--pf-c-sidebar--xl--inset: var(--pf-global--spacer--lg);
|
|
24868
24925
|
--pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
24926
|
+
--pf-c-sidebar--BorderWidth--base: var(--pf-global--BorderWidth--sm);
|
|
24927
|
+
--pf-c-sidebar--BorderColor--base: var(--pf-global--BorderColor--100);
|
|
24928
|
+
--pf-c-sidebar__panel--PaddingTop: 0;
|
|
24929
|
+
--pf-c-sidebar__panel--PaddingRight: 0;
|
|
24930
|
+
--pf-c-sidebar__panel--PaddingBottom: 0;
|
|
24931
|
+
--pf-c-sidebar__panel--PaddingLeft: 0;
|
|
24932
|
+
--pf-c-sidebar__panel--Order: -1;
|
|
24933
|
+
--pf-c-sidebar__panel--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
|
|
24934
|
+
--pf-c-sidebar__panel--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
|
|
24935
|
+
--pf-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
|
|
24936
|
+
--pf-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
|
|
24937
|
+
--pf-c-sidebar__content--PaddingTop: 0;
|
|
24938
|
+
--pf-c-sidebar__content--PaddingRight: 0;
|
|
24939
|
+
--pf-c-sidebar__content--PaddingBottom: 0;
|
|
24940
|
+
--pf-c-sidebar__content--PaddingLeft: 0;
|
|
24941
|
+
--pf-c-sidebar__content--Order: 1;
|
|
24942
|
+
--pf-c-sidebar__content--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
|
|
24943
|
+
--pf-c-sidebar__content--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
|
|
24944
|
+
--pf-c-sidebar__content--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
|
|
24945
|
+
--pf-c-sidebar__content--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
|
|
24869
24946
|
--pf-c-sidebar__main--FlexDirection: column;
|
|
24870
24947
|
--pf-c-sidebar__main--md--FlexDirection: row;
|
|
24871
24948
|
--pf-c-sidebar__main--AlignItems: stretch;
|
|
24872
24949
|
--pf-c-sidebar__main--md--AlignItems: start;
|
|
24873
24950
|
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
24874
|
-
--pf-c-
|
|
24875
|
-
--pf-c-
|
|
24876
|
-
--pf-c-
|
|
24877
|
-
--pf-c-
|
|
24951
|
+
--pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--inset);
|
|
24952
|
+
--pf-c-sidebar__main--m-border--before--Display: none;
|
|
24953
|
+
--pf-c-sidebar__main--m-border--before--md--Display: block;
|
|
24954
|
+
--pf-c-sidebar__main--m-border--before--BorderWidth: var(--pf-c-sidebar--BorderWidth--base);
|
|
24955
|
+
--pf-c-sidebar__main--m-border--before--BorderColor: var(--pf-c-sidebar--BorderColor--base);
|
|
24956
|
+
--pf-c-sidebar--m-panel-right__panel--Order: -1;
|
|
24878
24957
|
--pf-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
24958
|
+
--pf-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
24879
24959
|
--pf-c-sidebar--m-stack__main--FlexDirection: column;
|
|
24880
24960
|
--pf-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
24881
24961
|
--pf-c-sidebar--m-stack__panel--Position: sticky;
|
|
24882
24962
|
--pf-c-sidebar--m-stack__panel--Top: 0;
|
|
24883
24963
|
--pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
24884
|
-
--pf-c-sidebar--m-stack--m-panel-right__panel--Order:
|
|
24964
|
+
--pf-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
24885
24965
|
--pf-c-sidebar--m-split__main--AlignItems: start;
|
|
24886
24966
|
--pf-c-sidebar--m-split__main--FlexDirection: row;
|
|
24887
24967
|
--pf-c-sidebar--m-split__panel--Position: static;
|
|
24888
24968
|
--pf-c-sidebar--m-split__panel--Top: auto;
|
|
24889
24969
|
--pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
24970
|
+
--pf-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
24890
24971
|
--pf-c-sidebar__panel--FlexBasis--base: auto;
|
|
24891
24972
|
--pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
24892
24973
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
@@ -24900,7 +24981,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24900
24981
|
--pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
24901
24982
|
--pf-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
24902
24983
|
--pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
|
|
24903
|
-
--pf-c-sidebar__panel--Order: 0;
|
|
24904
24984
|
--pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
24905
24985
|
--pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
24906
24986
|
--pf-c-sidebar__panel--m-sticky--Top: 0;
|
|
@@ -24910,60 +24990,50 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24910
24990
|
@media (min-width: 768px) {
|
|
24911
24991
|
.pf-c-sidebar {
|
|
24912
24992
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
|
|
24993
|
+
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
|
|
24994
|
+
--pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar__main--m-border--before--md--Display);
|
|
24913
24995
|
--pf-c-sidebar__panel--BoxShadow: none;
|
|
24914
24996
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
|
|
24915
|
-
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
|
|
24916
24997
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
|
|
24917
24998
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
|
|
24918
24999
|
}
|
|
24919
25000
|
}
|
|
24920
25001
|
@media (min-width: 1200px) {
|
|
24921
25002
|
.pf-c-sidebar {
|
|
24922
|
-
--pf-c-sidebar--
|
|
25003
|
+
--pf-c-sidebar--inset: var(--pf-c-sidebar--xl--inset);
|
|
24923
25004
|
}
|
|
24924
25005
|
}
|
|
24925
|
-
.pf-c-sidebar.pf-m-gutter {
|
|
24926
|
-
|
|
24927
|
-
--pf-c-sidebar__main--child--MarginLeft: 0;
|
|
24928
|
-
}
|
|
24929
|
-
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
|
|
24930
|
-
margin-top: var(--pf-c-sidebar__main--child--MarginTop);
|
|
24931
|
-
margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
|
|
24932
|
-
}
|
|
24933
|
-
@media (min-width: 768px) {
|
|
24934
|
-
.pf-c-sidebar.pf-m-gutter {
|
|
24935
|
-
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
24936
|
-
--pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
24937
|
-
}
|
|
25006
|
+
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main {
|
|
25007
|
+
gap: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
24938
25008
|
}
|
|
24939
25009
|
.pf-c-sidebar.pf-m-panel-right {
|
|
24940
25010
|
--pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order);
|
|
25011
|
+
--pf-c-sidebar__content--Order: var(--pf-c-sidebar--m-panel-right__content--Order);
|
|
24941
25012
|
}
|
|
24942
25013
|
@media (min-width: 768px) {
|
|
24943
25014
|
.pf-c-sidebar.pf-m-panel-right {
|
|
24944
25015
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order);
|
|
25016
|
+
--pf-c-sidebar--m-panel-right__content--Order: var(--pf-c-sidebar--m-panel-right__content--md--Order);
|
|
24945
25017
|
}
|
|
24946
25018
|
}
|
|
24947
25019
|
.pf-c-sidebar.pf-m-stack {
|
|
24948
25020
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
|
|
24949
25021
|
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
|
|
24950
|
-
--pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
24951
|
-
--pf-c-sidebar__main--child--MarginLeft: 0;
|
|
24952
25022
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
|
|
24953
25023
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
|
|
24954
25024
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
|
|
24955
25025
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
|
|
25026
|
+
--pf-c-sidebar__main--m-border--before--Display: none;
|
|
24956
25027
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
24957
25028
|
}
|
|
24958
25029
|
.pf-c-sidebar.pf-m-split {
|
|
24959
25030
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
|
|
24960
25031
|
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
|
|
24961
|
-
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
24962
|
-
--pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
24963
25032
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
|
|
24964
25033
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
|
|
24965
25034
|
--pf-c-sidebar__panel--BoxShadow: none;
|
|
24966
25035
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
|
|
25036
|
+
--pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar--m-split__main--m-border--before--Display);
|
|
24967
25037
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
24968
25038
|
}
|
|
24969
25039
|
|
|
@@ -24972,17 +25042,31 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24972
25042
|
flex-direction: var(--pf-c-sidebar__main--FlexDirection);
|
|
24973
25043
|
align-items: var(--pf-c-sidebar__main--AlignItems);
|
|
24974
25044
|
}
|
|
25045
|
+
.pf-c-sidebar__main.pf-m-border::before {
|
|
25046
|
+
display: var(--pf-c-sidebar__main--m-border--before--Display);
|
|
25047
|
+
flex: 0 0 var(--pf-c-sidebar__main--m-border--before--BorderWidth);
|
|
25048
|
+
align-self: stretch;
|
|
25049
|
+
content: "";
|
|
25050
|
+
background-color: var(--pf-c-sidebar__main--m-border--before--BorderColor);
|
|
25051
|
+
}
|
|
24975
25052
|
|
|
24976
25053
|
.pf-c-sidebar__panel {
|
|
24977
25054
|
position: var(--pf-c-sidebar__panel--Position);
|
|
24978
25055
|
top: var(--pf-c-sidebar__panel--Top);
|
|
24979
25056
|
z-index: var(--pf-c-sidebar__panel--ZIndex);
|
|
24980
|
-
flex-shrink: 0;
|
|
24981
25057
|
flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
|
|
25058
|
+
flex-shrink: 0;
|
|
24982
25059
|
order: var(--pf-c-sidebar__panel--Order);
|
|
25060
|
+
padding: var(--pf-c-sidebar__panel--PaddingTop) var(--pf-c-sidebar__panel--PaddingRight) var(--pf-c-sidebar__panel--PaddingBottom) var(--pf-c-sidebar__panel--PaddingLeft);
|
|
24983
25061
|
background-color: var(--pf-c-sidebar__panel--BackgroundColor);
|
|
24984
25062
|
box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
|
|
24985
25063
|
}
|
|
25064
|
+
.pf-c-sidebar__panel.pf-m-padding {
|
|
25065
|
+
--pf-c-sidebar__panel--PaddingTop: var(--pf-c-sidebar__panel--m-padding--PaddingTop);
|
|
25066
|
+
--pf-c-sidebar__panel--PaddingRight: var(--pf-c-sidebar__panel--m-padding--PaddingRight);
|
|
25067
|
+
--pf-c-sidebar__panel--PaddingBottom: var(--pf-c-sidebar__panel--m-padding--PaddingBottom);
|
|
25068
|
+
--pf-c-sidebar__panel--PaddingLeft: var(--pf-c-sidebar__panel--m-padding--PaddingLeft);
|
|
25069
|
+
}
|
|
24986
25070
|
.pf-c-sidebar__panel.pf-m-sticky {
|
|
24987
25071
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
|
|
24988
25072
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
|
|
@@ -24994,11 +25078,25 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24994
25078
|
|
|
24995
25079
|
.pf-c-sidebar__content {
|
|
24996
25080
|
flex-grow: 1;
|
|
25081
|
+
order: var(--pf-c-sidebar__content--Order);
|
|
25082
|
+
padding: var(--pf-c-sidebar__content--PaddingTop) var(--pf-c-sidebar__content--PaddingRight) var(--pf-c-sidebar__content--PaddingBottom) var(--pf-c-sidebar__content--PaddingLeft);
|
|
24997
25083
|
background-color: var(--pf-c-sidebar__content--BackgroundColor);
|
|
24998
25084
|
}
|
|
25085
|
+
.pf-c-sidebar__content.pf-m-padding {
|
|
25086
|
+
--pf-c-sidebar__content--PaddingTop: var(--pf-c-sidebar__content--m-padding--PaddingTop);
|
|
25087
|
+
--pf-c-sidebar__content--PaddingRight: var(--pf-c-sidebar__content--m-padding--PaddingRight);
|
|
25088
|
+
--pf-c-sidebar__content--PaddingBottom: var(--pf-c-sidebar__content--m-padding--PaddingBottom);
|
|
25089
|
+
--pf-c-sidebar__content--PaddingLeft: var(--pf-c-sidebar__content--m-padding--PaddingTop);
|
|
25090
|
+
}
|
|
24999
25091
|
.pf-c-sidebar__content.pf-m-no-background {
|
|
25000
25092
|
--pf-c-sidebar__content--BackgroundColor: transparent;
|
|
25001
25093
|
}
|
|
25094
|
+
.pf-c-sidebar__content + .pf-c-sidebar__panel {
|
|
25095
|
+
--pf-c-sidebar__panel--Order: 1;
|
|
25096
|
+
}
|
|
25097
|
+
:where(.pf-c-sidebar__content:first-child) {
|
|
25098
|
+
--pf-c-sidebar__content--Order: -1;
|
|
25099
|
+
}
|
|
25002
25100
|
|
|
25003
25101
|
.pf-c-sidebar.pf-m-no-background,
|
|
25004
25102
|
.pf-c-sidebar__panel.pf-m-no-background,
|
|
@@ -25191,9 +25289,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25191
25289
|
border: none;
|
|
25192
25290
|
}
|
|
25193
25291
|
.pf-c-simple-list__item-link:hover {
|
|
25194
|
-
text-decoration: none;
|
|
25195
25292
|
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
|
|
25196
25293
|
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
|
|
25294
|
+
text-decoration: none;
|
|
25197
25295
|
}
|
|
25198
25296
|
.pf-c-simple-list__item-link:focus {
|
|
25199
25297
|
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
|
|
@@ -25872,13 +25970,13 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25872
25970
|
.pf-c-spinner__path {
|
|
25873
25971
|
width: 100%;
|
|
25874
25972
|
height: 100%;
|
|
25875
|
-
transform-origin: 50% 50%;
|
|
25876
|
-
animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
|
|
25877
25973
|
stroke: var(--pf-c-spinner--Color);
|
|
25878
|
-
stroke-linecap: round;
|
|
25879
25974
|
stroke-dasharray: 283;
|
|
25880
25975
|
stroke-dashoffset: 280;
|
|
25976
|
+
stroke-linecap: round;
|
|
25881
25977
|
stroke-width: var(--pf-c-spinner--stroke-width);
|
|
25978
|
+
transform-origin: 50% 50%;
|
|
25979
|
+
animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
|
|
25882
25980
|
}
|
|
25883
25981
|
|
|
25884
25982
|
@keyframes pf-c-spinner-animation-rotate {
|
|
@@ -25898,8 +25996,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25898
25996
|
stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
|
|
25899
25997
|
}
|
|
25900
25998
|
40% {
|
|
25901
|
-
stroke-dashoffset: 150;
|
|
25902
25999
|
stroke-dasharray: 220;
|
|
26000
|
+
stroke-dashoffset: 150;
|
|
25903
26001
|
}
|
|
25904
26002
|
100% {
|
|
25905
26003
|
stroke-dashoffset: 280;
|
|
@@ -26543,7 +26641,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26543
26641
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
26544
26642
|
}
|
|
26545
26643
|
.pf-m-grid-md.pf-c-table tr:last-child,
|
|
26546
|
-
.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26644
|
+
.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26547
26645
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
26548
26646
|
}
|
|
26549
26647
|
.pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
|
|
@@ -26688,7 +26786,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26688
26786
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
26689
26787
|
}
|
|
26690
26788
|
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
|
|
26691
|
-
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
|
|
26789
|
+
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
|
|
26692
26790
|
position: relative;
|
|
26693
26791
|
}
|
|
26694
26792
|
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -26718,9 +26816,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26718
26816
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
26719
26817
|
}
|
|
26720
26818
|
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
26721
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
26722
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
26723
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
26819
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
26820
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
26821
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
26724
26822
|
width: auto;
|
|
26725
26823
|
padding: 0;
|
|
26726
26824
|
}
|
|
@@ -26740,8 +26838,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26740
26838
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
26741
26839
|
}
|
|
26742
26840
|
.pf-m-grid-md.pf-c-table .pf-c-table__check,
|
|
26743
|
-
.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
|
|
26744
|
-
.pf-m-grid-md.pf-c-table .pf-c-table__action {
|
|
26841
|
+
.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
|
|
26842
|
+
.pf-m-grid-md.pf-c-table .pf-c-table__action {
|
|
26745
26843
|
grid-row-start: 1;
|
|
26746
26844
|
grid-column-start: 2;
|
|
26747
26845
|
}
|
|
@@ -26858,7 +26956,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26858
26956
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
26859
26957
|
}
|
|
26860
26958
|
.pf-m-grid-lg.pf-c-table tr:last-child,
|
|
26861
|
-
.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26959
|
+
.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26862
26960
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
26863
26961
|
}
|
|
26864
26962
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27003,7 +27101,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27003
27101
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27004
27102
|
}
|
|
27005
27103
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
|
|
27006
|
-
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27104
|
+
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27007
27105
|
position: relative;
|
|
27008
27106
|
}
|
|
27009
27107
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27033,9 +27131,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27033
27131
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27034
27132
|
}
|
|
27035
27133
|
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27036
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27037
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27038
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27134
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27135
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27136
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27039
27137
|
width: auto;
|
|
27040
27138
|
padding: 0;
|
|
27041
27139
|
}
|
|
@@ -27055,8 +27153,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27055
27153
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27056
27154
|
}
|
|
27057
27155
|
.pf-m-grid-lg.pf-c-table .pf-c-table__check,
|
|
27058
|
-
.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
|
|
27059
|
-
.pf-m-grid-lg.pf-c-table .pf-c-table__action {
|
|
27156
|
+
.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
|
|
27157
|
+
.pf-m-grid-lg.pf-c-table .pf-c-table__action {
|
|
27060
27158
|
grid-row-start: 1;
|
|
27061
27159
|
grid-column-start: 2;
|
|
27062
27160
|
}
|
|
@@ -27173,7 +27271,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27173
27271
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
27174
27272
|
}
|
|
27175
27273
|
.pf-m-grid-xl.pf-c-table tr:last-child,
|
|
27176
|
-
.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27274
|
+
.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27177
27275
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
27178
27276
|
}
|
|
27179
27277
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27318,7 +27416,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27318
27416
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27319
27417
|
}
|
|
27320
27418
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
|
|
27321
|
-
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27419
|
+
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27322
27420
|
position: relative;
|
|
27323
27421
|
}
|
|
27324
27422
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27348,9 +27446,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27348
27446
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27349
27447
|
}
|
|
27350
27448
|
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27351
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27352
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27353
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27449
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27450
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27451
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27354
27452
|
width: auto;
|
|
27355
27453
|
padding: 0;
|
|
27356
27454
|
}
|
|
@@ -27370,8 +27468,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27370
27468
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27371
27469
|
}
|
|
27372
27470
|
.pf-m-grid-xl.pf-c-table .pf-c-table__check,
|
|
27373
|
-
.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
|
|
27374
|
-
.pf-m-grid-xl.pf-c-table .pf-c-table__action {
|
|
27471
|
+
.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
|
|
27472
|
+
.pf-m-grid-xl.pf-c-table .pf-c-table__action {
|
|
27375
27473
|
grid-row-start: 1;
|
|
27376
27474
|
grid-column-start: 2;
|
|
27377
27475
|
}
|
|
@@ -27488,7 +27586,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27488
27586
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
27489
27587
|
}
|
|
27490
27588
|
.pf-m-grid-2xl.pf-c-table tr:last-child,
|
|
27491
|
-
.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27589
|
+
.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27492
27590
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
27493
27591
|
}
|
|
27494
27592
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27633,7 +27731,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27633
27731
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27634
27732
|
}
|
|
27635
27733
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
|
|
27636
|
-
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27734
|
+
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27637
27735
|
position: relative;
|
|
27638
27736
|
}
|
|
27639
27737
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27663,9 +27761,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27663
27761
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27664
27762
|
}
|
|
27665
27763
|
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27666
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27667
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27668
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27764
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27765
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27766
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27669
27767
|
width: auto;
|
|
27670
27768
|
padding: 0;
|
|
27671
27769
|
}
|
|
@@ -27685,8 +27783,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27685
27783
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27686
27784
|
}
|
|
27687
27785
|
.pf-m-grid-2xl.pf-c-table .pf-c-table__check,
|
|
27688
|
-
.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
|
|
27689
|
-
.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
|
|
27786
|
+
.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
|
|
27787
|
+
.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
|
|
27690
27788
|
grid-row-start: 1;
|
|
27691
27789
|
grid-column-start: 2;
|
|
27692
27790
|
}
|
|
@@ -27961,6 +28059,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27961
28059
|
--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
|
|
27962
28060
|
--pf-c-table__subhead--Color: var(--pf-global--Color--200);
|
|
27963
28061
|
--pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
|
|
28062
|
+
--pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-global--ZIndex--xs);
|
|
27964
28063
|
color: var(--pf-global--Color--100);
|
|
27965
28064
|
width: 100%;
|
|
27966
28065
|
background-color: var(--pf-c-table--BackgroundColor);
|
|
@@ -27989,7 +28088,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27989
28088
|
border-bottom: 0;
|
|
27990
28089
|
}
|
|
27991
28090
|
.pf-c-table.pf-m-sticky-header > thead > tr > * {
|
|
27992
|
-
z-index: var(--pf-
|
|
28091
|
+
z-index: var(--pf-c-table--m-sticky-header--cell--ZIndex);
|
|
27993
28092
|
}
|
|
27994
28093
|
.pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
|
|
27995
28094
|
position: sticky;
|
|
@@ -28360,9 +28459,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28360
28459
|
.pf-c-table__button-content,
|
|
28361
28460
|
.pf-c-table__column-help {
|
|
28362
28461
|
display: grid;
|
|
28462
|
+
grid-template-columns: auto max-content;
|
|
28363
28463
|
align-items: end;
|
|
28364
28464
|
justify-content: start;
|
|
28365
|
-
grid-template-columns: auto max-content;
|
|
28366
28465
|
}
|
|
28367
28466
|
.pf-c-table__button-content .pf-c-table__text,
|
|
28368
28467
|
.pf-c-table__column-help .pf-c-table__text {
|
|
@@ -28468,6 +28567,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28468
28567
|
vertical-align: middle;
|
|
28469
28568
|
}
|
|
28470
28569
|
|
|
28570
|
+
.pf-c-table__action {
|
|
28571
|
+
text-align: right;
|
|
28572
|
+
}
|
|
28573
|
+
|
|
28471
28574
|
.pf-c-table__inline-edit-action {
|
|
28472
28575
|
--pf-c-table--cell--PaddingLeft: 0;
|
|
28473
28576
|
--pf-c-table--cell--PaddingRight: 0;
|
|
@@ -28805,39 +28908,44 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28805
28908
|
}
|
|
28806
28909
|
|
|
28807
28910
|
.pf-c-table {
|
|
28808
|
-
--pf-c-table__sticky-
|
|
28809
|
-
--pf-c-table__sticky-
|
|
28810
|
-
--pf-c-table__sticky-
|
|
28811
|
-
--pf-c-table__sticky-
|
|
28812
|
-
--pf-c-table__sticky-
|
|
28813
|
-
--pf-c-table__sticky-
|
|
28814
|
-
--pf-c-table__sticky-
|
|
28815
|
-
--pf-c-table__sticky-
|
|
28816
|
-
--pf-c-table__sticky-
|
|
28817
|
-
--pf-c-table__sticky-
|
|
28818
|
-
--pf-c-
|
|
28819
|
-
|
|
28820
|
-
|
|
28911
|
+
--pf-c-table__sticky-cell--MinWidth--base: 12.5rem;
|
|
28912
|
+
--pf-c-table__sticky-cell--MinWidth: var(--pf-c-table__sticky-cell--MinWidth--base);
|
|
28913
|
+
--pf-c-table__sticky-cell--ZIndex: var(--pf-global--ZIndex--xs);
|
|
28914
|
+
--pf-c-table__sticky-cell--Right: auto;
|
|
28915
|
+
--pf-c-table__sticky-cell--Left: auto;
|
|
28916
|
+
--pf-c-table__sticky-cell--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
28917
|
+
--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
28918
|
+
--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
28919
|
+
--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
28920
|
+
--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
|
|
28921
|
+
--pf-c-table__sticky-cell--m-right--Right: 0;
|
|
28922
|
+
--pf-c-table__sticky-cell--m-left--Left: 0;
|
|
28923
|
+
--pf-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-c-table__sticky-cell--ZIndex) + 1);
|
|
28924
|
+
}
|
|
28925
|
+
.pf-c-table .pf-c-table__sticky-cell {
|
|
28926
|
+
--pf-c-table--cell--Overflow: visible;
|
|
28927
|
+
--pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-c-table--m-sticky-header__sticky-cell--ZIndex);
|
|
28821
28928
|
position: sticky;
|
|
28822
|
-
|
|
28823
|
-
|
|
28824
|
-
|
|
28825
|
-
|
|
28929
|
+
right: var(--pf-c-table__sticky-cell--Right);
|
|
28930
|
+
left: var(--pf-c-table__sticky-cell--Left);
|
|
28931
|
+
z-index: var(--pf-c-table__sticky-cell--ZIndex);
|
|
28932
|
+
min-width: var(--pf-c-table__sticky-cell--MinWidth);
|
|
28933
|
+
background-color: var(--pf-c-table__sticky-cell--BackgroundColor);
|
|
28826
28934
|
background-clip: padding-box;
|
|
28827
28935
|
}
|
|
28828
|
-
.pf-c-table .pf-c-table__sticky-
|
|
28829
|
-
--pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-
|
|
28830
|
-
--pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-
|
|
28936
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-border-right::before {
|
|
28937
|
+
--pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
|
|
28938
|
+
--pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor);
|
|
28831
28939
|
}
|
|
28832
|
-
.pf-c-table .pf-c-table__sticky-
|
|
28833
|
-
--pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-
|
|
28834
|
-
--pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-
|
|
28940
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-border-left::before {
|
|
28941
|
+
--pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
|
|
28942
|
+
--pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
|
|
28835
28943
|
}
|
|
28836
|
-
.pf-c-table.pf-m-
|
|
28837
|
-
--pf-c-
|
|
28944
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-right {
|
|
28945
|
+
--pf-c-table__sticky-cell--Right: var(--pf-c-table__sticky-cell--m-right--Right);
|
|
28838
28946
|
}
|
|
28839
|
-
.pf-c-table.pf-
|
|
28840
|
-
|
|
28947
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-left {
|
|
28948
|
+
--pf-c-table__sticky-cell--Left: var(--pf-c-table__sticky-cell--m-left--Left);
|
|
28841
28949
|
}
|
|
28842
28950
|
|
|
28843
28951
|
.pf-c-scroll-outer-wrapper {
|
|
@@ -28873,10 +28981,20 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28873
28981
|
--pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
|
|
28874
28982
|
--pf-c-table--m-tree-view__toggle--TranslateX: -100%;
|
|
28875
28983
|
--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
28984
|
+
--pf-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
|
|
28985
|
+
--pf-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
|
|
28876
28986
|
}
|
|
28877
28987
|
.pf-c-table.pf-m-tree-view > tbody > tr {
|
|
28878
28988
|
--pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
|
|
28879
28989
|
}
|
|
28990
|
+
.pf-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
|
|
28991
|
+
--pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
28992
|
+
--pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
28993
|
+
}
|
|
28994
|
+
.pf-c-table.pf-m-tree-view.pf-m-no-inset {
|
|
28995
|
+
--pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
28996
|
+
--pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
28997
|
+
}
|
|
28880
28998
|
.pf-c-table.pf-m-tree-view tr[aria-level="2"] {
|
|
28881
28999
|
--pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));
|
|
28882
29000
|
}
|
|
@@ -29172,7 +29290,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29172
29290
|
display: block;
|
|
29173
29291
|
}
|
|
29174
29292
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29175
|
-
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
29293
|
+
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
29176
29294
|
display: inline-block;
|
|
29177
29295
|
}
|
|
29178
29296
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
@@ -29313,7 +29431,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29313
29431
|
display: block;
|
|
29314
29432
|
}
|
|
29315
29433
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29316
|
-
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
29434
|
+
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
29317
29435
|
display: inline-block;
|
|
29318
29436
|
}
|
|
29319
29437
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
@@ -29454,7 +29572,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29454
29572
|
display: block;
|
|
29455
29573
|
}
|
|
29456
29574
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29457
|
-
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
29575
|
+
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
29458
29576
|
display: inline-block;
|
|
29459
29577
|
}
|
|
29460
29578
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
@@ -29595,7 +29713,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29595
29713
|
display: block;
|
|
29596
29714
|
}
|
|
29597
29715
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29598
|
-
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
29716
|
+
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
29599
29717
|
display: inline-block;
|
|
29600
29718
|
}
|
|
29601
29719
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
@@ -29765,7 +29883,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29765
29883
|
--pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
29766
29884
|
--pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
|
|
29767
29885
|
--pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
|
|
29768
|
-
--pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
|
|
29769
29886
|
--pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
|
|
29770
29887
|
--pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
|
|
29771
29888
|
--pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
|
|
@@ -30239,9 +30356,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30239
30356
|
--pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
|
|
30240
30357
|
outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
|
|
30241
30358
|
}
|
|
30242
|
-
.pf-c-tabs__item-action.pf-m-help {
|
|
30243
|
-
--pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
|
|
30244
|
-
}
|
|
30245
30359
|
.pf-c-tabs__item-action:last-child {
|
|
30246
30360
|
--pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
|
|
30247
30361
|
}
|
|
@@ -30552,7 +30666,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30552
30666
|
--pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
|
|
30553
30667
|
--pf-c-text-input-group__text-input--MinWidth: 12ch;
|
|
30554
30668
|
--pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
30555
|
-
--pf-c-text-input-
|
|
30669
|
+
--pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
|
|
30670
|
+
--pf-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
30556
30671
|
--pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
|
|
30557
30672
|
--pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
|
|
30558
30673
|
--pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
@@ -30609,9 +30724,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30609
30724
|
|
|
30610
30725
|
.pf-c-text-input-group__text {
|
|
30611
30726
|
display: inline-grid;
|
|
30612
|
-
grid-template-columns: 1fr;
|
|
30613
|
-
grid-template-areas: "text-input";
|
|
30614
30727
|
flex: 1;
|
|
30728
|
+
grid-template-areas: "text-input";
|
|
30729
|
+
grid-template-columns: 1fr;
|
|
30615
30730
|
}
|
|
30616
30731
|
.pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
|
|
30617
30732
|
position: absolute;
|
|
@@ -30652,6 +30767,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30652
30767
|
width: 100%;
|
|
30653
30768
|
min-width: var(--pf-c-text-input-group__text-input--MinWidth);
|
|
30654
30769
|
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);
|
|
30770
|
+
background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
|
|
30655
30771
|
border: 0;
|
|
30656
30772
|
}
|
|
30657
30773
|
.pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
|
|
@@ -30661,7 +30777,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30661
30777
|
color: var(--pf-c-text-input-group__text-input--m-hint--Color);
|
|
30662
30778
|
}
|
|
30663
30779
|
.pf-c-text-input-group__text-input::placeholder {
|
|
30664
|
-
color: var(--pf-c-text-input-
|
|
30780
|
+
color: var(--pf-c-text-input-group__text-input--placeholder--Color);
|
|
30665
30781
|
}
|
|
30666
30782
|
|
|
30667
30783
|
.pf-c-text-input-group__utilities {
|
|
@@ -30726,11 +30842,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30726
30842
|
--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
30727
30843
|
position: relative;
|
|
30728
30844
|
display: inline-grid;
|
|
30845
|
+
grid-template-rows: min-content;
|
|
30729
30846
|
padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
|
|
30730
30847
|
text-align: center;
|
|
30731
30848
|
cursor: pointer;
|
|
30732
30849
|
background-color: var(--pf-c-tile--BackgroundColor);
|
|
30733
|
-
grid-template-rows: min-content;
|
|
30734
30850
|
transition: var(--pf-c-tile--Transition);
|
|
30735
30851
|
transform: translateY(var(--pf-c-tile--TranslateY));
|
|
30736
30852
|
}
|
|
@@ -30882,12 +30998,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30882
30998
|
outline-offset: var(--pf-c-timestamp--OutlineOffset);
|
|
30883
30999
|
}
|
|
30884
31000
|
.pf-c-timestamp.pf-m-help-text {
|
|
30885
|
-
cursor: pointer;
|
|
30886
31001
|
text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
|
|
30887
|
-
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
30888
31002
|
text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
|
|
30889
|
-
text-
|
|
31003
|
+
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
30890
31004
|
text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
|
|
31005
|
+
text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
31006
|
+
cursor: pointer;
|
|
30891
31007
|
}
|
|
30892
31008
|
.pf-c-timestamp.pf-m-help-text:hover {
|
|
30893
31009
|
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
|
|
@@ -31110,8 +31226,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31110
31226
|
--pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
|
|
31111
31227
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
31112
31228
|
--pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
|
|
31113
|
-
--pf-c-tooltip__arrow--Width: 0.
|
|
31114
|
-
--pf-c-tooltip__arrow--Height: 0.
|
|
31229
|
+
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31230
|
+
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31231
|
+
--pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
31232
|
+
--pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
31115
31233
|
--pf-c-tooltip__arrow--m-top--TranslateX: -50%;
|
|
31116
31234
|
--pf-c-tooltip__arrow--m-top--TranslateY: 50%;
|
|
31117
31235
|
--pf-c-tooltip__arrow--m-top--Rotate: 45deg;
|
|
@@ -31181,7 +31299,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31181
31299
|
width: var(--pf-c-tooltip__arrow--Width);
|
|
31182
31300
|
height: var(--pf-c-tooltip__arrow--Height);
|
|
31183
31301
|
pointer-events: none;
|
|
31184
|
-
background-color: var(--pf-c-
|
|
31302
|
+
background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
|
|
31303
|
+
box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
|
|
31185
31304
|
}
|
|
31186
31305
|
|
|
31187
31306
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -31221,16 +31340,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31221
31340
|
}
|
|
31222
31341
|
|
|
31223
31342
|
:where(.pf-theme-dark) .pf-c-tooltip {
|
|
31224
|
-
--pf-c-tooltip--BoxShadow: none;
|
|
31225
31343
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31226
|
-
|
|
31227
|
-
:where(.pf-theme-dark) .pf-c-tooltip,
|
|
31228
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31229
|
-
border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
|
|
31230
|
-
}
|
|
31231
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31232
|
-
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31233
|
-
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31344
|
+
--pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31234
31345
|
}
|
|
31235
31346
|
|
|
31236
31347
|
.pf-c-truncate {
|
|
@@ -31315,11 +31426,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31315
31426
|
--pf-c-tree-view__node--Color: var(--pf-global--Color--100);
|
|
31316
31427
|
--pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
|
|
31317
31428
|
--pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
|
|
31429
|
+
--pf-c-tree-view__node--BackgroundColor: transparent;
|
|
31318
31430
|
--pf-c-tree-view__node-container--Display: contents;
|
|
31319
31431
|
--pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
|
|
31320
31432
|
--pf-c-tree-view__node-content--Overflow: visible;
|
|
31321
31433
|
--pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31322
|
-
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--
|
|
31434
|
+
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31323
31435
|
--pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
|
|
31324
31436
|
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
31325
31437
|
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -31329,6 +31441,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31329
31441
|
--pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
|
|
31330
31442
|
--pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
|
|
31331
31443
|
--pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
|
|
31444
|
+
--pf-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
31332
31445
|
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
|
|
31333
31446
|
--pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
31334
31447
|
--pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
|
|
@@ -31353,10 +31466,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31353
31466
|
--pf-c-tree-view__node-text--max-lines: 1;
|
|
31354
31467
|
--pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
31355
31468
|
--pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
|
|
31356
|
-
--pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31357
|
-
--pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
|
|
31358
|
-
--pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
|
|
31359
|
-
--pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
|
|
31360
31469
|
--pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
|
|
31361
31470
|
--pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
|
|
31362
31471
|
--pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
|
|
@@ -31554,13 +31663,14 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31554
31663
|
display: flex;
|
|
31555
31664
|
padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
|
|
31556
31665
|
color: var(--pf-c-tree-view__node--Color);
|
|
31666
|
+
background-color: var(--pf-c-tree-view__node--BackgroundColor);
|
|
31557
31667
|
}
|
|
31558
31668
|
.pf-c-tree-view__node.pf-m-current {
|
|
31559
31669
|
--pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
|
|
31560
31670
|
font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
|
|
31561
31671
|
}
|
|
31562
31672
|
.pf-c-tree-view__node:focus {
|
|
31563
|
-
|
|
31673
|
+
--pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
|
|
31564
31674
|
}
|
|
31565
31675
|
.pf-c-tree-view__node .pf-c-tree-view__node-count {
|
|
31566
31676
|
margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
|
|
@@ -31607,6 +31717,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31607
31717
|
margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
|
|
31608
31718
|
margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
|
|
31609
31719
|
color: var(--pf-c-tree-view__node-toggle--Color);
|
|
31720
|
+
background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
|
|
31610
31721
|
border: 0;
|
|
31611
31722
|
transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
31612
31723
|
}
|
|
@@ -31630,6 +31741,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31630
31741
|
font-weight: inherit;
|
|
31631
31742
|
color: inherit;
|
|
31632
31743
|
text-align: left;
|
|
31744
|
+
background-color: transparent;
|
|
31633
31745
|
border: 0;
|
|
31634
31746
|
}
|
|
31635
31747
|
label.pf-c-tree-view__node-text {
|
|
@@ -31661,15 +31773,6 @@ label.pf-c-tree-view__node-text {
|
|
|
31661
31773
|
|
|
31662
31774
|
.pf-c-tree-view__action {
|
|
31663
31775
|
margin-left: var(--pf-c-tree-view__action--MarginLeft);
|
|
31664
|
-
color: var(--pf-c-tree-view__action--Color);
|
|
31665
|
-
border: 0;
|
|
31666
|
-
}
|
|
31667
|
-
.pf-c-tree-view__action:hover {
|
|
31668
|
-
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
|
|
31669
|
-
}
|
|
31670
|
-
.pf-c-tree-view__action:focus {
|
|
31671
|
-
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
|
|
31672
|
-
background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
|
|
31673
31776
|
}
|
|
31674
31777
|
|
|
31675
31778
|
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
@@ -31818,9 +31921,14 @@ label.pf-c-tree-view__node-text {
|
|
|
31818
31921
|
--pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
|
|
31819
31922
|
--pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
|
|
31820
31923
|
--pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
|
|
31924
|
+
--pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
|
|
31925
|
+
--pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
31926
|
+
--pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
31927
|
+
--pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
31821
31928
|
--pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
|
|
31822
31929
|
--pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
|
|
31823
31930
|
--pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
|
|
31931
|
+
--pf-c-wizard__nav-link--BackgroundColor: transparent;
|
|
31824
31932
|
--pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
|
|
31825
31933
|
--pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
|
|
31826
31934
|
--pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
|
|
@@ -32000,6 +32108,8 @@ label.pf-c-tree-view__node-text {
|
|
|
32000
32108
|
position: absolute;
|
|
32001
32109
|
top: var(--pf-c-wizard__close--Top);
|
|
32002
32110
|
right: var(--pf-c-wizard__close--Right);
|
|
32111
|
+
}
|
|
32112
|
+
.pf-c-wizard__header .pf-c-wizard__close button {
|
|
32003
32113
|
font-size: var(--pf-c-wizard__close--FontSize);
|
|
32004
32114
|
}
|
|
32005
32115
|
|
|
@@ -32008,6 +32118,13 @@ label.pf-c-tree-view__node-text {
|
|
|
32008
32118
|
word-wrap: break-word;
|
|
32009
32119
|
}
|
|
32010
32120
|
|
|
32121
|
+
.pf-c-wizard__title-text {
|
|
32122
|
+
font-family: var(--pf-c-wizard__title-text--FontFamily);
|
|
32123
|
+
font-size: var(--pf-c-wizard__title-text--FontSize);
|
|
32124
|
+
font-weight: var(--pf-c-wizard__title-text--FontWeight);
|
|
32125
|
+
line-height: var(--pf-c-wizard__title-text--LineHeight);
|
|
32126
|
+
}
|
|
32127
|
+
|
|
32011
32128
|
.pf-c-wizard__description {
|
|
32012
32129
|
display: none;
|
|
32013
32130
|
padding-top: var(--pf-c-wizard__description--PaddingTop);
|
|
@@ -32170,6 +32287,7 @@ label.pf-c-tree-view__node-text {
|
|
|
32170
32287
|
text-align: left;
|
|
32171
32288
|
text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
|
|
32172
32289
|
word-break: break-word;
|
|
32290
|
+
background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
|
|
32173
32291
|
border: 0;
|
|
32174
32292
|
}
|
|
32175
32293
|
.pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
|
|
@@ -32255,8 +32373,8 @@ label.pf-c-tree-view__node-text {
|
|
|
32255
32373
|
position: relative;
|
|
32256
32374
|
z-index: var(--pf-c-wizard__footer--ZIndex);
|
|
32257
32375
|
display: flex;
|
|
32258
|
-
flex-wrap: wrap;
|
|
32259
32376
|
flex-shrink: 0;
|
|
32377
|
+
flex-wrap: wrap;
|
|
32260
32378
|
padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
|
|
32261
32379
|
background-color: var(--pf-c-wizard__footer--BackgroundColor);
|
|
32262
32380
|
}
|
|
@@ -33937,8 +34055,8 @@ label.pf-c-tree-view__node-text {
|
|
|
33937
34055
|
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
33938
34056
|
--pf-l-gallery--GridTemplateRows: auto;
|
|
33939
34057
|
display: grid;
|
|
33940
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
33941
34058
|
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
34059
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
33942
34060
|
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
33943
34061
|
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
33944
34062
|
}
|
|
@@ -34006,39 +34124,39 @@ label.pf-c-tree-view__node-text {
|
|
|
34006
34124
|
}
|
|
34007
34125
|
.pf-l-grid > *,
|
|
34008
34126
|
.pf-l-grid .pf-l-grid__item {
|
|
34009
|
-
min-width: 0;
|
|
34010
|
-
min-height: 0;
|
|
34011
34127
|
grid-column-start: var(--pf-l-grid__item--GridColumnStart);
|
|
34012
34128
|
grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
|
|
34129
|
+
min-width: 0;
|
|
34130
|
+
min-height: 0;
|
|
34013
34131
|
order: var(--pf-l-grid--item--Order);
|
|
34014
34132
|
}
|
|
34015
34133
|
@media (min-width: 576px) {
|
|
34016
34134
|
.pf-l-grid > *,
|
|
34017
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34135
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34018
34136
|
order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
|
|
34019
34137
|
}
|
|
34020
34138
|
}
|
|
34021
34139
|
@media (min-width: 768px) {
|
|
34022
34140
|
.pf-l-grid > *,
|
|
34023
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34141
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34024
34142
|
order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
|
|
34025
34143
|
}
|
|
34026
34144
|
}
|
|
34027
34145
|
@media (min-width: 992px) {
|
|
34028
34146
|
.pf-l-grid > *,
|
|
34029
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34147
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34030
34148
|
order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
|
|
34031
34149
|
}
|
|
34032
34150
|
}
|
|
34033
34151
|
@media (min-width: 1200px) {
|
|
34034
34152
|
.pf-l-grid > *,
|
|
34035
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34153
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34036
34154
|
order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
|
|
34037
34155
|
}
|
|
34038
34156
|
}
|
|
34039
34157
|
@media (min-width: 1450px) {
|
|
34040
34158
|
.pf-l-grid > *,
|
|
34041
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34159
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34042
34160
|
order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
|
|
34043
34161
|
}
|
|
34044
34162
|
}
|