@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.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-
|
|
2
|
+
.pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-blue, .pf-c-alert, .pf-c-accordion, .pf-t-light {
|
|
3
3
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
4
4
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
5
5
|
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
@@ -470,133 +470,123 @@
|
|
|
470
470
|
|
|
471
471
|
@font-face {
|
|
472
472
|
font-family: "RedHatDisplay";
|
|
473
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
474
473
|
font-style: normal;
|
|
475
474
|
font-weight: 300;
|
|
475
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
476
476
|
text-rendering: optimizelegibility;
|
|
477
477
|
}
|
|
478
478
|
@font-face {
|
|
479
479
|
font-family: "RedHatDisplay";
|
|
480
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
|
|
481
480
|
font-style: normal;
|
|
482
481
|
font-weight: 400;
|
|
482
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
|
|
483
483
|
text-rendering: optimizelegibility;
|
|
484
484
|
}
|
|
485
485
|
@font-face {
|
|
486
486
|
font-family: "RedHatDisplay";
|
|
487
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
|
|
488
487
|
font-style: normal;
|
|
489
488
|
font-weight: 700;
|
|
489
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
|
|
490
490
|
text-rendering: optimizelegibility;
|
|
491
491
|
}
|
|
492
492
|
@font-face {
|
|
493
493
|
font-family: "RedHatText";
|
|
494
|
-
src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
|
|
495
494
|
font-style: normal;
|
|
496
495
|
font-weight: 400;
|
|
496
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
|
|
497
497
|
text-rendering: optimizelegibility;
|
|
498
498
|
}
|
|
499
499
|
@font-face {
|
|
500
500
|
font-family: "RedHatText";
|
|
501
|
-
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
|
|
502
501
|
font-style: normal;
|
|
503
502
|
font-weight: 700;
|
|
503
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
|
|
504
504
|
text-rendering: optimizelegibility;
|
|
505
505
|
}
|
|
506
506
|
@font-face {
|
|
507
507
|
font-family: "RedHatDisplayUpdated";
|
|
508
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
|
|
509
508
|
font-style: normal;
|
|
510
509
|
font-weight: 300;
|
|
510
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
|
|
511
511
|
text-rendering: optimizelegibility;
|
|
512
512
|
}
|
|
513
513
|
@font-face {
|
|
514
514
|
font-family: "RedHatDisplayUpdated";
|
|
515
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
|
|
516
515
|
font-style: normal;
|
|
517
516
|
font-weight: 400;
|
|
517
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
|
|
518
518
|
text-rendering: optimizelegibility;
|
|
519
519
|
}
|
|
520
520
|
@font-face {
|
|
521
521
|
font-family: "RedHatDisplayUpdated";
|
|
522
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
|
|
523
522
|
font-style: normal;
|
|
524
523
|
font-weight: 700;
|
|
524
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
|
|
525
525
|
text-rendering: optimizelegibility;
|
|
526
526
|
}
|
|
527
527
|
@font-face {
|
|
528
528
|
font-family: "RedHatTextUpdated";
|
|
529
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
|
|
530
529
|
font-style: normal;
|
|
531
530
|
font-weight: 400;
|
|
531
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
|
|
532
532
|
text-rendering: optimizelegibility;
|
|
533
533
|
}
|
|
534
534
|
@font-face {
|
|
535
535
|
font-family: "RedHatTextUpdated";
|
|
536
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
|
|
537
536
|
font-style: normal;
|
|
538
537
|
font-weight: 700;
|
|
538
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
|
|
539
539
|
text-rendering: optimizelegibility;
|
|
540
540
|
}
|
|
541
541
|
@font-face {
|
|
542
542
|
font-family: "RedHatMono";
|
|
543
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
|
|
544
543
|
font-style: normal;
|
|
545
544
|
font-weight: 400;
|
|
545
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
|
|
546
546
|
font-display: fallback;
|
|
547
547
|
}
|
|
548
548
|
@font-face {
|
|
549
549
|
font-family: "RedHatDisplayVF";
|
|
550
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
|
|
551
550
|
font-style: normal;
|
|
552
551
|
font-weight: 300 900;
|
|
552
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
|
|
553
553
|
font-display: fallback;
|
|
554
554
|
}
|
|
555
555
|
@font-face {
|
|
556
556
|
font-family: "RedHatDisplayVF";
|
|
557
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
558
557
|
font-style: italic;
|
|
559
558
|
font-weight: 300 900;
|
|
559
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
560
560
|
font-display: fallback;
|
|
561
561
|
}
|
|
562
562
|
@font-face {
|
|
563
563
|
font-family: "RedHatTextVF";
|
|
564
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
|
|
565
564
|
font-style: normal;
|
|
566
565
|
font-weight: 400 500;
|
|
566
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
|
|
567
567
|
font-display: fallback;
|
|
568
568
|
}
|
|
569
569
|
@font-face {
|
|
570
570
|
font-family: "RedHatTextVF";
|
|
571
|
-
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
572
571
|
font-style: italic;
|
|
573
572
|
font-weight: 400 500;
|
|
573
|
+
src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
|
|
574
574
|
font-display: fallback;
|
|
575
575
|
}
|
|
576
576
|
@font-face {
|
|
577
577
|
font-family: "RedHatMonoVF";
|
|
578
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
|
|
579
578
|
font-style: normal;
|
|
580
579
|
font-weight: 300 700;
|
|
580
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
|
|
581
581
|
font-display: fallback;
|
|
582
582
|
}
|
|
583
583
|
@font-face {
|
|
584
584
|
font-family: "RedHatMonoVF";
|
|
585
|
-
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
|
|
586
585
|
font-style: italic;
|
|
587
586
|
font-weight: 300 700;
|
|
587
|
+
src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
|
|
588
588
|
font-display: fallback;
|
|
589
589
|
}
|
|
590
|
-
[class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
|
|
591
|
-
padding: 0;
|
|
592
|
-
margin: 0;
|
|
593
|
-
background-color: transparent;
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
html {
|
|
597
|
-
font-size: var(--pf-global--root--FontSize, unset) !important;
|
|
598
|
-
}
|
|
599
|
-
|
|
600
590
|
.pf-screen-reader {
|
|
601
591
|
position: fixed;
|
|
602
592
|
top: 0;
|
|
@@ -4966,7 +4956,7 @@ a {
|
|
|
4966
4956
|
font-family: "pficon";
|
|
4967
4957
|
src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
|
|
4968
4958
|
}
|
|
4969
|
-
.pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
|
|
4959
|
+
.pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
|
|
4970
4960
|
font-family: "pficon";
|
|
4971
4961
|
-webkit-font-smoothing: antialiased;
|
|
4972
4962
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -5065,6 +5055,10 @@ a {
|
|
|
5065
5055
|
content: "\e976";
|
|
5066
5056
|
}
|
|
5067
5057
|
|
|
5058
|
+
.pf-icon-data-processor:before {
|
|
5059
|
+
content: "\e97b";
|
|
5060
|
+
}
|
|
5061
|
+
|
|
5068
5062
|
.pf-icon-data-sink:before {
|
|
5069
5063
|
content: "\e978";
|
|
5070
5064
|
}
|
|
@@ -5485,30 +5479,12 @@ a {
|
|
|
5485
5479
|
content: "\e911";
|
|
5486
5480
|
}
|
|
5487
5481
|
|
|
5488
|
-
.pf-svg
|
|
5482
|
+
.pf-svg {
|
|
5489
5483
|
width: 1em;
|
|
5490
5484
|
height: 1em;
|
|
5491
5485
|
vertical-align: -0.125em;
|
|
5492
5486
|
}
|
|
5493
5487
|
|
|
5494
|
-
.pf-svg-size-md {
|
|
5495
|
-
width: 1.5em;
|
|
5496
|
-
height: 1.5em;
|
|
5497
|
-
vertical-align: -0.1875em;
|
|
5498
|
-
}
|
|
5499
|
-
|
|
5500
|
-
.pf-svg-size-lg {
|
|
5501
|
-
width: 2em;
|
|
5502
|
-
height: 2em;
|
|
5503
|
-
vertical-align: -0.25em;
|
|
5504
|
-
}
|
|
5505
|
-
|
|
5506
|
-
.pf-svg-size-xl {
|
|
5507
|
-
width: 3em;
|
|
5508
|
-
height: 3em;
|
|
5509
|
-
vertical-align: -0.375em;
|
|
5510
|
-
}
|
|
5511
|
-
|
|
5512
5488
|
.pf-c-about-modal-box {
|
|
5513
5489
|
--pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
5514
5490
|
--pf-c-about-modal-box--Height: 100%;
|
|
@@ -5560,8 +5536,8 @@ a {
|
|
|
5560
5536
|
color: var(--pf-global--Color--100);
|
|
5561
5537
|
position: relative;
|
|
5562
5538
|
display: grid;
|
|
5563
|
-
grid-template-rows: max-content max-content auto;
|
|
5564
5539
|
grid-template-areas: "brand close" "header header" "content content";
|
|
5540
|
+
grid-template-rows: max-content max-content auto;
|
|
5565
5541
|
width: var(--pf-c-about-modal-box--Width);
|
|
5566
5542
|
height: var(--pf-c-about-modal-box--Height);
|
|
5567
5543
|
overflow-x: hidden;
|
|
@@ -5607,22 +5583,22 @@ a {
|
|
|
5607
5583
|
}
|
|
5608
5584
|
@media only screen and (min-width: 576px) {
|
|
5609
5585
|
.pf-c-about-modal-box {
|
|
5610
|
-
grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
|
|
5611
5586
|
grid-template-areas: "brand hero" "header hero" "content hero";
|
|
5587
|
+
grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
|
|
5612
5588
|
}
|
|
5613
5589
|
}
|
|
5614
5590
|
@media only screen and (min-width: 992px) {
|
|
5615
5591
|
.pf-c-about-modal-box {
|
|
5616
5592
|
--pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
|
|
5617
5593
|
--pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
|
|
5618
|
-
grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
|
|
5619
5594
|
grid-template-rows: max-content max-content auto;
|
|
5595
|
+
grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
|
|
5620
5596
|
}
|
|
5621
5597
|
}
|
|
5622
5598
|
|
|
5623
5599
|
.pf-c-about-modal-box__brand {
|
|
5624
|
-
grid-area: brand;
|
|
5625
5600
|
display: flex;
|
|
5601
|
+
grid-area: brand;
|
|
5626
5602
|
padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft);
|
|
5627
5603
|
}
|
|
5628
5604
|
|
|
@@ -5631,9 +5607,9 @@ a {
|
|
|
5631
5607
|
}
|
|
5632
5608
|
|
|
5633
5609
|
.pf-c-about-modal-box__header {
|
|
5634
|
-
grid-area: header;
|
|
5635
5610
|
display: flex;
|
|
5636
5611
|
flex-direction: column;
|
|
5612
|
+
grid-area: header;
|
|
5637
5613
|
padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
|
|
5638
5614
|
padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
|
|
5639
5615
|
padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
|
|
@@ -5664,10 +5640,10 @@ a {
|
|
|
5664
5640
|
}
|
|
5665
5641
|
|
|
5666
5642
|
.pf-c-about-modal-box__close {
|
|
5667
|
-
grid-area: close;
|
|
5668
5643
|
position: sticky;
|
|
5669
5644
|
top: 0;
|
|
5670
5645
|
display: flex;
|
|
5646
|
+
grid-area: close;
|
|
5671
5647
|
align-items: flex-start;
|
|
5672
5648
|
justify-content: flex-end;
|
|
5673
5649
|
padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
|
|
@@ -5706,12 +5682,12 @@ a {
|
|
|
5706
5682
|
@media only screen and (min-width: 576px) {
|
|
5707
5683
|
.pf-c-about-modal-box__hero {
|
|
5708
5684
|
display: block;
|
|
5685
|
+
grid-area: hero;
|
|
5709
5686
|
background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
|
|
5710
5687
|
background-repeat: no-repeat;
|
|
5711
5688
|
background-attachment: fixed;
|
|
5712
5689
|
background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
|
|
5713
5690
|
background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
|
|
5714
|
-
grid-area: hero;
|
|
5715
5691
|
}
|
|
5716
5692
|
}
|
|
5717
5693
|
|
|
@@ -5770,6 +5746,7 @@ a {
|
|
|
5770
5746
|
--pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
|
|
5771
5747
|
--pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
|
|
5772
5748
|
--pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
|
|
5749
|
+
--pf-c-accordion__toggle--BackgroundColor: transparent;
|
|
5773
5750
|
--pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
|
|
5774
5751
|
--pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
|
|
5775
5752
|
--pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
|
|
@@ -5884,6 +5861,7 @@ a {
|
|
|
5884
5861
|
padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
|
|
5885
5862
|
font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
|
|
5886
5863
|
font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
|
|
5864
|
+
background-color: var(--pf-c-accordion__toggle--BackgroundColor);
|
|
5887
5865
|
border: 0;
|
|
5888
5866
|
}
|
|
5889
5867
|
.pf-c-accordion__toggle::after {
|
|
@@ -6108,13 +6086,13 @@ a {
|
|
|
6108
6086
|
color: var(--pf-global--Color--100);
|
|
6109
6087
|
position: relative;
|
|
6110
6088
|
display: grid;
|
|
6089
|
+
grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
|
|
6090
|
+
grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
|
|
6111
6091
|
padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
|
|
6112
6092
|
font-size: var(--pf-c-alert__FontSize);
|
|
6113
6093
|
background-color: var(--pf-c-alert--BackgroundColor);
|
|
6114
6094
|
border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
|
|
6115
6095
|
box-shadow: var(--pf-c-alert--BoxShadow);
|
|
6116
|
-
grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
|
|
6117
|
-
grid-template-areas: var(--pf-c-alert--GridTemplateAreas);
|
|
6118
6096
|
}
|
|
6119
6097
|
.pf-c-alert.pf-m-success {
|
|
6120
6098
|
--pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
|
|
@@ -6175,8 +6153,8 @@ a {
|
|
|
6175
6153
|
}
|
|
6176
6154
|
|
|
6177
6155
|
.pf-c-alert__icon {
|
|
6178
|
-
grid-area: icon;
|
|
6179
6156
|
display: flex;
|
|
6157
|
+
grid-area: icon;
|
|
6180
6158
|
margin-top: var(--pf-c-alert__icon--MarginTop);
|
|
6181
6159
|
margin-right: var(--pf-c-alert__icon--MarginRight);
|
|
6182
6160
|
font-size: var(--pf-c-alert__icon--FontSize);
|
|
@@ -6351,6 +6329,7 @@ a {
|
|
|
6351
6329
|
--pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
|
|
6352
6330
|
--pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
|
|
6353
6331
|
--pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
|
|
6332
|
+
--pf-c-app-launcher__toggle--BackgroundColor: transparent;
|
|
6354
6333
|
--pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
|
|
6355
6334
|
--pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
6356
6335
|
--pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
|
|
@@ -6413,6 +6392,7 @@ a {
|
|
|
6413
6392
|
.pf-c-app-launcher__toggle {
|
|
6414
6393
|
padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
|
|
6415
6394
|
color: var(--pf-c-app-launcher__toggle--Color);
|
|
6395
|
+
background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
|
|
6416
6396
|
border: none;
|
|
6417
6397
|
}
|
|
6418
6398
|
.pf-c-app-launcher__toggle:hover {
|
|
@@ -7036,18 +7016,18 @@ a {
|
|
|
7036
7016
|
--pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--bold);
|
|
7037
7017
|
--pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
|
|
7038
7018
|
--pf-c-banner--link--disabled--TextDecoration: none;
|
|
7039
|
-
--pf-c-banner--m-
|
|
7040
|
-
--pf-c-banner--m-
|
|
7041
|
-
--pf-c-banner--m-
|
|
7042
|
-
--pf-c-banner--m-
|
|
7019
|
+
--pf-c-banner--m-blue--BackgroundColor: var(--pf-global--palette--blue-200);
|
|
7020
|
+
--pf-c-banner--m-red--BackgroundColor: var(--pf-global--palette--red-100);
|
|
7021
|
+
--pf-c-banner--m-green--BackgroundColor: var(--pf-global--palette--green-500);
|
|
7022
|
+
--pf-c-banner--m-gold--BackgroundColor: var(--pf-global--palette--gold-400);
|
|
7043
7023
|
--pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
|
|
7044
7024
|
--pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
|
|
7045
7025
|
color: var(--pf-global--Color--100);
|
|
7046
7026
|
overflow: hidden;
|
|
7047
7027
|
text-overflow: ellipsis;
|
|
7048
7028
|
white-space: nowrap;
|
|
7049
|
-
padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
|
|
7050
7029
|
flex-shrink: 0;
|
|
7030
|
+
padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
|
|
7051
7031
|
font-size: var(--pf-c-banner--FontSize);
|
|
7052
7032
|
color: var(--pf-c-banner--Color);
|
|
7053
7033
|
white-space: nowrap;
|
|
@@ -7059,19 +7039,19 @@ a {
|
|
|
7059
7039
|
--pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
|
|
7060
7040
|
}
|
|
7061
7041
|
}
|
|
7062
|
-
.pf-c-banner.pf-m-
|
|
7042
|
+
.pf-c-banner.pf-m-blue {
|
|
7063
7043
|
color: var(--pf-global--Color--100);
|
|
7064
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
7044
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-blue--BackgroundColor);
|
|
7065
7045
|
}
|
|
7066
|
-
.pf-c-banner.pf-m-
|
|
7067
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
7046
|
+
.pf-c-banner.pf-m-red {
|
|
7047
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-red--BackgroundColor);
|
|
7068
7048
|
}
|
|
7069
|
-
.pf-c-banner.pf-m-
|
|
7070
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
7049
|
+
.pf-c-banner.pf-m-green {
|
|
7050
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-green--BackgroundColor);
|
|
7071
7051
|
}
|
|
7072
|
-
.pf-c-banner.pf-m-
|
|
7052
|
+
.pf-c-banner.pf-m-gold {
|
|
7073
7053
|
color: var(--pf-global--Color--100);
|
|
7074
|
-
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-
|
|
7054
|
+
--pf-c-banner--BackgroundColor: var(--pf-c-banner--m-gold--BackgroundColor);
|
|
7075
7055
|
}
|
|
7076
7056
|
.pf-c-banner.pf-m-sticky {
|
|
7077
7057
|
position: sticky;
|
|
@@ -7225,6 +7205,7 @@ a {
|
|
|
7225
7205
|
--pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
|
|
7226
7206
|
--pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
|
|
7227
7207
|
--pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
|
|
7208
|
+
--pf-c-breadcrumb__link--BackgroundColor: transparent;
|
|
7228
7209
|
--pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
|
|
7229
7210
|
--pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
7230
7211
|
--pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
|
|
@@ -7267,6 +7248,7 @@ a {
|
|
|
7267
7248
|
color: var(--pf-c-breadcrumb__link--Color);
|
|
7268
7249
|
text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
|
|
7269
7250
|
word-break: break-word;
|
|
7251
|
+
background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
|
|
7270
7252
|
}
|
|
7271
7253
|
.pf-c-breadcrumb__link:hover {
|
|
7272
7254
|
--pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
|
|
@@ -7934,7 +7916,7 @@ button.pf-c-breadcrumb__link {
|
|
|
7934
7916
|
--pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
|
|
7935
7917
|
--pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
|
|
7936
7918
|
--pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
|
|
7937
|
-
--pf-c-calendar-month__header-year--Width:
|
|
7919
|
+
--pf-c-calendar-month__header-year--Width: 8.5ch;
|
|
7938
7920
|
--pf-c-calendar-month__header-nav-control--MarginRight: 0;
|
|
7939
7921
|
--pf-c-calendar-month__header-nav-control--MarginLeft: 0;
|
|
7940
7922
|
--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
|
|
@@ -8111,9 +8093,9 @@ button.pf-c-breadcrumb__link {
|
|
|
8111
8093
|
box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
|
|
8112
8094
|
}
|
|
8113
8095
|
.pf-c-calendar-month__date:disabled {
|
|
8114
|
-
pointer-events: none;
|
|
8115
8096
|
--pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
|
|
8116
8097
|
--pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
8098
|
+
pointer-events: none;
|
|
8117
8099
|
}
|
|
8118
8100
|
|
|
8119
8101
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
@@ -8182,14 +8164,17 @@ button.pf-c-breadcrumb__link {
|
|
|
8182
8164
|
--pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
8183
8165
|
--pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8184
8166
|
--pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
|
|
8185
|
-
--pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
8186
|
-
--pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
|
|
8187
|
-
--pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
8188
8167
|
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
|
|
8168
|
+
--pf-c-card__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
8169
|
+
--pf-c-card__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
8170
|
+
--pf-c-card__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
8171
|
+
--pf-c-card__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
8189
8172
|
--pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
|
|
8190
8173
|
--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
|
|
8191
8174
|
--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
|
|
8192
|
-
--pf-c-card__actions--
|
|
8175
|
+
--pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
|
|
8176
|
+
--pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8177
|
+
--pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8193
8178
|
--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8194
8179
|
--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
|
|
8195
8180
|
--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
@@ -8245,7 +8230,7 @@ button.pf-c-breadcrumb__link {
|
|
|
8245
8230
|
--pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
|
|
8246
8231
|
--pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
|
|
8247
8232
|
--pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
|
|
8248
|
-
--pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
|
|
8233
|
+
--pf-c-card--m-display-lg__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
8249
8234
|
--pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
|
|
8250
8235
|
--pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
|
|
8251
8236
|
--pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
|
|
@@ -8260,7 +8245,6 @@ button.pf-c-breadcrumb__link {
|
|
|
8260
8245
|
--pf-c-card--m-plain--BackgroundColor: transparent;
|
|
8261
8246
|
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8262
8247
|
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
8263
|
-
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
8264
8248
|
--pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
8265
8249
|
--pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
|
|
8266
8250
|
display: flex;
|
|
@@ -8358,7 +8342,7 @@ button.pf-c-breadcrumb__link {
|
|
|
8358
8342
|
--pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom);
|
|
8359
8343
|
}
|
|
8360
8344
|
.pf-c-card.pf-m-display-lg {
|
|
8361
|
-
--pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
|
|
8345
|
+
--pf-c-card__title-text--FontSize: var(--pf-c-card--m-display-lg__title-text--FontSize);
|
|
8362
8346
|
--pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
|
|
8363
8347
|
--pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
|
|
8364
8348
|
--pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
|
|
@@ -8406,13 +8390,11 @@ button.pf-c-breadcrumb__link {
|
|
|
8406
8390
|
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
|
|
8407
8391
|
--pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
|
|
8408
8392
|
}
|
|
8409
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
|
|
8410
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
|
|
8411
|
-
}
|
|
8412
8393
|
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
|
|
8413
8394
|
order: 2;
|
|
8414
8395
|
}
|
|
8415
|
-
|
|
8396
|
+
|
|
8397
|
+
.pf-c-card__header-main {
|
|
8416
8398
|
flex: 1;
|
|
8417
8399
|
}
|
|
8418
8400
|
|
|
@@ -8426,22 +8408,21 @@ button.pf-c-breadcrumb__link {
|
|
|
8426
8408
|
transition: var(--pf-c-card__header-toggle-icon--Transition);
|
|
8427
8409
|
}
|
|
8428
8410
|
|
|
8429
|
-
.pf-c-card__title {
|
|
8430
|
-
font-family: var(--pf-c-card__title--FontFamily);
|
|
8431
|
-
font-size: var(--pf-c-card__title--FontSize);
|
|
8432
|
-
font-weight: var(--pf-c-card__title--FontWeight);
|
|
8411
|
+
.pf-c-card__title-text {
|
|
8412
|
+
font-family: var(--pf-c-card__title-text--FontFamily);
|
|
8413
|
+
font-size: var(--pf-c-card__title-text--FontSize);
|
|
8414
|
+
font-weight: var(--pf-c-card__title-text--FontWeight);
|
|
8415
|
+
line-height: var(--pf-c-card__title-text--LineHeight);
|
|
8433
8416
|
}
|
|
8434
8417
|
|
|
8435
8418
|
.pf-c-card__actions {
|
|
8436
8419
|
display: flex;
|
|
8420
|
+
gap: var(--pf-c-card__actions--Gap);
|
|
8437
8421
|
align-items: center;
|
|
8438
8422
|
align-self: flex-start;
|
|
8439
8423
|
order: 1;
|
|
8440
8424
|
padding-left: var(--pf-c-card__actions--PaddingLeft);
|
|
8441
|
-
margin: var(--pf-c-
|
|
8442
|
-
}
|
|
8443
|
-
.pf-c-card__actions > * + * {
|
|
8444
|
-
margin-left: var(--pf-c-card__actions--child--MarginLeft);
|
|
8425
|
+
margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
|
|
8445
8426
|
}
|
|
8446
8427
|
.pf-c-card__actions + .pf-c-card__title,
|
|
8447
8428
|
.pf-c-card__actions + .pf-c-card__body,
|
|
@@ -8449,8 +8430,8 @@ button.pf-c-breadcrumb__link {
|
|
|
8449
8430
|
padding: 0;
|
|
8450
8431
|
}
|
|
8451
8432
|
.pf-c-card__actions.pf-m-no-offset {
|
|
8452
|
-
--pf-c-
|
|
8453
|
-
--pf-c-
|
|
8433
|
+
--pf-c-card__actions--MarginTop: 0;
|
|
8434
|
+
--pf-c-card__actions--MarginBottom: 0;
|
|
8454
8435
|
}
|
|
8455
8436
|
|
|
8456
8437
|
.pf-c-card__header,
|
|
@@ -8630,18 +8611,19 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8630
8611
|
--pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8631
8612
|
--pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
8632
8613
|
--pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
8633
|
-
--pf-c-
|
|
8614
|
+
--pf-c-chip__content--FontSize: var(--pf-global--FontSize--xs);
|
|
8615
|
+
--pf-c-chip__content--ColumnGap: var(--pf-global--spacer--xs);
|
|
8634
8616
|
--pf-c-chip__text--Color: var(--pf-global--Color--100);
|
|
8635
8617
|
--pf-c-chip__text--MaxWidth: 16ch;
|
|
8636
|
-
--pf-c-
|
|
8637
|
-
--pf-c-
|
|
8638
|
-
--pf-c-
|
|
8639
|
-
--pf-c-
|
|
8640
|
-
--pf-c-
|
|
8641
|
-
--pf-c-
|
|
8642
|
-
--pf-c-
|
|
8643
|
-
--pf-c-
|
|
8644
|
-
--pf-c-
|
|
8618
|
+
--pf-c-chip__actions--FontSize: var(--pf-global--FontSize--xs);
|
|
8619
|
+
--pf-c-chip__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
8620
|
+
--pf-c-chip__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
8621
|
+
--pf-c-chip__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8622
|
+
--pf-c-chip__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8623
|
+
--pf-c-chip__actions--c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop) * -1);
|
|
8624
|
+
--pf-c-chip__actions--c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight) / 2 * -1);
|
|
8625
|
+
--pf-c-chip__actions--c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom) * -1);
|
|
8626
|
+
--pf-c-chip__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
8645
8627
|
--pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
8646
8628
|
color: var(--pf-global--Color--100);
|
|
8647
8629
|
position: relative;
|
|
@@ -8676,19 +8658,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8676
8658
|
.pf-c-chip.pf-m-draggable .pf-c-chip__icon {
|
|
8677
8659
|
font-size: var(--pf-c-chip--m-draggable__icon--FontSize);
|
|
8678
8660
|
}
|
|
8679
|
-
.pf-c-chip .pf-c-button {
|
|
8680
|
-
--pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
|
|
8681
|
-
--pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
|
|
8682
|
-
--pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
|
|
8683
|
-
--pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
|
|
8684
|
-
--pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
|
|
8685
|
-
margin-top: var(--pf-c-chip__c-button--MarginTop);
|
|
8686
|
-
margin-right: var(--pf-c-chip__c-button--MarginRight);
|
|
8687
|
-
margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
|
|
8688
|
-
}
|
|
8689
|
-
.pf-c-chip .pf-c-badge {
|
|
8690
|
-
margin-left: var(--pf-c-chip__c-badge--MarginLeft);
|
|
8691
|
-
}
|
|
8692
8661
|
|
|
8693
8662
|
.pf-c-chip__text {
|
|
8694
8663
|
overflow: hidden;
|
|
@@ -8696,7 +8665,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8696
8665
|
white-space: nowrap;
|
|
8697
8666
|
position: relative;
|
|
8698
8667
|
max-width: var(--pf-c-chip__text--MaxWidth);
|
|
8699
|
-
font-size: var(--pf-c-chip__text--FontSize);
|
|
8700
8668
|
color: var(--pf-c-chip__text--Color);
|
|
8701
8669
|
}
|
|
8702
8670
|
|
|
@@ -8705,6 +8673,28 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8705
8673
|
margin-left: var(--pf-c-chip__icon--MarginLeft);
|
|
8706
8674
|
}
|
|
8707
8675
|
|
|
8676
|
+
.pf-c-chip__content {
|
|
8677
|
+
display: flex;
|
|
8678
|
+
column-gap: var(--pf-c-chip__content--ColumnGap);
|
|
8679
|
+
align-items: center;
|
|
8680
|
+
font-size: var(--pf-c-chip__content--FontSize);
|
|
8681
|
+
}
|
|
8682
|
+
|
|
8683
|
+
.pf-c-chip__actions {
|
|
8684
|
+
font-size: var(--pf-c-chip__actions--FontSize);
|
|
8685
|
+
}
|
|
8686
|
+
.pf-c-chip__actions .pf-c-button {
|
|
8687
|
+
--pf-c-button--PaddingTop: var(--pf-c-chip__actions--c-button--PaddingTop);
|
|
8688
|
+
--pf-c-button--PaddingRight: var(--pf-c-chip__actions--c-button--PaddingRight);
|
|
8689
|
+
--pf-c-button--PaddingBottom: var(--pf-c-chip__actions--c-button--PaddingBottom);
|
|
8690
|
+
--pf-c-button--PaddingLeft: var(--pf-c-chip__actions--c-button--PaddingLeft);
|
|
8691
|
+
--pf-c-button--FontSize: var(--pf-c-chip__actions--c-button--FontSize);
|
|
8692
|
+
margin-top: var(--pf-c-chip__actions--c-button--MarginTop);
|
|
8693
|
+
margin-right: var(--pf-c-chip__actions--c-button--MarginRight);
|
|
8694
|
+
margin-bottom: var(--pf-c-chip__actions--c-button--MarginBottom);
|
|
8695
|
+
line-height: 1;
|
|
8696
|
+
}
|
|
8697
|
+
|
|
8708
8698
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
8709
8699
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
8710
8700
|
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -8749,28 +8739,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8749
8739
|
|
|
8750
8740
|
.pf-c-chip-group {
|
|
8751
8741
|
color: var(--pf-global--Color--100);
|
|
8752
|
-
--pf-c-chip-
|
|
8753
|
-
--pf-c-chip-
|
|
8742
|
+
--pf-c-chip-group--PaddingTop: 0;
|
|
8743
|
+
--pf-c-chip-group--PaddingRight: 0;
|
|
8744
|
+
--pf-c-chip-group--PaddingBottom: 0;
|
|
8745
|
+
--pf-c-chip-group--PaddingLeft: 0;
|
|
8746
|
+
--pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
|
|
8747
|
+
--pf-c-chip-group--ColumnGap: 0;
|
|
8748
|
+
--pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
8749
|
+
--pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
8750
|
+
--pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
8751
|
+
--pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
8754
8752
|
--pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
8755
8753
|
--pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
8756
8754
|
--pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8757
8755
|
--pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8758
8756
|
--pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
8759
8757
|
--pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8760
|
-
--pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
8761
8758
|
--pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
8762
8759
|
--pf-c-chip-group__label--MaxWidth: 18ch;
|
|
8763
8760
|
--pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
8764
8761
|
--pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
8765
|
-
|
|
8766
|
-
|
|
8762
|
+
row-gap: var(--pf-c-chip-group--RowGap);
|
|
8763
|
+
column-gap: var(--pf-c-chip-group--ColumnGap);
|
|
8767
8764
|
max-width: 100%;
|
|
8765
|
+
padding-top: var(--pf-c-chip-group--PaddingTop);
|
|
8766
|
+
padding-right: var(--pf-c-chip-group--PaddingRight);
|
|
8767
|
+
padding-bottom: var(--pf-c-chip-group--PaddingBottom);
|
|
8768
|
+
padding-left: var(--pf-c-chip-group--PaddingLeft);
|
|
8768
8769
|
}
|
|
8769
8770
|
.pf-c-chip-group.pf-m-category {
|
|
8770
|
-
|
|
8771
|
-
|
|
8772
|
-
|
|
8773
|
-
|
|
8771
|
+
--pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
|
|
8772
|
+
--pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
|
|
8773
|
+
--pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
|
|
8774
|
+
--pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
|
|
8774
8775
|
background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
|
|
8775
8776
|
border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
|
|
8776
8777
|
}
|
|
@@ -8779,15 +8780,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8779
8780
|
display: flex;
|
|
8780
8781
|
flex: 1;
|
|
8781
8782
|
flex-wrap: wrap;
|
|
8783
|
+
row-gap: var(--pf-c-chip-group__main--RowGap);
|
|
8784
|
+
column-gap: var(--pf-c-chip-group__main--ColumnGap);
|
|
8782
8785
|
align-items: baseline;
|
|
8783
8786
|
min-width: 0;
|
|
8784
8787
|
}
|
|
8785
8788
|
|
|
8786
|
-
.pf-c-chip-group__list {
|
|
8787
|
-
margin-right: var(--pf-c-chip-group__list--MarginRight);
|
|
8788
|
-
margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
|
|
8789
|
-
}
|
|
8790
|
-
|
|
8791
8789
|
.pf-c-chip-group,
|
|
8792
8790
|
.pf-c-chip-group__list {
|
|
8793
8791
|
display: inline-flex;
|
|
@@ -8796,11 +8794,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8796
8794
|
min-width: 0;
|
|
8797
8795
|
}
|
|
8798
8796
|
|
|
8797
|
+
.pf-c-chip-group__list {
|
|
8798
|
+
row-gap: var(--pf-c-chip-group__list--RowGap);
|
|
8799
|
+
column-gap: var(--pf-c-chip-group__list--ColumnGap);
|
|
8800
|
+
}
|
|
8801
|
+
|
|
8799
8802
|
.pf-c-chip-group__list-item {
|
|
8800
8803
|
display: inline-flex;
|
|
8801
8804
|
min-width: 0;
|
|
8802
|
-
margin-right: var(--pf-c-chip-group__list-item--MarginRight);
|
|
8803
|
-
margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
|
|
8804
8805
|
}
|
|
8805
8806
|
|
|
8806
8807
|
.pf-c-chip-group__label {
|
|
@@ -8808,7 +8809,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8808
8809
|
text-overflow: ellipsis;
|
|
8809
8810
|
white-space: nowrap;
|
|
8810
8811
|
max-width: var(--pf-c-chip-group__label--MaxWidth);
|
|
8811
|
-
margin-right: var(--pf-c-chip-group__label--MarginRight);
|
|
8812
8812
|
font-size: var(--pf-c-chip-group__label--FontSize);
|
|
8813
8813
|
}
|
|
8814
8814
|
|
|
@@ -9300,6 +9300,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9300
9300
|
.pf-c-content ul {
|
|
9301
9301
|
margin: 0;
|
|
9302
9302
|
}
|
|
9303
|
+
.pf-c-content ol.pf-m-plain,
|
|
9304
|
+
.pf-c-content ul.pf-m-plain {
|
|
9305
|
+
padding-left: 0;
|
|
9306
|
+
margin-left: 0;
|
|
9307
|
+
list-style: none;
|
|
9308
|
+
}
|
|
9303
9309
|
.pf-c-content h1 {
|
|
9304
9310
|
margin-top: var(--pf-c-content--h1--MarginTop);
|
|
9305
9311
|
margin-bottom: var(--pf-c-content--h1--MarginBottom);
|
|
@@ -9366,12 +9372,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9366
9372
|
margin-left: var(--pf-c-content--ol--MarginLeft);
|
|
9367
9373
|
}
|
|
9368
9374
|
.pf-c-content ol ul {
|
|
9369
|
-
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9370
9375
|
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
9376
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9371
9377
|
}
|
|
9372
9378
|
.pf-c-content ol ol {
|
|
9373
|
-
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9374
9379
|
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
9380
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9375
9381
|
}
|
|
9376
9382
|
.pf-c-content ul {
|
|
9377
9383
|
padding-left: var(--pf-c-content--ul--PaddingLeft);
|
|
@@ -9379,12 +9385,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9379
9385
|
list-style: var(--pf-c-content--ul--ListStyle);
|
|
9380
9386
|
}
|
|
9381
9387
|
.pf-c-content ul ul {
|
|
9382
|
-
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9383
9388
|
--pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
|
|
9389
|
+
margin-top: var(--pf-c-content--ul--nested--MarginTop);
|
|
9384
9390
|
}
|
|
9385
9391
|
.pf-c-content ul ol {
|
|
9386
|
-
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9387
9392
|
--pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
|
|
9393
|
+
margin-top: var(--pf-c-content--ol--nested--MarginTop);
|
|
9388
9394
|
}
|
|
9389
9395
|
.pf-c-content dl {
|
|
9390
9396
|
display: grid;
|
|
@@ -9393,8 +9399,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9393
9399
|
@media screen and (min-width: 576px) {
|
|
9394
9400
|
.pf-c-content dl {
|
|
9395
9401
|
grid-template: auto/auto 1fr;
|
|
9396
|
-
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
9397
9402
|
grid-row-gap: var(--pf-c-content--dl--RowGap);
|
|
9403
|
+
grid-column-gap: var(--pf-c-content--dl--ColumnGap);
|
|
9398
9404
|
}
|
|
9399
9405
|
}
|
|
9400
9406
|
.pf-c-content dt {
|
|
@@ -9437,6 +9443,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9437
9443
|
--pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
|
|
9438
9444
|
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
9439
9445
|
--pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
|
|
9446
|
+
--pf-c-context-selector__toggle--BackgroundColor: transparent;
|
|
9440
9447
|
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
|
|
9441
9448
|
--pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
|
|
9442
9449
|
--pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
|
|
@@ -9475,6 +9482,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9475
9482
|
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
|
|
9476
9483
|
--pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
|
|
9477
9484
|
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
|
|
9485
|
+
--pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
|
|
9478
9486
|
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
9479
9487
|
--pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
|
|
9480
9488
|
--pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
|
|
@@ -9586,6 +9594,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9586
9594
|
color: var(--pf-c-context-selector__toggle--Color);
|
|
9587
9595
|
white-space: nowrap;
|
|
9588
9596
|
cursor: pointer;
|
|
9597
|
+
background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
|
|
9589
9598
|
border: none;
|
|
9590
9599
|
}
|
|
9591
9600
|
.pf-c-context-selector__toggle::before {
|
|
@@ -9694,11 +9703,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9694
9703
|
padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
|
|
9695
9704
|
color: var(--pf-c-context-selector__menu-list-item--Color);
|
|
9696
9705
|
white-space: nowrap;
|
|
9706
|
+
background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
|
|
9697
9707
|
border: none;
|
|
9698
9708
|
}
|
|
9699
9709
|
.pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
|
|
9710
|
+
--pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
9700
9711
|
text-decoration: none;
|
|
9701
|
-
background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
9702
9712
|
}
|
|
9703
9713
|
.pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
|
|
9704
9714
|
--pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
|
|
@@ -9781,8 +9791,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9781
9791
|
@media screen and (min-width: 768px) {
|
|
9782
9792
|
.pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
|
|
9783
9793
|
display: flex;
|
|
9784
|
-
flex-wrap: wrap;
|
|
9785
9794
|
flex-grow: 1;
|
|
9795
|
+
flex-wrap: wrap;
|
|
9786
9796
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9787
9797
|
}
|
|
9788
9798
|
}
|
|
@@ -9843,8 +9853,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9843
9853
|
@media screen and (min-width: 0) {
|
|
9844
9854
|
.pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
|
|
9845
9855
|
display: flex;
|
|
9846
|
-
flex-wrap: wrap;
|
|
9847
9856
|
flex-grow: 1;
|
|
9857
|
+
flex-wrap: wrap;
|
|
9848
9858
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9849
9859
|
}
|
|
9850
9860
|
}
|
|
@@ -9905,8 +9915,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9905
9915
|
@media screen and (min-width: 576px) {
|
|
9906
9916
|
.pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
|
|
9907
9917
|
display: flex;
|
|
9908
|
-
flex-wrap: wrap;
|
|
9909
9918
|
flex-grow: 1;
|
|
9919
|
+
flex-wrap: wrap;
|
|
9910
9920
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9911
9921
|
}
|
|
9912
9922
|
}
|
|
@@ -9967,8 +9977,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9967
9977
|
@media screen and (min-width: 768px) {
|
|
9968
9978
|
.pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
|
|
9969
9979
|
display: flex;
|
|
9970
|
-
flex-wrap: wrap;
|
|
9971
9980
|
flex-grow: 1;
|
|
9981
|
+
flex-wrap: wrap;
|
|
9972
9982
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
9973
9983
|
}
|
|
9974
9984
|
}
|
|
@@ -10029,8 +10039,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10029
10039
|
@media screen and (min-width: 992px) {
|
|
10030
10040
|
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
|
|
10031
10041
|
display: flex;
|
|
10032
|
-
flex-wrap: wrap;
|
|
10033
10042
|
flex-grow: 1;
|
|
10043
|
+
flex-wrap: wrap;
|
|
10034
10044
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
10035
10045
|
}
|
|
10036
10046
|
}
|
|
@@ -10091,8 +10101,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10091
10101
|
@media screen and (min-width: 1200px) {
|
|
10092
10102
|
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
|
|
10093
10103
|
display: flex;
|
|
10094
|
-
flex-wrap: wrap;
|
|
10095
10104
|
flex-grow: 1;
|
|
10105
|
+
flex-wrap: wrap;
|
|
10096
10106
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
10097
10107
|
}
|
|
10098
10108
|
}
|
|
@@ -10153,8 +10163,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10153
10163
|
@media screen and (min-width: 1450px) {
|
|
10154
10164
|
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
|
|
10155
10165
|
display: flex;
|
|
10156
|
-
flex-wrap: wrap;
|
|
10157
10166
|
flex-grow: 1;
|
|
10167
|
+
flex-wrap: wrap;
|
|
10158
10168
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
10159
10169
|
}
|
|
10160
10170
|
}
|
|
@@ -10247,6 +10257,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10247
10257
|
--pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
|
|
10248
10258
|
--pf-c-data-list__toggle-icon--Rotate: 0;
|
|
10249
10259
|
--pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
10260
|
+
--pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
10250
10261
|
--pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
|
|
10251
10262
|
--pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
|
|
10252
10263
|
--pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
|
|
@@ -10318,7 +10329,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10318
10329
|
font-size: var(--pf-c-data-list--FontSize);
|
|
10319
10330
|
line-height: var(--pf-c-data-list--LineHeight);
|
|
10320
10331
|
overflow-wrap: break-word;
|
|
10321
|
-
list-style-type: disc;
|
|
10322
10332
|
border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
|
|
10323
10333
|
}
|
|
10324
10334
|
@media screen and (min-width: 576px) {
|
|
@@ -10491,6 +10501,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10491
10501
|
flex-direction: column;
|
|
10492
10502
|
padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
|
|
10493
10503
|
margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft);
|
|
10504
|
+
background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
|
|
10494
10505
|
border: 0;
|
|
10495
10506
|
}
|
|
10496
10507
|
.pf-c-data-list__item-draggable-button:hover {
|
|
@@ -10513,8 +10524,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10513
10524
|
|
|
10514
10525
|
.pf-c-data-list__item-action {
|
|
10515
10526
|
--pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
|
|
10516
|
-
align-items: flex-start;
|
|
10517
10527
|
align-content: flex-start;
|
|
10528
|
+
align-items: flex-start;
|
|
10518
10529
|
padding-top: var(--pf-c-data-list__item-action--PaddingTop);
|
|
10519
10530
|
padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
|
|
10520
10531
|
margin-left: var(--pf-c-data-list__item-action--MarginLeft);
|
|
@@ -10540,8 +10551,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10540
10551
|
|
|
10541
10552
|
.pf-c-data-list__item-content {
|
|
10542
10553
|
display: grid;
|
|
10543
|
-
width: 100%;
|
|
10544
10554
|
grid-template-columns: auto 1fr;
|
|
10555
|
+
width: 100%;
|
|
10545
10556
|
}
|
|
10546
10557
|
|
|
10547
10558
|
.pf-c-data-list__cell {
|
|
@@ -10557,8 +10568,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10557
10568
|
}
|
|
10558
10569
|
.pf-c-data-list__cell.pf-m-icon {
|
|
10559
10570
|
flex-grow: 0;
|
|
10560
|
-
margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
|
|
10561
10571
|
grid-column: 1/2;
|
|
10572
|
+
margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
|
|
10562
10573
|
}
|
|
10563
10574
|
.pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell {
|
|
10564
10575
|
grid-column: 2/3;
|
|
@@ -10678,10 +10689,10 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10678
10689
|
--pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
|
|
10679
10690
|
--pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
|
|
10680
10691
|
display: grid;
|
|
10681
|
-
|
|
10692
|
+
grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
|
|
10682
10693
|
row-gap: var(--pf-c-description-list--RowGap);
|
|
10683
10694
|
column-gap: var(--pf-c-description-list--ColumnGap);
|
|
10684
|
-
|
|
10695
|
+
align-items: baseline;
|
|
10685
10696
|
}
|
|
10686
10697
|
@media screen and (min-width: 576px) {
|
|
10687
10698
|
.pf-c-description-list {
|
|
@@ -10787,11 +10798,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10787
10798
|
.pf-c-description-list__group,
|
|
10788
10799
|
.pf-c-description-list > .pf-c-card {
|
|
10789
10800
|
display: grid;
|
|
10801
|
+
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10802
|
+
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10790
10803
|
grid-column: var(--pf-c-description-list__group--GridColumn);
|
|
10791
10804
|
row-gap: var(--pf-c-description-list__group--RowGap);
|
|
10792
10805
|
column-gap: var(--pf-c-description-list__group--ColumnGap);
|
|
10793
|
-
grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
|
|
10794
|
-
grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
|
|
10795
10806
|
align-items: baseline;
|
|
10796
10807
|
}
|
|
10797
10808
|
|
|
@@ -10828,11 +10839,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10828
10839
|
}
|
|
10829
10840
|
.pf-c-description-list__text.pf-m-help-text {
|
|
10830
10841
|
text-decoration: underline;
|
|
10831
|
-
cursor: pointer;
|
|
10832
|
-
text-decoration-style: dashed;
|
|
10833
10842
|
text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
|
|
10834
|
-
text-
|
|
10843
|
+
text-decoration-style: dashed;
|
|
10835
10844
|
text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
|
|
10845
|
+
text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset);
|
|
10846
|
+
cursor: pointer;
|
|
10836
10847
|
}
|
|
10837
10848
|
.pf-c-description-list__text.pf-m-help-text:hover {
|
|
10838
10849
|
--pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor);
|
|
@@ -11072,8 +11083,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11072
11083
|
--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
|
|
11073
11084
|
display: grid;
|
|
11074
11085
|
grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
|
|
11075
|
-
grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
|
|
11076
11086
|
grid-template-rows: repeat(3, auto) auto;
|
|
11087
|
+
grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
|
|
11077
11088
|
}
|
|
11078
11089
|
|
|
11079
11090
|
.pf-c-dual-list-selector__pane {
|
|
@@ -11316,13 +11327,17 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11316
11327
|
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
11317
11328
|
--pf-c-toolbar__item--Display: block;
|
|
11318
11329
|
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
11330
|
+
--pf-c-toolbar__item--AlignSelf: auto;
|
|
11319
11331
|
--pf-c-toolbar__group--Display: flex;
|
|
11332
|
+
--pf-c-toolbar__group--AlignItems: baseline;
|
|
11333
|
+
--pf-c-toolbar__group--AlignSelf: auto;
|
|
11320
11334
|
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
11321
11335
|
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
11322
11336
|
--pf-c-toolbar__content--Display: flex;
|
|
11323
11337
|
--pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
|
|
11324
11338
|
--pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
11325
11339
|
--pf-c-toolbar__content-section--Display: flex;
|
|
11340
|
+
--pf-c-toolbar__content-section--AlignItems: baseline;
|
|
11326
11341
|
--pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
11327
11342
|
--pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
11328
11343
|
--pf-c-toolbar__expandable-content--Display: grid;
|
|
@@ -11369,8 +11384,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11369
11384
|
--pf-c-toolbar--m-full-height__item--Display: flex;
|
|
11370
11385
|
--pf-c-toolbar--m-full-height__item--AlignItems: center;
|
|
11371
11386
|
position: relative;
|
|
11372
|
-
row-gap: var(--pf-c-toolbar--RowGap);
|
|
11373
11387
|
display: grid;
|
|
11388
|
+
row-gap: var(--pf-c-toolbar--RowGap);
|
|
11374
11389
|
padding-top: var(--pf-c-toolbar--PaddingTop);
|
|
11375
11390
|
padding-bottom: var(--pf-c-toolbar--PaddingBottom);
|
|
11376
11391
|
background-color: var(--pf-c-toolbar--BackgroundColor);
|
|
@@ -11444,9 +11459,22 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11444
11459
|
.pf-c-toolbar__group {
|
|
11445
11460
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
11446
11461
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
|
|
11447
|
-
align-items:
|
|
11462
|
+
align-items: var(--pf-c-toolbar__group--AlignItems);
|
|
11463
|
+
align-self: var(--pf-c-toolbar__group--AlignSelf);
|
|
11448
11464
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
11449
11465
|
}
|
|
11466
|
+
.pf-c-toolbar__group.pf-m-align-items-center {
|
|
11467
|
+
align-items: center;
|
|
11468
|
+
}
|
|
11469
|
+
.pf-c-toolbar__group.pf-m-align-items-baseline {
|
|
11470
|
+
align-items: baseline;
|
|
11471
|
+
}
|
|
11472
|
+
.pf-c-toolbar__group.pf-m-align-self-center {
|
|
11473
|
+
align-self: center;
|
|
11474
|
+
}
|
|
11475
|
+
.pf-c-toolbar__group.pf-m-align-self-baseline {
|
|
11476
|
+
align-self: baseline;
|
|
11477
|
+
}
|
|
11450
11478
|
.pf-c-toolbar__group.pf-m-button-group {
|
|
11451
11479
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
|
|
11452
11480
|
}
|
|
@@ -11487,6 +11515,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11487
11515
|
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
|
|
11488
11516
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
|
|
11489
11517
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
|
|
11518
|
+
align-self: var(--pf-c-toolbar__item--AlignSelf);
|
|
11490
11519
|
width: var(--pf-c-toolbar__item--Width--base);
|
|
11491
11520
|
min-width: var(--pf-c-toolbar__item--MinWidth--base);
|
|
11492
11521
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
@@ -11541,6 +11570,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11541
11570
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
|
|
11542
11571
|
}
|
|
11543
11572
|
}
|
|
11573
|
+
.pf-c-toolbar__item.pf-m-align-self-center {
|
|
11574
|
+
align-self: center;
|
|
11575
|
+
}
|
|
11576
|
+
.pf-c-toolbar__item.pf-m-align-self-baseline {
|
|
11577
|
+
align-self: baseline;
|
|
11578
|
+
}
|
|
11544
11579
|
.pf-c-toolbar__item.pf-m-overflow-menu {
|
|
11545
11580
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
|
|
11546
11581
|
}
|
|
@@ -11585,20 +11620,24 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11585
11620
|
.pf-c-toolbar__content,
|
|
11586
11621
|
.pf-c-toolbar__content-section {
|
|
11587
11622
|
flex-wrap: wrap;
|
|
11588
|
-
align-items: center;
|
|
11589
11623
|
}
|
|
11590
11624
|
|
|
11591
11625
|
.pf-c-toolbar__content {
|
|
11592
11626
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
|
|
11593
11627
|
position: relative;
|
|
11628
|
+
align-items: center;
|
|
11594
11629
|
padding-right: var(--pf-c-toolbar__content--PaddingRight);
|
|
11595
11630
|
padding-left: var(--pf-c-toolbar__content--PaddingLeft);
|
|
11596
11631
|
}
|
|
11597
11632
|
|
|
11598
11633
|
.pf-c-toolbar__content-section {
|
|
11599
11634
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
|
|
11635
|
+
align-items: var(--pf-c-toolbar__content-section--AlignItems);
|
|
11600
11636
|
width: 100%;
|
|
11601
11637
|
}
|
|
11638
|
+
.pf-c-toolbar__content-section.pf-m-align-items-center {
|
|
11639
|
+
align-items: center;
|
|
11640
|
+
}
|
|
11602
11641
|
|
|
11603
11642
|
.pf-c-toolbar__expandable-content {
|
|
11604
11643
|
position: absolute;
|
|
@@ -11639,9 +11678,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11639
11678
|
.pf-c-toolbar__group.pf-m-chip-container {
|
|
11640
11679
|
display: flex;
|
|
11641
11680
|
flex-wrap: wrap;
|
|
11681
|
+
grid-row-gap: 0;
|
|
11642
11682
|
align-items: baseline;
|
|
11643
11683
|
margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
|
|
11644
|
-
grid-row-gap: 0;
|
|
11645
11684
|
}
|
|
11646
11685
|
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
|
|
11647
11686
|
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
|
|
@@ -11691,7 +11730,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11691
11730
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11692
11731
|
}
|
|
11693
11732
|
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
|
|
11694
|
-
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
11733
|
+
.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
|
|
11695
11734
|
display: flex;
|
|
11696
11735
|
flex: 0 1 auto;
|
|
11697
11736
|
}
|
|
@@ -11704,7 +11743,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11704
11743
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11705
11744
|
}
|
|
11706
11745
|
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
|
|
11707
|
-
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
11746
|
+
.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
|
|
11708
11747
|
display: flex;
|
|
11709
11748
|
flex: 0 1 auto;
|
|
11710
11749
|
}
|
|
@@ -11717,7 +11756,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11717
11756
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11718
11757
|
}
|
|
11719
11758
|
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
|
|
11720
|
-
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
11759
|
+
.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
|
|
11721
11760
|
display: flex;
|
|
11722
11761
|
flex: 0 1 auto;
|
|
11723
11762
|
}
|
|
@@ -11730,7 +11769,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11730
11769
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11731
11770
|
}
|
|
11732
11771
|
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
|
|
11733
|
-
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
11772
|
+
.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
|
|
11734
11773
|
display: flex;
|
|
11735
11774
|
flex: 0 1 auto;
|
|
11736
11775
|
}
|
|
@@ -11743,7 +11782,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11743
11782
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
|
|
11744
11783
|
}
|
|
11745
11784
|
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
|
|
11746
|
-
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
11785
|
+
.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
|
|
11747
11786
|
display: flex;
|
|
11748
11787
|
flex: 0 1 auto;
|
|
11749
11788
|
}
|
|
@@ -11777,131 +11816,131 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11777
11816
|
}
|
|
11778
11817
|
@media (min-width: 576px) {
|
|
11779
11818
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
|
|
11780
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
11819
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
|
|
11781
11820
|
margin-left: auto;
|
|
11782
11821
|
}
|
|
11783
11822
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
|
|
11784
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
11823
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
|
|
11785
11824
|
margin-left: 0;
|
|
11786
11825
|
}
|
|
11787
11826
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
|
|
11788
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
11827
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
|
|
11789
11828
|
margin-left: 0;
|
|
11790
11829
|
}
|
|
11791
11830
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
|
|
11792
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
11831
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
|
|
11793
11832
|
margin-left: auto;
|
|
11794
11833
|
}
|
|
11795
11834
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
|
|
11796
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
11835
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
|
|
11797
11836
|
flex-wrap: nowrap;
|
|
11798
11837
|
}
|
|
11799
11838
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
|
|
11800
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
11839
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
|
|
11801
11840
|
flex-wrap: wrap;
|
|
11802
11841
|
}
|
|
11803
11842
|
}
|
|
11804
11843
|
@media (min-width: 768px) {
|
|
11805
11844
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
|
|
11806
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
11845
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
|
|
11807
11846
|
margin-left: auto;
|
|
11808
11847
|
}
|
|
11809
11848
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
|
|
11810
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
11849
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
|
|
11811
11850
|
margin-left: 0;
|
|
11812
11851
|
}
|
|
11813
11852
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
|
|
11814
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
11853
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
|
|
11815
11854
|
margin-left: 0;
|
|
11816
11855
|
}
|
|
11817
11856
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
|
|
11818
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
11857
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
|
|
11819
11858
|
margin-left: auto;
|
|
11820
11859
|
}
|
|
11821
11860
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
|
|
11822
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
11861
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
|
|
11823
11862
|
flex-wrap: nowrap;
|
|
11824
11863
|
}
|
|
11825
11864
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
|
|
11826
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
11865
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
|
|
11827
11866
|
flex-wrap: wrap;
|
|
11828
11867
|
}
|
|
11829
11868
|
}
|
|
11830
11869
|
@media (min-width: 992px) {
|
|
11831
11870
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
|
|
11832
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
11871
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
|
|
11833
11872
|
margin-left: auto;
|
|
11834
11873
|
}
|
|
11835
11874
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
|
|
11836
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
11875
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
|
|
11837
11876
|
margin-left: 0;
|
|
11838
11877
|
}
|
|
11839
11878
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
|
|
11840
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
11879
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
|
|
11841
11880
|
margin-left: 0;
|
|
11842
11881
|
}
|
|
11843
11882
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
|
|
11844
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
11883
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
|
|
11845
11884
|
margin-left: auto;
|
|
11846
11885
|
}
|
|
11847
11886
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
|
|
11848
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
11887
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
|
|
11849
11888
|
flex-wrap: nowrap;
|
|
11850
11889
|
}
|
|
11851
11890
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
|
|
11852
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
11891
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
|
|
11853
11892
|
flex-wrap: wrap;
|
|
11854
11893
|
}
|
|
11855
11894
|
}
|
|
11856
11895
|
@media (min-width: 1200px) {
|
|
11857
11896
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
|
|
11858
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
11897
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
|
|
11859
11898
|
margin-left: auto;
|
|
11860
11899
|
}
|
|
11861
11900
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
|
|
11862
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
11901
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
|
|
11863
11902
|
margin-left: 0;
|
|
11864
11903
|
}
|
|
11865
11904
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
|
|
11866
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
11905
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
|
|
11867
11906
|
margin-left: 0;
|
|
11868
11907
|
}
|
|
11869
11908
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
|
|
11870
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
11909
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
|
|
11871
11910
|
margin-left: auto;
|
|
11872
11911
|
}
|
|
11873
11912
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
|
|
11874
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
11913
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
|
|
11875
11914
|
flex-wrap: nowrap;
|
|
11876
11915
|
}
|
|
11877
11916
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
|
|
11878
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
11917
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
|
|
11879
11918
|
flex-wrap: wrap;
|
|
11880
11919
|
}
|
|
11881
11920
|
}
|
|
11882
11921
|
@media (min-width: 1450px) {
|
|
11883
11922
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
|
|
11884
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
11923
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
|
|
11885
11924
|
margin-left: auto;
|
|
11886
11925
|
}
|
|
11887
11926
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
|
|
11888
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
11927
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
|
|
11889
11928
|
margin-left: 0;
|
|
11890
11929
|
}
|
|
11891
11930
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
|
|
11892
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
11931
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
|
|
11893
11932
|
margin-left: 0;
|
|
11894
11933
|
}
|
|
11895
11934
|
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
|
|
11896
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
11935
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
|
|
11897
11936
|
margin-left: auto;
|
|
11898
11937
|
}
|
|
11899
11938
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
|
|
11900
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
11939
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
|
|
11901
11940
|
flex-wrap: nowrap;
|
|
11902
11941
|
}
|
|
11903
11942
|
.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
|
|
11904
|
-
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
11943
|
+
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
|
|
11905
11944
|
flex-wrap: wrap;
|
|
11906
11945
|
}
|
|
11907
11946
|
}
|
|
@@ -12537,9 +12576,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12537
12576
|
width: 100%;
|
|
12538
12577
|
height: auto;
|
|
12539
12578
|
flex-direction: var(--pf-c-divider--FlexDirection);
|
|
12579
|
+
flex-shrink: 0;
|
|
12540
12580
|
align-items: center;
|
|
12541
12581
|
align-self: stretch;
|
|
12542
|
-
flex-shrink: 0;
|
|
12543
12582
|
justify-content: center;
|
|
12544
12583
|
border: 0;
|
|
12545
12584
|
}
|
|
@@ -12548,11 +12587,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12548
12587
|
}
|
|
12549
12588
|
.pf-c-divider::after {
|
|
12550
12589
|
align-self: stretch;
|
|
12590
|
+
justify-self: center;
|
|
12551
12591
|
width: var(--pf-c-divider--after--Width);
|
|
12552
12592
|
height: var(--pf-c-divider--after--Height);
|
|
12553
12593
|
content: "";
|
|
12554
12594
|
background-color: var(--pf-c-divider--after--BackgroundColor);
|
|
12555
|
-
justify-self: center;
|
|
12556
12595
|
}
|
|
12557
12596
|
.pf-c-divider.pf-m-vertical {
|
|
12558
12597
|
--pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
|
|
@@ -13124,16 +13163,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13124
13163
|
}
|
|
13125
13164
|
|
|
13126
13165
|
.pf-c-drawer__actions {
|
|
13127
|
-
grid-column: 2;
|
|
13128
|
-
grid-row: 1;
|
|
13129
13166
|
display: flex;
|
|
13167
|
+
grid-row: 1;
|
|
13168
|
+
grid-column: 2;
|
|
13130
13169
|
align-self: baseline;
|
|
13131
13170
|
margin-top: var(--pf-c-drawer__actions--MarginTop);
|
|
13132
13171
|
margin-right: var(--pf-c-drawer__actions--MarginRight);
|
|
13133
13172
|
}
|
|
13134
13173
|
|
|
13135
13174
|
.pf-c-drawer__body {
|
|
13136
|
-
min-height: 0;
|
|
13137
13175
|
padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
|
|
13138
13176
|
}
|
|
13139
13177
|
.pf-c-drawer__body.pf-m-no-padding {
|
|
@@ -13295,7 +13333,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13295
13333
|
--pf-c-drawer__splitter--after--BorderLeftWidth: 0;
|
|
13296
13334
|
}
|
|
13297
13335
|
.pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
|
|
13298
|
-
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13336
|
+
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13299
13337
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13300
13338
|
}
|
|
13301
13339
|
.pf-c-drawer__splitter {
|
|
@@ -13384,15 +13422,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13384
13422
|
}
|
|
13385
13423
|
@media (min-width: 768px) {
|
|
13386
13424
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13387
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13425
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13388
13426
|
flex-shrink: 1;
|
|
13389
13427
|
}
|
|
13390
13428
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13391
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13429
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13392
13430
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13393
13431
|
}
|
|
13394
13432
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13395
|
-
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13433
|
+
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13396
13434
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13397
13435
|
}
|
|
13398
13436
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13445,15 +13483,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13445
13483
|
}
|
|
13446
13484
|
@media (min-width: 992px) {
|
|
13447
13485
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13448
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13486
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13449
13487
|
flex-shrink: 1;
|
|
13450
13488
|
}
|
|
13451
13489
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13452
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13490
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13453
13491
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13454
13492
|
}
|
|
13455
13493
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13456
|
-
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13494
|
+
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13457
13495
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13458
13496
|
}
|
|
13459
13497
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13506,15 +13544,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13506
13544
|
}
|
|
13507
13545
|
@media (min-width: 1200px) {
|
|
13508
13546
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13509
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13547
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13510
13548
|
flex-shrink: 1;
|
|
13511
13549
|
}
|
|
13512
13550
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13513
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13551
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13514
13552
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13515
13553
|
}
|
|
13516
13554
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13517
|
-
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13555
|
+
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13518
13556
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13519
13557
|
}
|
|
13520
13558
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13567,15 +13605,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13567
13605
|
}
|
|
13568
13606
|
@media (min-width: 1450px) {
|
|
13569
13607
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
|
|
13570
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13608
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13571
13609
|
flex-shrink: 1;
|
|
13572
13610
|
}
|
|
13573
13611
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
|
|
13574
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13612
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13575
13613
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13576
13614
|
}
|
|
13577
13615
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
|
|
13578
|
-
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13616
|
+
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13579
13617
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13580
13618
|
}
|
|
13581
13619
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
@@ -13722,6 +13760,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13722
13760
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13723
13761
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
|
|
13724
13762
|
--pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
|
|
13763
|
+
--pf-c-dropdown__toggle-button--BackgroundColor: transparent;
|
|
13725
13764
|
--pf-c-dropdown__toggle-progress--Visibility: hidden;
|
|
13726
13765
|
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
|
|
13727
13766
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
|
|
@@ -13947,6 +13986,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13947
13986
|
}
|
|
13948
13987
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
|
|
13949
13988
|
color: var(--pf-c-dropdown__toggle-button--Color);
|
|
13989
|
+
background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
|
|
13950
13990
|
border: 0;
|
|
13951
13991
|
}
|
|
13952
13992
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
|
|
@@ -14181,51 +14221,51 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14181
14221
|
}
|
|
14182
14222
|
@media (min-width: 576px) {
|
|
14183
14223
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
|
|
14184
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-sm {
|
|
14224
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-sm {
|
|
14185
14225
|
right: 0;
|
|
14186
14226
|
}
|
|
14187
14227
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
|
|
14188
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-sm {
|
|
14228
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-sm {
|
|
14189
14229
|
right: auto;
|
|
14190
14230
|
}
|
|
14191
14231
|
}
|
|
14192
14232
|
@media (min-width: 768px) {
|
|
14193
14233
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
|
|
14194
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-md {
|
|
14234
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-md {
|
|
14195
14235
|
right: 0;
|
|
14196
14236
|
}
|
|
14197
14237
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
|
|
14198
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-md {
|
|
14238
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-md {
|
|
14199
14239
|
right: auto;
|
|
14200
14240
|
}
|
|
14201
14241
|
}
|
|
14202
14242
|
@media (min-width: 992px) {
|
|
14203
14243
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
|
|
14204
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-lg {
|
|
14244
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-lg {
|
|
14205
14245
|
right: 0;
|
|
14206
14246
|
}
|
|
14207
14247
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
|
|
14208
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-lg {
|
|
14248
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-lg {
|
|
14209
14249
|
right: auto;
|
|
14210
14250
|
}
|
|
14211
14251
|
}
|
|
14212
14252
|
@media (min-width: 1200px) {
|
|
14213
14253
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
|
|
14214
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-xl {
|
|
14254
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-xl {
|
|
14215
14255
|
right: 0;
|
|
14216
14256
|
}
|
|
14217
14257
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
|
|
14218
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-xl {
|
|
14258
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-xl {
|
|
14219
14259
|
right: auto;
|
|
14220
14260
|
}
|
|
14221
14261
|
}
|
|
14222
14262
|
@media (min-width: 1450px) {
|
|
14223
14263
|
.pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
|
|
14224
|
-
.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
|
|
14264
|
+
.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
|
|
14225
14265
|
right: 0;
|
|
14226
14266
|
}
|
|
14227
14267
|
.pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
|
|
14228
|
-
.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
|
|
14268
|
+
.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
|
|
14229
14269
|
right: auto;
|
|
14230
14270
|
}
|
|
14231
14271
|
}
|
|
@@ -14379,38 +14419,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14379
14419
|
--pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
|
|
14380
14420
|
--pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
|
|
14381
14421
|
--pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
|
|
14422
|
+
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14423
|
+
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14424
|
+
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14425
|
+
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14382
14426
|
--pf-c-empty-state__content--MaxWidth: none;
|
|
14427
|
+
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14428
|
+
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14429
|
+
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14383
14430
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
|
|
14384
14431
|
--pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
14385
14432
|
--pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
|
|
14386
|
-
--pf-c-empty-
|
|
14433
|
+
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14434
|
+
--pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
|
|
14435
|
+
--pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
14436
|
+
--pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
14437
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
14438
|
+
--pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
14439
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
14440
|
+
--pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
14441
|
+
--pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
|
|
14442
|
+
--pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
14387
14443
|
--pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
|
|
14388
14444
|
--pf-c-empty-state__body--Color: var(--pf-global--Color--200);
|
|
14389
|
-
--pf-c-empty-
|
|
14390
|
-
--pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
|
|
14391
|
-
--pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
|
|
14392
|
-
--pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
14393
|
-
--pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
|
|
14394
|
-
--pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
|
|
14395
|
-
--pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
|
|
14396
|
-
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14445
|
+
--pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
|
|
14397
14446
|
--pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
|
|
14398
|
-
--pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
|
|
14399
|
-
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14400
|
-
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14401
|
-
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14402
|
-
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14403
|
-
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14404
14447
|
--pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
|
|
14405
|
-
--pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
|
|
14406
|
-
--pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
|
|
14407
|
-
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14408
|
-
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14409
14448
|
--pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
|
|
14410
14449
|
--pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
|
|
14411
|
-
--pf-c-empty-
|
|
14412
|
-
--pf-c-empty-
|
|
14413
|
-
--pf-c-empty-state--m-
|
|
14450
|
+
--pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
|
|
14451
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
|
|
14452
|
+
--pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
|
|
14453
|
+
--pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
|
|
14454
|
+
--pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
|
|
14414
14455
|
display: flex;
|
|
14415
14456
|
align-items: center;
|
|
14416
14457
|
justify-content: center;
|
|
@@ -14422,17 +14463,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14422
14463
|
--pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
|
|
14423
14464
|
--pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
|
|
14424
14465
|
--pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
|
|
14466
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
|
|
14425
14467
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
|
|
14426
14468
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
|
|
14427
14469
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
|
|
14428
|
-
--pf-c-empty-
|
|
14429
|
-
--pf-c-empty-
|
|
14430
|
-
}
|
|
14431
|
-
.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
|
|
14432
|
-
font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14433
|
-
}
|
|
14434
|
-
.pf-c-empty-state.pf-m-xs .pf-c-button {
|
|
14435
|
-
--pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
|
|
14470
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14471
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
|
|
14436
14472
|
}
|
|
14437
14473
|
.pf-c-empty-state.pf-m-sm {
|
|
14438
14474
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
|
|
@@ -14442,12 +14478,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14442
14478
|
}
|
|
14443
14479
|
.pf-c-empty-state.pf-m-xl {
|
|
14444
14480
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
|
|
14481
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14445
14482
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
|
|
14446
14483
|
--pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
|
|
14447
|
-
--pf-c-empty-
|
|
14448
|
-
|
|
14449
|
-
.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
|
|
14450
|
-
font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14484
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
|
|
14485
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
|
|
14451
14486
|
}
|
|
14452
14487
|
.pf-c-empty-state.pf-m-full-height {
|
|
14453
14488
|
height: 100%;
|
|
@@ -14456,41 +14491,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14456
14491
|
.pf-c-empty-state__content {
|
|
14457
14492
|
max-width: var(--pf-c-empty-state__content--MaxWidth);
|
|
14458
14493
|
}
|
|
14459
|
-
.pf-c-empty-state__content > .pf-c-title.pf-m-lg {
|
|
14460
|
-
font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
|
|
14461
|
-
}
|
|
14462
14494
|
|
|
14463
14495
|
.pf-c-empty-state__icon {
|
|
14464
14496
|
margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
|
|
14465
14497
|
font-size: var(--pf-c-empty-state__icon--FontSize);
|
|
14498
|
+
line-height: 1;
|
|
14466
14499
|
color: var(--pf-c-empty-state__icon--Color);
|
|
14467
14500
|
}
|
|
14468
14501
|
|
|
14502
|
+
.pf-c-empty-state__title-text {
|
|
14503
|
+
font-family: var(--pf-c-empty-state__title-text--FontFamily);
|
|
14504
|
+
font-size: var(--pf-c-empty-state__title-text--FontSize);
|
|
14505
|
+
font-weight: var(--pf-c-empty-state__title-text--FontWeight);
|
|
14506
|
+
line-height: var(--pf-c-empty-state__title-text--LineHeight);
|
|
14507
|
+
}
|
|
14508
|
+
|
|
14469
14509
|
.pf-c-empty-state__body {
|
|
14470
14510
|
margin-top: var(--pf-c-empty-state__body--MarginTop);
|
|
14511
|
+
font-size: var(--pf-c-empty-state--body--FontSize);
|
|
14471
14512
|
color: var(--pf-c-empty-state__body--Color);
|
|
14472
14513
|
}
|
|
14473
14514
|
|
|
14474
|
-
.pf-c-empty-
|
|
14475
|
-
|
|
14476
|
-
|
|
14477
|
-
|
|
14478
|
-
|
|
14479
|
-
|
|
14480
|
-
margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
|
|
14515
|
+
.pf-c-empty-state__footer {
|
|
14516
|
+
display: flex;
|
|
14517
|
+
flex-direction: column;
|
|
14518
|
+
row-gap: var(--pf-c-empty-state__footer--RowGap);
|
|
14519
|
+
align-items: center;
|
|
14520
|
+
margin-top: var(--pf-c-empty-state__footer--MarginTop);
|
|
14481
14521
|
}
|
|
14482
14522
|
|
|
14483
|
-
.pf-c-empty-
|
|
14523
|
+
.pf-c-empty-state__actions {
|
|
14484
14524
|
display: flex;
|
|
14485
14525
|
flex-wrap: wrap;
|
|
14526
|
+
gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
|
|
14486
14527
|
justify-content: center;
|
|
14487
|
-
margin-top: var(--pf-c-empty-state__secondary--MarginTop);
|
|
14488
|
-
margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
|
|
14489
|
-
}
|
|
14490
|
-
.pf-c-empty-state__secondary > * {
|
|
14491
|
-
margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
|
|
14492
|
-
margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
|
|
14493
|
-
margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
|
|
14494
14528
|
}
|
|
14495
14529
|
|
|
14496
14530
|
.pf-c-expandable-section {
|
|
@@ -14504,6 +14538,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14504
14538
|
--pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
|
|
14505
14539
|
--pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
|
|
14506
14540
|
--pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
|
|
14541
|
+
--pf-c-expandable-section__toggle--BackgroundColor: transparent;
|
|
14507
14542
|
--pf-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
14508
14543
|
--pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
|
|
14509
14544
|
--pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
|
|
@@ -14589,6 +14624,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14589
14624
|
padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
|
|
14590
14625
|
margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
|
|
14591
14626
|
color: var(--pf-c-expandable-section__toggle--Color);
|
|
14627
|
+
background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
|
|
14592
14628
|
border: none;
|
|
14593
14629
|
}
|
|
14594
14630
|
.pf-c-expandable-section__toggle:hover {
|
|
@@ -14803,8 +14839,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14803
14839
|
}
|
|
14804
14840
|
.pf-c-form.pf-m-horizontal .pf-c-form__group {
|
|
14805
14841
|
display: grid;
|
|
14806
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14807
14842
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14843
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14808
14844
|
}
|
|
14809
14845
|
.pf-c-form.pf-m-horizontal .pf-c-form__group-label {
|
|
14810
14846
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14823,8 +14859,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14823
14859
|
}
|
|
14824
14860
|
.pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
|
|
14825
14861
|
display: grid;
|
|
14826
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14827
14862
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14863
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14828
14864
|
}
|
|
14829
14865
|
.pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
|
|
14830
14866
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14843,8 +14879,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14843
14879
|
}
|
|
14844
14880
|
.pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
|
|
14845
14881
|
display: grid;
|
|
14846
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14847
14882
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14883
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14848
14884
|
}
|
|
14849
14885
|
.pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
|
|
14850
14886
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14863,8 +14899,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14863
14899
|
}
|
|
14864
14900
|
.pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
|
|
14865
14901
|
display: grid;
|
|
14866
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14867
14902
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14903
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14868
14904
|
}
|
|
14869
14905
|
.pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
|
|
14870
14906
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14883,8 +14919,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14883
14919
|
}
|
|
14884
14920
|
.pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
|
|
14885
14921
|
display: grid;
|
|
14886
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14887
14922
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14923
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14888
14924
|
}
|
|
14889
14925
|
.pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
|
|
14890
14926
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14903,8 +14939,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14903
14939
|
}
|
|
14904
14940
|
.pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
|
|
14905
14941
|
display: grid;
|
|
14906
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14907
14942
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14943
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14908
14944
|
}
|
|
14909
14945
|
.pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
|
|
14910
14946
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -14923,8 +14959,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14923
14959
|
}
|
|
14924
14960
|
.pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
|
|
14925
14961
|
display: grid;
|
|
14926
|
-
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14927
14962
|
grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
14963
|
+
grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
14928
14964
|
}
|
|
14929
14965
|
.pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
|
|
14930
14966
|
padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop);
|
|
@@ -15039,9 +15075,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15039
15075
|
--pf-c-form__group-control--m-inline--child--MarginRight: 0;
|
|
15040
15076
|
}
|
|
15041
15077
|
.pf-c-form__group-control.pf-m-stack {
|
|
15078
|
+
--pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
|
|
15042
15079
|
display: grid;
|
|
15043
15080
|
gap: var(--pf-c-grid__group-control--m-stack--Gap);
|
|
15044
|
-
--pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
|
|
15045
15081
|
}
|
|
15046
15082
|
.pf-c-form__group-control .pf-c-form__helper-text:first-child {
|
|
15047
15083
|
--pf-c-form__helper-text--MarginTop: 0;
|
|
@@ -15125,8 +15161,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15125
15161
|
}
|
|
15126
15162
|
|
|
15127
15163
|
.pf-c-form__field-group-toggle {
|
|
15128
|
-
grid-column: 1/2;
|
|
15129
15164
|
grid-row: 1/2;
|
|
15165
|
+
grid-column: 1/2;
|
|
15130
15166
|
padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
|
|
15131
15167
|
padding-right: var(--pf-c-form__field-group-toggle--PaddingRight);
|
|
15132
15168
|
}
|
|
@@ -15148,9 +15184,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15148
15184
|
}
|
|
15149
15185
|
|
|
15150
15186
|
.pf-c-form__field-group-header {
|
|
15151
|
-
grid-column: var(--pf-c-form__field-group-header--GridColumn);
|
|
15152
|
-
grid-row: 1/2;
|
|
15153
15187
|
display: flex;
|
|
15188
|
+
grid-row: 1/2;
|
|
15189
|
+
grid-column: var(--pf-c-form__field-group-header--GridColumn);
|
|
15154
15190
|
align-items: flex-start;
|
|
15155
15191
|
padding-top: var(--pf-c-form__field-group-header--PaddingTop);
|
|
15156
15192
|
padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
|
|
@@ -15183,8 +15219,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
15183
15219
|
}
|
|
15184
15220
|
|
|
15185
15221
|
.pf-c-form__field-group-body {
|
|
15186
|
-
grid-column: var(--pf-c-form__field-group-body--GridColumn);
|
|
15187
15222
|
display: grid;
|
|
15223
|
+
grid-column: var(--pf-c-form__field-group-body--GridColumn);
|
|
15188
15224
|
gap: var(--pf-c-form__field-group-body--Gap);
|
|
15189
15225
|
padding-top: var(--pf-c-form__field-group-body--PaddingTop);
|
|
15190
15226
|
padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
|
|
@@ -15597,9 +15633,9 @@ textarea.pf-c-form-control {
|
|
|
15597
15633
|
--pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
15598
15634
|
--pf-c-form-control--BorderLeftColor: transparent;
|
|
15599
15635
|
--pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
15600
|
-
--pf-c-form-control--disabled--Color: var(--pf-global--
|
|
15636
|
+
--pf-c-form-control--disabled--Color: var(--pf-global--palette--black-300);
|
|
15601
15637
|
--pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15602
|
-
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--
|
|
15638
|
+
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15603
15639
|
color: var(--pf-global--Color--100);
|
|
15604
15640
|
}
|
|
15605
15641
|
:where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
|
|
@@ -15608,9 +15644,6 @@ textarea.pf-c-form-control {
|
|
|
15608
15644
|
:where(.pf-theme-dark) .pf-c-form-control[readonly] {
|
|
15609
15645
|
border-bottom-color: var(--pf-global--palette--black-700);
|
|
15610
15646
|
}
|
|
15611
|
-
:where(.pf-theme-dark) .pf-c-form-control:disabled {
|
|
15612
|
-
color: var(--pf-global--palette--black-100);
|
|
15613
|
-
}
|
|
15614
15647
|
|
|
15615
15648
|
.pf-c-hint {
|
|
15616
15649
|
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
@@ -15644,11 +15677,11 @@ textarea.pf-c-form-control {
|
|
|
15644
15677
|
|
|
15645
15678
|
.pf-c-hint__actions {
|
|
15646
15679
|
display: inline-grid;
|
|
15680
|
+
grid-row: 1;
|
|
15681
|
+
grid-column: 2;
|
|
15647
15682
|
grid-auto-flow: column;
|
|
15648
15683
|
margin-left: var(--pf-c-hint__actions--MarginLeft);
|
|
15649
15684
|
text-align: right;
|
|
15650
|
-
grid-column: 2;
|
|
15651
|
-
grid-row: 1;
|
|
15652
15685
|
}
|
|
15653
15686
|
.pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
|
|
15654
15687
|
margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
|
|
@@ -16428,6 +16461,7 @@ label.pf-c-input-group__text {
|
|
|
16428
16461
|
--pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
|
|
16429
16462
|
--pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
|
|
16430
16463
|
--pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16464
|
+
--pf-c-label--MaxWidth: 100%;
|
|
16431
16465
|
--pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
16432
16466
|
--pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
|
|
16433
16467
|
--pf-c-label--Color: var(--pf-global--Color--100);
|
|
@@ -16530,21 +16564,22 @@ label.pf-c-input-group__text {
|
|
|
16530
16564
|
--pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
|
|
16531
16565
|
--pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
16532
16566
|
--pf-c-label__content--Color: var(--pf-global--Color--100);
|
|
16567
|
+
--pf-c-label__content--BackgroundColor: transparent;
|
|
16533
16568
|
--pf-c-label__content--MaxWidth: 100%;
|
|
16534
16569
|
--pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
|
|
16535
16570
|
--pf-c-label--m-editable__content--MaxWidth: 16ch;
|
|
16536
|
-
--pf-c-label__text--MaxWidth:
|
|
16571
|
+
--pf-c-label__text--MaxWidth: 100%;
|
|
16537
16572
|
--pf-c-label__icon--Color: var(--pf-global--Color--100);
|
|
16538
16573
|
--pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
|
|
16539
|
-
--pf-c-
|
|
16540
|
-
--pf-c-
|
|
16541
|
-
--pf-c-
|
|
16542
|
-
--pf-c-
|
|
16543
|
-
--pf-c-
|
|
16544
|
-
--pf-c-
|
|
16545
|
-
--pf-c-
|
|
16546
|
-
--pf-c-
|
|
16547
|
-
--pf-c-
|
|
16574
|
+
--pf-c-label__actions--FontSize: var(--pf-global--FontSize--xs);
|
|
16575
|
+
--pf-c-label__actions--MarginRight: calc(var(--pf-c-label__actions--c-button--PaddingRight) * -1);
|
|
16576
|
+
--pf-c-label__actions--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
16577
|
+
--pf-c-label__actions--c-button--MarginTop: calc(var(--pf-c-label__actions--c-button--PaddingTop) * -1);
|
|
16578
|
+
--pf-c-label__actions--c-button--MarginBottom: calc(var(--pf-c-label__actions--c-button--PaddingBottom) * -1);
|
|
16579
|
+
--pf-c-label__actions--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
16580
|
+
--pf-c-label__actions--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16581
|
+
--pf-c-label__actions--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
16582
|
+
--pf-c-label__actions--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16548
16583
|
--pf-c-label--m-editable--Cursor: pointer;
|
|
16549
16584
|
--pf-c-label--m-editable--TextDecoration: underline;
|
|
16550
16585
|
--pf-c-label--m-editable--TextDecorationStyle: dashed;
|
|
@@ -16565,6 +16600,7 @@ label.pf-c-input-group__text {
|
|
|
16565
16600
|
--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
|
|
16566
16601
|
--pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
|
|
16567
16602
|
position: relative;
|
|
16603
|
+
max-width: var(--pf-c-label--MaxWidth);
|
|
16568
16604
|
padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
|
|
16569
16605
|
font-size: var(--pf-c-label--FontSize);
|
|
16570
16606
|
color: var(--pf-c-label--Color);
|
|
@@ -16709,12 +16745,6 @@ label.pf-c-input-group__text {
|
|
|
16709
16745
|
}
|
|
16710
16746
|
|
|
16711
16747
|
.pf-c-label.pf-m-editable {
|
|
16712
|
-
text-decoration: var(--pf-c-label--m-editable--TextDecoration);
|
|
16713
|
-
cursor: var(--pf-c-label--m-editable--Cursor);
|
|
16714
|
-
text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
|
|
16715
|
-
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
16716
|
-
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
16717
|
-
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
16718
16748
|
--pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
|
|
16719
16749
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16720
16750
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
|
|
@@ -16724,6 +16754,12 @@ label.pf-c-input-group__text {
|
|
|
16724
16754
|
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
|
|
16725
16755
|
--pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16726
16756
|
--pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
16757
|
+
text-decoration: var(--pf-c-label--m-editable--TextDecoration);
|
|
16758
|
+
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
16759
|
+
text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
|
|
16760
|
+
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
16761
|
+
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
16762
|
+
cursor: var(--pf-c-label--m-editable--Cursor);
|
|
16727
16763
|
}
|
|
16728
16764
|
.pf-c-label.pf-m-editable:hover {
|
|
16729
16765
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
|
|
@@ -16736,17 +16772,6 @@ label.pf-c-input-group__text {
|
|
|
16736
16772
|
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
|
16737
16773
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
16738
16774
|
}
|
|
16739
|
-
.pf-c-label .pf-c-button {
|
|
16740
|
-
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
|
16741
|
-
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
|
16742
|
-
--pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
|
|
16743
|
-
--pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
|
|
16744
|
-
--pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
|
|
16745
|
-
margin-top: var(--pf-c-label__c-button--MarginTop);
|
|
16746
|
-
margin-right: var(--pf-c-label__c-button--MarginRight);
|
|
16747
|
-
margin-bottom: var(--pf-c-label__c-button--MarginBottom);
|
|
16748
|
-
margin-left: var(--pf-c-label__c-button--MarginLeft);
|
|
16749
|
-
}
|
|
16750
16775
|
.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
|
|
16751
16776
|
--pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
|
|
16752
16777
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
|
|
@@ -16772,11 +16797,10 @@ label.pf-c-input-group__text {
|
|
|
16772
16797
|
}
|
|
16773
16798
|
|
|
16774
16799
|
.pf-c-label__content {
|
|
16775
|
-
overflow: hidden;
|
|
16776
|
-
text-overflow: ellipsis;
|
|
16777
|
-
white-space: nowrap;
|
|
16778
16800
|
max-width: var(--pf-c-label__content--MaxWidth);
|
|
16801
|
+
overflow: hidden;
|
|
16779
16802
|
color: var(--pf-c-label__content--Color);
|
|
16803
|
+
background-color: var(--pf-c-label__content--BackgroundColor);
|
|
16780
16804
|
border-width: 0;
|
|
16781
16805
|
}
|
|
16782
16806
|
.pf-c-label__content::before {
|
|
@@ -16790,9 +16814,17 @@ label.pf-c-input-group__text {
|
|
|
16790
16814
|
border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
|
|
16791
16815
|
border-radius: var(--pf-c-label--BorderRadius);
|
|
16792
16816
|
}
|
|
16817
|
+
input.pf-c-label__content {
|
|
16818
|
+
overflow: hidden;
|
|
16819
|
+
text-overflow: ellipsis;
|
|
16820
|
+
white-space: nowrap;
|
|
16821
|
+
}
|
|
16822
|
+
|
|
16793
16823
|
a.pf-c-label__content,
|
|
16794
16824
|
button.pf-c-label__content {
|
|
16825
|
+
padding: 0;
|
|
16795
16826
|
cursor: pointer;
|
|
16827
|
+
background-color: transparent;
|
|
16796
16828
|
border: none;
|
|
16797
16829
|
}
|
|
16798
16830
|
a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
|
|
@@ -16817,6 +16849,20 @@ button.pf-c-label__content:focus {
|
|
|
16817
16849
|
color: var(--pf-c-label__icon--Color);
|
|
16818
16850
|
}
|
|
16819
16851
|
|
|
16852
|
+
.pf-c-label__actions {
|
|
16853
|
+
margin-right: var(--pf-c-label__actions--MarginRight);
|
|
16854
|
+
font-size: var(--pf-c-label__actions--FontSize);
|
|
16855
|
+
}
|
|
16856
|
+
.pf-c-label__actions .pf-c-button {
|
|
16857
|
+
--pf-c-button--FontSize: var(--pf-c-label__actions--c-button--FontSize);
|
|
16858
|
+
--pf-c-button--PaddingTop: var(--pf-c-label__actions--c-button--PaddingTop);
|
|
16859
|
+
--pf-c-button--PaddingRight: var(--pf-c-label__actions--c-button--PaddingRight);
|
|
16860
|
+
--pf-c-button--PaddingBottom: var(--pf-c-label__actions--c-button--PaddingBottom);
|
|
16861
|
+
--pf-c-button--PaddingLeft: var(--pf-c-label__actions--c-button--PaddingLeft);
|
|
16862
|
+
margin-top: var(--pf-c-label__actions--c-button--MarginTop);
|
|
16863
|
+
margin-bottom: var(--pf-c-label__actions--c-button--MarginBottom);
|
|
16864
|
+
}
|
|
16865
|
+
|
|
16820
16866
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16821
16867
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
16822
16868
|
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -16898,8 +16944,18 @@ button.pf-c-label__content:focus {
|
|
|
16898
16944
|
}
|
|
16899
16945
|
|
|
16900
16946
|
.pf-c-label-group {
|
|
16901
|
-
--pf-c-label-
|
|
16902
|
-
--pf-c-label-
|
|
16947
|
+
--pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
|
|
16948
|
+
--pf-c-label-group--ColumnGap: 0;
|
|
16949
|
+
--pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
|
|
16950
|
+
--pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
|
|
16951
|
+
--pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
16952
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
16953
|
+
--pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
|
|
16954
|
+
--pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
|
|
16955
|
+
--pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
16956
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16957
|
+
--pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
|
|
16958
|
+
--pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16903
16959
|
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
16904
16960
|
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
16905
16961
|
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
@@ -16909,26 +16965,22 @@ button.pf-c-label__content:focus {
|
|
|
16909
16965
|
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16910
16966
|
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
16911
16967
|
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16912
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
16913
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
16914
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
16915
16968
|
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
16916
16969
|
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
16917
16970
|
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
16918
16971
|
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
16919
16972
|
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16920
16973
|
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16921
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
16922
16974
|
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16923
16975
|
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16924
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
16925
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
16926
16976
|
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
16927
16977
|
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
16928
16978
|
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
16929
16979
|
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
16930
16980
|
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
16931
16981
|
display: inline-flex;
|
|
16982
|
+
row-gap: var(--pf-c-label-group--RowGap);
|
|
16983
|
+
column-gap: var(--pf-c-label-group--ColumnGap);
|
|
16932
16984
|
align-items: center;
|
|
16933
16985
|
}
|
|
16934
16986
|
.pf-c-label-group.pf-m-category {
|
|
@@ -16941,11 +16993,12 @@ button.pf-c-label__content:focus {
|
|
|
16941
16993
|
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
16942
16994
|
}
|
|
16943
16995
|
.pf-c-label-group.pf-m-vertical {
|
|
16944
|
-
--pf-c-label-
|
|
16945
|
-
--pf-c-label-
|
|
16946
|
-
--pf-c-label-
|
|
16947
|
-
--pf-c-label-
|
|
16948
|
-
--pf-c-label-
|
|
16996
|
+
--pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
|
|
16997
|
+
--pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
|
|
16998
|
+
--pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
|
|
16999
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
|
|
17000
|
+
--pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
|
|
17001
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
|
|
16949
17002
|
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
16950
17003
|
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
16951
17004
|
--pf-c-label-group__close--MarginBottom: 0;
|
|
@@ -16962,9 +17015,6 @@ button.pf-c-label__content:focus {
|
|
|
16962
17015
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
16963
17016
|
flex-direction: column;
|
|
16964
17017
|
}
|
|
16965
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
16966
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
16967
|
-
}
|
|
16968
17018
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
16969
17019
|
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
16970
17020
|
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
@@ -16985,20 +17035,20 @@ button.pf-c-label__content:focus {
|
|
|
16985
17035
|
display: flex;
|
|
16986
17036
|
flex: 1;
|
|
16987
17037
|
flex-wrap: wrap;
|
|
17038
|
+
row-gap: var(--pf-c-label-group__main--RowGap);
|
|
17039
|
+
column-gap: var(--pf-c-label-group__main--ColumnGap);
|
|
16988
17040
|
align-items: baseline;
|
|
16989
17041
|
}
|
|
16990
17042
|
|
|
16991
17043
|
.pf-c-label-group__list {
|
|
16992
17044
|
display: inline-flex;
|
|
16993
17045
|
flex-wrap: wrap;
|
|
16994
|
-
|
|
16995
|
-
|
|
17046
|
+
row-gap: var(--pf-c-label-group__list--RowGap);
|
|
17047
|
+
column-gap: var(--pf-c-label-group__list--ColumnGap);
|
|
16996
17048
|
}
|
|
16997
17049
|
|
|
16998
17050
|
.pf-c-label-group__list-item {
|
|
16999
17051
|
display: inline-flex;
|
|
17000
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
17001
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
17002
17052
|
}
|
|
17003
17053
|
|
|
17004
17054
|
.pf-c-label-group__label {
|
|
@@ -17006,12 +17056,12 @@ button.pf-c-label__content:focus {
|
|
|
17006
17056
|
text-overflow: ellipsis;
|
|
17007
17057
|
white-space: nowrap;
|
|
17008
17058
|
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
17009
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
17010
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
17011
17059
|
font-size: var(--pf-c-label-group__label--FontSize);
|
|
17012
17060
|
}
|
|
17013
17061
|
|
|
17014
17062
|
.pf-c-label-group__close {
|
|
17063
|
+
display: flex;
|
|
17064
|
+
align-self: start;
|
|
17015
17065
|
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
17016
17066
|
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
17017
17067
|
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
@@ -17452,10 +17502,10 @@ ul.pf-c-list {
|
|
|
17452
17502
|
@media (min-width: 1200px) {
|
|
17453
17503
|
.pf-c-login__container {
|
|
17454
17504
|
display: grid;
|
|
17455
|
-
justify-content: center;
|
|
17456
|
-
grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
|
|
17457
|
-
grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
|
|
17458
17505
|
grid-template-areas: "main header" "main footer" "main .";
|
|
17506
|
+
grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
|
|
17507
|
+
grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
|
|
17508
|
+
justify-content: center;
|
|
17459
17509
|
padding-right: var(--pf-c-login__container--PaddingRight);
|
|
17460
17510
|
padding-left: var(--pf-c-login__container--PaddingLeft);
|
|
17461
17511
|
}
|
|
@@ -17477,10 +17527,10 @@ ul.pf-c-list {
|
|
|
17477
17527
|
}
|
|
17478
17528
|
|
|
17479
17529
|
.pf-c-login__main {
|
|
17530
|
+
grid-area: main;
|
|
17480
17531
|
align-self: start;
|
|
17481
17532
|
margin-bottom: var(--pf-c-login__main--MarginBottom);
|
|
17482
17533
|
background-color: var(--pf-c-login__main--BackgroundColor);
|
|
17483
|
-
grid-area: main;
|
|
17484
17534
|
}
|
|
17485
17535
|
.pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
|
|
17486
17536
|
padding-top: var(--pf-c-login__main-header--PaddingTop);
|
|
@@ -17492,8 +17542,8 @@ ul.pf-c-list {
|
|
|
17492
17542
|
.pf-c-login__main-header {
|
|
17493
17543
|
display: grid;
|
|
17494
17544
|
grid-template-columns: 100%;
|
|
17495
|
-
column-gap: var(--pf-c-login__main-header--ColumnGap);
|
|
17496
17545
|
row-gap: var(--pf-c-login__main-header--RowGap);
|
|
17546
|
+
column-gap: var(--pf-c-login__main-header--ColumnGap);
|
|
17497
17547
|
align-items: center;
|
|
17498
17548
|
padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft);
|
|
17499
17549
|
}
|
|
@@ -17505,26 +17555,26 @@ ul.pf-c-list {
|
|
|
17505
17555
|
|
|
17506
17556
|
.pf-c-login__main-header-utilities,
|
|
17507
17557
|
.pf-c-login__main-header .pf-c-dropdown {
|
|
17508
|
-
grid-column: auto;
|
|
17509
17558
|
grid-row: auto;
|
|
17559
|
+
grid-column: auto;
|
|
17510
17560
|
}
|
|
17511
17561
|
@media (min-width: 768px) {
|
|
17512
17562
|
.pf-c-login__main-header-utilities,
|
|
17513
|
-
.pf-c-login__main-header .pf-c-dropdown {
|
|
17514
|
-
grid-column: 2/3;
|
|
17563
|
+
.pf-c-login__main-header .pf-c-dropdown {
|
|
17515
17564
|
grid-row: 1;
|
|
17565
|
+
grid-column: 2/3;
|
|
17516
17566
|
}
|
|
17517
17567
|
}
|
|
17518
17568
|
|
|
17519
17569
|
.pf-c-login__main-header-utilities .pf-c-dropdown {
|
|
17520
|
-
grid-column: auto;
|
|
17521
17570
|
grid-row: auto;
|
|
17571
|
+
grid-column: auto;
|
|
17522
17572
|
}
|
|
17523
17573
|
|
|
17524
17574
|
.pf-c-login__main-header-desc {
|
|
17575
|
+
grid-column: 1/-1;
|
|
17525
17576
|
margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
|
|
17526
17577
|
font-size: var(--pf-c-login__main-header-desc--FontSize);
|
|
17527
|
-
grid-column: 1/-1;
|
|
17528
17578
|
}
|
|
17529
17579
|
|
|
17530
17580
|
.pf-c-login__main-body {
|
|
@@ -17559,11 +17609,11 @@ ul.pf-c-list {
|
|
|
17559
17609
|
}
|
|
17560
17610
|
|
|
17561
17611
|
.pf-c-login__main-footer-links-item-link svg {
|
|
17562
|
-
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
|
|
17563
17612
|
width: 100%;
|
|
17564
17613
|
max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
|
|
17565
17614
|
height: 100%;
|
|
17566
17615
|
max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
|
|
17616
|
+
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
|
|
17567
17617
|
}
|
|
17568
17618
|
.pf-c-login__main-footer-links-item-link:hover svg {
|
|
17569
17619
|
fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill);
|
|
@@ -17828,6 +17878,7 @@ ul.pf-c-list {
|
|
|
17828
17878
|
position: relative;
|
|
17829
17879
|
display: flex;
|
|
17830
17880
|
flex-basis: var(--pf-c-masthead__main--FlexBasis);
|
|
17881
|
+
grid-column: var(--pf-c-masthead__main--GridColumn);
|
|
17831
17882
|
align-items: center;
|
|
17832
17883
|
align-self: stretch;
|
|
17833
17884
|
order: var(--pf-c-masthead__main--Order);
|
|
@@ -17835,7 +17886,6 @@ ul.pf-c-list {
|
|
|
17835
17886
|
padding-top: var(--pf-c-masthead__main--PaddingTop);
|
|
17836
17887
|
padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
|
|
17837
17888
|
margin-right: var(--pf-c-masthead__main--MarginRight);
|
|
17838
|
-
grid-column: var(--pf-c-masthead__main--GridColumn);
|
|
17839
17889
|
}
|
|
17840
17890
|
.pf-c-masthead__main::before {
|
|
17841
17891
|
position: absolute;
|
|
@@ -17852,6 +17902,9 @@ ul.pf-c-list {
|
|
|
17852
17902
|
.pf-c-masthead__content {
|
|
17853
17903
|
display: flex;
|
|
17854
17904
|
flex-grow: 1;
|
|
17905
|
+
flex-shrink: 1;
|
|
17906
|
+
grid-column: var(--pf-c-masthead__content--GridColumn);
|
|
17907
|
+
grid-column-end: -1;
|
|
17855
17908
|
align-items: center;
|
|
17856
17909
|
align-self: stretch;
|
|
17857
17910
|
order: var(--pf-c-masthead__content--Order);
|
|
@@ -17859,9 +17912,6 @@ ul.pf-c-list {
|
|
|
17859
17912
|
padding-top: var(--pf-c-masthead__content--PaddingTop);
|
|
17860
17913
|
padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
|
|
17861
17914
|
margin-left: var(--pf-c-masthead__content--MarginLeft);
|
|
17862
|
-
grid-column: var(--pf-c-masthead__content--GridColumn);
|
|
17863
|
-
grid-column-end: -1;
|
|
17864
|
-
flex-shrink: 1;
|
|
17865
17915
|
}
|
|
17866
17916
|
.pf-c-masthead__content:only-child {
|
|
17867
17917
|
--pf-c-masthead__content--MarginLeft: 0;
|
|
@@ -18389,6 +18439,7 @@ ul.pf-c-list {
|
|
|
18389
18439
|
--pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
|
|
18390
18440
|
--pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
|
|
18391
18441
|
--pf-c-menu__item-action--Color: var(--pf-global--Color--200);
|
|
18442
|
+
--pf-c-menu__item-action--BackgroundColor: transparent;
|
|
18392
18443
|
--pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
|
|
18393
18444
|
--pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
|
|
18394
18445
|
--pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
|
|
@@ -18420,12 +18471,6 @@ ul.pf-c-list {
|
|
|
18420
18471
|
--pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
18421
18472
|
--pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
|
|
18422
18473
|
--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
18423
|
-
top: var(--pf-c-menu--Top);
|
|
18424
|
-
z-index: var(--pf-c-menu--ZIndex);
|
|
18425
|
-
width: var(--pf-c-menu--Width);
|
|
18426
|
-
min-width: var(--pf-c-menu--MinWidth);
|
|
18427
|
-
background-color: var(--pf-c-menu--BackgroundColor);
|
|
18428
|
-
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
18429
18474
|
--pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
18430
18475
|
--pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
18431
18476
|
--pf-c-menu--m-nav__list--PaddingTop: 0;
|
|
@@ -18453,6 +18498,12 @@ ul.pf-c-list {
|
|
|
18453
18498
|
--pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
|
|
18454
18499
|
--pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
|
|
18455
18500
|
--pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
|
|
18501
|
+
top: var(--pf-c-menu--Top);
|
|
18502
|
+
z-index: var(--pf-c-menu--ZIndex);
|
|
18503
|
+
width: var(--pf-c-menu--Width);
|
|
18504
|
+
min-width: var(--pf-c-menu--MinWidth);
|
|
18505
|
+
background-color: var(--pf-c-menu--BackgroundColor);
|
|
18506
|
+
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
18456
18507
|
}
|
|
18457
18508
|
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
|
|
18458
18509
|
overflow: visible;
|
|
@@ -18509,6 +18560,7 @@ ul.pf-c-list {
|
|
|
18509
18560
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list {
|
|
18510
18561
|
position: relative;
|
|
18511
18562
|
overflow: hidden;
|
|
18563
|
+
visibility: visible;
|
|
18512
18564
|
transition: var(--pf-c-menu--m-drilldown__list--Transition);
|
|
18513
18565
|
}
|
|
18514
18566
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
|
|
@@ -18819,6 +18871,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
18819
18871
|
padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
|
|
18820
18872
|
padding-left: var(--pf-c-menu__item-action--PaddingLeft);
|
|
18821
18873
|
color: var(--pf-c-menu__item-action--Color);
|
|
18874
|
+
background-color: var(--pf-c-menu__item-action--BackgroundColor);
|
|
18822
18875
|
border: none;
|
|
18823
18876
|
}
|
|
18824
18877
|
.pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
|
|
@@ -19008,6 +19061,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19008
19061
|
--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
|
|
19009
19062
|
--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
|
|
19010
19063
|
--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
|
|
19064
|
+
--pf-c-menu-toggle__button--BackgroundColor: transparent;
|
|
19011
19065
|
--pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
|
|
19012
19066
|
--pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
|
|
19013
19067
|
--pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
|
|
@@ -19263,13 +19317,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19263
19317
|
--pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
|
|
19264
19318
|
--pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
|
|
19265
19319
|
color: inherit;
|
|
19320
|
+
background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
|
|
19266
19321
|
border: 0;
|
|
19267
19322
|
}
|
|
19268
19323
|
|
|
19269
19324
|
.pf-c-menu-toggle__icon {
|
|
19270
19325
|
display: inline-flex;
|
|
19271
|
-
align-self: center;
|
|
19272
19326
|
flex-shrink: 0;
|
|
19327
|
+
align-self: center;
|
|
19273
19328
|
margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
|
|
19274
19329
|
line-height: 1;
|
|
19275
19330
|
}
|
|
@@ -19389,9 +19444,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19389
19444
|
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
19390
19445
|
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
19391
19446
|
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
19392
|
-
--pf-c-modal-
|
|
19393
|
-
--pf-c-modal-
|
|
19394
|
-
--pf-c-modal-
|
|
19447
|
+
--pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
|
|
19448
|
+
--pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
|
|
19449
|
+
--pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
19395
19450
|
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
19396
19451
|
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
19397
19452
|
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
@@ -19443,13 +19498,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19443
19498
|
.pf-c-modal-box.pf-m-info {
|
|
19444
19499
|
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
19445
19500
|
}
|
|
19446
|
-
|
|
19501
|
+
|
|
19502
|
+
.pf-c-modal-box__close {
|
|
19447
19503
|
position: absolute;
|
|
19448
|
-
top: var(--pf-c-modal-
|
|
19449
|
-
right: var(--pf-c-modal-
|
|
19504
|
+
top: var(--pf-c-modal-box__close--Top);
|
|
19505
|
+
right: var(--pf-c-modal-box__close--Right);
|
|
19450
19506
|
}
|
|
19451
|
-
.pf-c-modal-
|
|
19452
|
-
margin-right: var(--pf-c-modal-
|
|
19507
|
+
.pf-c-modal-box__close + * {
|
|
19508
|
+
margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
|
|
19453
19509
|
}
|
|
19454
19510
|
|
|
19455
19511
|
.pf-c-modal-box__header {
|
|
@@ -19640,8 +19696,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19640
19696
|
--pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
|
|
19641
19697
|
--pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
|
|
19642
19698
|
display: grid;
|
|
19643
|
-
gap: var(--pf-c-multiple-file-upload--Gap);
|
|
19644
19699
|
grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns);
|
|
19700
|
+
gap: var(--pf-c-multiple-file-upload--Gap);
|
|
19645
19701
|
}
|
|
19646
19702
|
.pf-c-multiple-file-upload.pf-m-horizontal {
|
|
19647
19703
|
--pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
@@ -19667,21 +19723,21 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19667
19723
|
|
|
19668
19724
|
.pf-c-multiple-file-upload__main {
|
|
19669
19725
|
display: grid;
|
|
19726
|
+
grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
|
|
19727
|
+
grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
|
|
19728
|
+
grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
|
|
19729
|
+
gap: var(--pf-c-multiple-file-upload__main--Gap);
|
|
19670
19730
|
padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
|
|
19671
19731
|
text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
|
|
19672
19732
|
background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
|
|
19673
19733
|
border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
|
|
19674
|
-
grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
|
|
19675
|
-
grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
|
|
19676
|
-
grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
|
|
19677
|
-
gap: var(--pf-c-multiple-file-upload__main--Gap);
|
|
19678
19734
|
}
|
|
19679
19735
|
|
|
19680
19736
|
.pf-c-multiple-file-upload__title {
|
|
19681
19737
|
display: var(--pf-c-multiple-file-upload__title--Display);
|
|
19738
|
+
grid-area: title;
|
|
19682
19739
|
grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
|
|
19683
19740
|
gap: var(--pf-c-multiple-file-upload__title--Gap);
|
|
19684
|
-
grid-area: title;
|
|
19685
19741
|
}
|
|
19686
19742
|
|
|
19687
19743
|
.pf-c-multiple-file-upload__title-icon {
|
|
@@ -20621,8 +20677,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20621
20677
|
--pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
|
|
20622
20678
|
--pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
|
|
20623
20679
|
--pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
|
|
20624
|
-
margin-top: var(--pf-c-nav__section--MarginTop);
|
|
20625
20680
|
--pf-c-nav--c-divider--MarginBottom: 0;
|
|
20681
|
+
margin-top: var(--pf-c-nav__section--MarginTop);
|
|
20626
20682
|
}
|
|
20627
20683
|
.pf-c-nav__section + .pf-c-nav__section {
|
|
20628
20684
|
--pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
|
|
@@ -21069,9 +21125,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21069
21125
|
|
|
21070
21126
|
.pf-c-notification-drawer__list-item-header {
|
|
21071
21127
|
display: flex;
|
|
21072
|
-
align-items: baseline;
|
|
21073
|
-
grid-column: 1/2;
|
|
21074
21128
|
grid-row: 1/2;
|
|
21129
|
+
grid-column: 1/2;
|
|
21130
|
+
align-items: baseline;
|
|
21075
21131
|
margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom);
|
|
21076
21132
|
}
|
|
21077
21133
|
|
|
@@ -21092,8 +21148,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21092
21148
|
}
|
|
21093
21149
|
|
|
21094
21150
|
.pf-c-notification-drawer__list-item-action {
|
|
21095
|
-
grid-column: 2/3;
|
|
21096
21151
|
grid-row: 1/3;
|
|
21152
|
+
grid-column: 2/3;
|
|
21097
21153
|
}
|
|
21098
21154
|
|
|
21099
21155
|
.pf-c-notification-drawer__list-item-description {
|
|
@@ -21695,10 +21751,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21695
21751
|
--pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
21696
21752
|
--pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21697
21753
|
display: grid;
|
|
21698
|
-
height: 100%;
|
|
21699
|
-
grid-template-columns: 1fr;
|
|
21700
|
-
grid-template-rows: max-content 1fr;
|
|
21701
21754
|
grid-template-areas: "header" "main";
|
|
21755
|
+
grid-template-rows: max-content 1fr;
|
|
21756
|
+
grid-template-columns: 1fr;
|
|
21757
|
+
height: 100%;
|
|
21702
21758
|
background-color: var(--pf-c-page--BackgroundColor);
|
|
21703
21759
|
}
|
|
21704
21760
|
@media (min-width: 1200px) {
|
|
@@ -21745,8 +21801,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21745
21801
|
}
|
|
21746
21802
|
@media (min-width: 1200px) {
|
|
21747
21803
|
.pf-c-page {
|
|
21748
|
-
grid-template-columns: max-content 1fr;
|
|
21749
21804
|
grid-template-areas: "header header" "nav main";
|
|
21805
|
+
grid-template-columns: max-content 1fr;
|
|
21750
21806
|
}
|
|
21751
21807
|
}
|
|
21752
21808
|
.pf-c-page.pf-m-full-height {
|
|
@@ -21757,14 +21813,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21757
21813
|
|
|
21758
21814
|
.pf-c-page__header,
|
|
21759
21815
|
.pf-c-page > .pf-c-masthead {
|
|
21760
|
-
grid-area: header;
|
|
21761
21816
|
z-index: var(--pf-c-page__header--ZIndex);
|
|
21817
|
+
grid-area: header;
|
|
21762
21818
|
}
|
|
21763
21819
|
|
|
21764
21820
|
.pf-c-page__header {
|
|
21765
21821
|
color: var(--pf-global--Color--100);
|
|
21766
|
-
grid-template-columns: auto auto;
|
|
21767
21822
|
display: grid;
|
|
21823
|
+
grid-template-columns: auto auto;
|
|
21768
21824
|
align-items: center;
|
|
21769
21825
|
min-width: 0;
|
|
21770
21826
|
min-height: var(--pf-c-page__header--MinHeight);
|
|
@@ -21812,18 +21868,18 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21812
21868
|
}
|
|
21813
21869
|
|
|
21814
21870
|
.pf-c-page__header-nav {
|
|
21871
|
+
grid-row: 2/3;
|
|
21872
|
+
grid-column: 1/-1;
|
|
21815
21873
|
align-self: stretch;
|
|
21816
21874
|
min-width: 0;
|
|
21817
21875
|
padding-right: var(--pf-c-page__header-nav--PaddingRight);
|
|
21818
21876
|
padding-left: var(--pf-c-page__header-nav--PaddingLeft);
|
|
21819
21877
|
background-color: var(--pf-c-page__header-nav--BackgroundColor);
|
|
21820
|
-
grid-column: 1/-1;
|
|
21821
|
-
grid-row: 2/3;
|
|
21822
21878
|
}
|
|
21823
21879
|
@media screen and (min-width: 1200px) {
|
|
21824
21880
|
.pf-c-page__header-nav {
|
|
21825
|
-
grid-column: 2/3;
|
|
21826
21881
|
grid-row: 1/2;
|
|
21882
|
+
grid-column: 2/3;
|
|
21827
21883
|
}
|
|
21828
21884
|
}
|
|
21829
21885
|
.pf-c-page__header-nav .pf-c-nav {
|
|
@@ -21889,10 +21945,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21889
21945
|
}
|
|
21890
21946
|
|
|
21891
21947
|
.pf-c-page__sidebar {
|
|
21948
|
+
z-index: var(--pf-c-page__sidebar--ZIndex);
|
|
21892
21949
|
grid-area: nav;
|
|
21893
21950
|
grid-row-start: 2;
|
|
21894
21951
|
grid-column-start: 1;
|
|
21895
|
-
z-index: var(--pf-c-page__sidebar--ZIndex);
|
|
21896
21952
|
width: var(--pf-c-page__sidebar--Width);
|
|
21897
21953
|
overflow-x: hidden;
|
|
21898
21954
|
overflow-y: auto;
|
|
@@ -22041,24 +22097,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22041
22097
|
}
|
|
22042
22098
|
@media (min-height: 0) {
|
|
22043
22099
|
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
|
|
22044
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
22045
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
22046
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
22047
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
22048
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
22049
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
22100
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
|
|
22101
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
|
|
22102
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
|
|
22103
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
|
|
22104
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
|
|
22105
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
|
|
22050
22106
|
position: sticky;
|
|
22051
22107
|
top: 0;
|
|
22052
22108
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22053
22109
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22054
22110
|
}
|
|
22055
22111
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
|
|
22056
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
22057
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
22058
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
22059
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
22060
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
22061
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
22112
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
22113
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
|
|
22114
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
|
|
22115
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
|
|
22116
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
|
|
22117
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
|
|
22062
22118
|
position: sticky;
|
|
22063
22119
|
bottom: 0;
|
|
22064
22120
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22067,24 +22123,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22067
22123
|
}
|
|
22068
22124
|
@media (min-height: 40rem) {
|
|
22069
22125
|
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
|
|
22070
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
22071
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
22072
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
22073
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
22074
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
22075
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
22126
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
|
|
22127
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
|
|
22128
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
|
|
22129
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
|
|
22130
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
|
|
22131
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
|
|
22076
22132
|
position: sticky;
|
|
22077
22133
|
top: 0;
|
|
22078
22134
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22079
22135
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22080
22136
|
}
|
|
22081
22137
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
|
|
22082
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
22083
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
22084
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
22085
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
22086
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
22087
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
22138
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
22139
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
|
|
22140
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
|
|
22141
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
|
|
22142
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
|
|
22143
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
|
|
22088
22144
|
position: sticky;
|
|
22089
22145
|
bottom: 0;
|
|
22090
22146
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22093,24 +22149,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22093
22149
|
}
|
|
22094
22150
|
@media (min-height: 48rem) {
|
|
22095
22151
|
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
|
|
22096
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
22097
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
22098
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
22099
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
22100
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
22101
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
22152
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
|
|
22153
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
|
|
22154
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
|
|
22155
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
|
|
22156
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
|
|
22157
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
|
|
22102
22158
|
position: sticky;
|
|
22103
22159
|
top: 0;
|
|
22104
22160
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22105
22161
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22106
22162
|
}
|
|
22107
22163
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
|
|
22108
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
22109
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
22110
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
22111
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
22112
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
22113
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
22164
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
22165
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
|
|
22166
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
|
|
22167
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
|
|
22168
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
|
|
22169
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
|
|
22114
22170
|
position: sticky;
|
|
22115
22171
|
bottom: 0;
|
|
22116
22172
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22119,24 +22175,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22119
22175
|
}
|
|
22120
22176
|
@media (min-height: 60rem) {
|
|
22121
22177
|
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
|
|
22122
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
22123
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
22124
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
22125
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
22126
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
22127
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
22178
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
|
|
22179
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
|
|
22180
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
|
|
22181
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
|
|
22182
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
|
|
22183
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
|
|
22128
22184
|
position: sticky;
|
|
22129
22185
|
top: 0;
|
|
22130
22186
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22131
22187
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22132
22188
|
}
|
|
22133
22189
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
|
|
22134
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
22135
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
22136
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
22137
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
22138
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
22139
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
22190
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
22191
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
|
|
22192
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
|
|
22193
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
|
|
22194
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
|
|
22195
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
|
|
22140
22196
|
position: sticky;
|
|
22141
22197
|
bottom: 0;
|
|
22142
22198
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22145,24 +22201,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22145
22201
|
}
|
|
22146
22202
|
@media (min-height: 80rem) {
|
|
22147
22203
|
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
|
|
22148
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
22149
|
-
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
22150
|
-
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
22151
|
-
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
22152
|
-
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
22153
|
-
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
22204
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
|
|
22205
|
+
.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
|
|
22206
|
+
.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
|
|
22207
|
+
.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
|
|
22208
|
+
.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
|
|
22209
|
+
.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
|
|
22154
22210
|
position: sticky;
|
|
22155
22211
|
top: 0;
|
|
22156
22212
|
z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
|
|
22157
22213
|
box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
|
|
22158
22214
|
}
|
|
22159
22215
|
.pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
|
|
22160
|
-
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
22161
|
-
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
22162
|
-
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
22163
|
-
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
22164
|
-
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
22165
|
-
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
22216
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
22217
|
+
.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
|
|
22218
|
+
.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
|
|
22219
|
+
.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
|
|
22220
|
+
.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
|
|
22221
|
+
.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
|
|
22166
22222
|
position: sticky;
|
|
22167
22223
|
bottom: 0;
|
|
22168
22224
|
z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
|
|
@@ -22172,8 +22228,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22172
22228
|
|
|
22173
22229
|
.pf-c-page__main,
|
|
22174
22230
|
.pf-c-page__drawer {
|
|
22175
|
-
grid-area: main;
|
|
22176
22231
|
z-index: var(--pf-c-page__main--ZIndex);
|
|
22232
|
+
grid-area: main;
|
|
22177
22233
|
overflow-x: hidden;
|
|
22178
22234
|
overflow-y: auto;
|
|
22179
22235
|
-webkit-overflow-scrolling: touch;
|
|
@@ -22657,8 +22713,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22657
22713
|
padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
|
|
22658
22714
|
}
|
|
22659
22715
|
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
22660
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
22661
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
22716
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
22717
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
22662
22718
|
display: block;
|
|
22663
22719
|
}
|
|
22664
22720
|
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
@@ -23065,17 +23121,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23065
23121
|
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
23066
23122
|
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
23067
23123
|
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
23068
|
-
--pf-c-
|
|
23069
|
-
--pf-c-
|
|
23070
|
-
--pf-c-
|
|
23071
|
-
--pf-c-
|
|
23072
|
-
--pf-c-
|
|
23073
|
-
--pf-c-popover__title--
|
|
23074
|
-
--pf-c-popover__title--
|
|
23075
|
-
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
23076
|
-
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
23124
|
+
--pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
23125
|
+
--pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
|
|
23126
|
+
--pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
23127
|
+
--pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
|
|
23128
|
+
--pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
23129
|
+
--pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
23130
|
+
--pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
23077
23131
|
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
23078
23132
|
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
23133
|
+
--pf-c-popover__title-icon--FontSize: var(--pf-global--FontSize--md);
|
|
23079
23134
|
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
23080
23135
|
position: relative;
|
|
23081
23136
|
min-width: var(--pf-c-popover--MinWidth);
|
|
@@ -23153,16 +23208,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23153
23208
|
padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
|
|
23154
23209
|
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
23155
23210
|
}
|
|
23156
|
-
|
|
23157
|
-
|
|
23158
|
-
}
|
|
23159
|
-
.pf-c-popover__content > .pf-c-button {
|
|
23211
|
+
|
|
23212
|
+
.pf-c-popover__close {
|
|
23160
23213
|
position: absolute;
|
|
23161
|
-
top: var(--pf-c-
|
|
23162
|
-
right: var(--pf-c-
|
|
23214
|
+
top: var(--pf-c-popover__close--Top);
|
|
23215
|
+
right: var(--pf-c-popover__close--Right);
|
|
23163
23216
|
}
|
|
23164
|
-
.pf-c-
|
|
23165
|
-
padding-right: var(--pf-c-
|
|
23217
|
+
.pf-c-popover__close + * {
|
|
23218
|
+
padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
|
|
23166
23219
|
}
|
|
23167
23220
|
|
|
23168
23221
|
.pf-c-popover__arrow {
|
|
@@ -23174,23 +23227,25 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23174
23227
|
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
23175
23228
|
}
|
|
23176
23229
|
|
|
23177
|
-
.pf-c-
|
|
23178
|
-
|
|
23179
|
-
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
23180
|
-
font-family: var(--pf-c-popover__title--FontFamily);
|
|
23181
|
-
font-size: var(--pf-c-popover__title--FontSize);
|
|
23182
|
-
line-height: var(--pf-c-popover__title--LineHeight);
|
|
23230
|
+
.pf-c-popover__header {
|
|
23231
|
+
margin-bottom: var(--pf-c-popover__header--MarginBottom);
|
|
23183
23232
|
}
|
|
23184
|
-
|
|
23233
|
+
|
|
23234
|
+
.pf-c-popover__title {
|
|
23185
23235
|
display: flex;
|
|
23236
|
+
flex: 0 0 auto;
|
|
23186
23237
|
}
|
|
23187
23238
|
|
|
23188
23239
|
.pf-c-popover__title-icon {
|
|
23189
23240
|
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
23241
|
+
font-size: var(--pf-c-popover__title-icon--FontSize);
|
|
23190
23242
|
color: var(--pf-c-popover__title-icon--Color);
|
|
23191
23243
|
}
|
|
23192
23244
|
|
|
23193
23245
|
.pf-c-popover__title-text {
|
|
23246
|
+
font-family: var(--pf-c-popover__title-text--FontFamily);
|
|
23247
|
+
font-size: var(--pf-c-popover__title-text--FontSize);
|
|
23248
|
+
line-height: var(--pf-c-popover__title-text--LineHeight);
|
|
23194
23249
|
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
23195
23250
|
}
|
|
23196
23251
|
|
|
@@ -23239,17 +23294,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23239
23294
|
}
|
|
23240
23295
|
|
|
23241
23296
|
:where(.pf-theme-dark) .pf-c-popover {
|
|
23242
|
-
--pf-c-
|
|
23243
|
-
--pf-c-popover__arrow--
|
|
23244
|
-
--pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
|
|
23297
|
+
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23298
|
+
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23245
23299
|
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
|
|
23246
23300
|
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
|
|
23247
23301
|
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
|
|
23248
23302
|
}
|
|
23249
|
-
:where(.pf-theme-dark) .pf-c-popover,
|
|
23250
|
-
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
|
|
23251
|
-
border: 4px solid var(--pf-global--BorderColor--400);
|
|
23252
|
-
}
|
|
23253
23303
|
|
|
23254
23304
|
.pf-c-progress {
|
|
23255
23305
|
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
@@ -23257,8 +23307,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23257
23307
|
--pf-c-progress__bar--Height: var(--pf-global--spacer--md);
|
|
23258
23308
|
--pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
23259
23309
|
--pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
23310
|
+
--pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
|
|
23260
23311
|
--pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
|
|
23261
|
-
--pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
|
|
23262
23312
|
--pf-c-progress__bar--before--Opacity: .2;
|
|
23263
23313
|
--pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
|
|
23264
23314
|
--pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
|
|
@@ -23280,10 +23330,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23280
23330
|
--pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
|
|
23281
23331
|
--pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
|
|
23282
23332
|
display: grid;
|
|
23283
|
-
align-items: end;
|
|
23284
|
-
grid-gap: var(--pf-c-progress--GridGap);
|
|
23285
|
-
grid-template-columns: auto auto;
|
|
23286
23333
|
grid-template-rows: 1fr auto;
|
|
23334
|
+
grid-template-columns: auto auto;
|
|
23335
|
+
grid-gap: var(--pf-c-progress--GridGap);
|
|
23336
|
+
align-items: end;
|
|
23287
23337
|
}
|
|
23288
23338
|
.pf-c-progress.pf-m-sm {
|
|
23289
23339
|
--pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
|
|
@@ -23312,8 +23362,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23312
23362
|
grid-column: 1/3;
|
|
23313
23363
|
}
|
|
23314
23364
|
.pf-c-progress.pf-m-outside .pf-c-progress__status {
|
|
23315
|
-
grid-column: 2/3;
|
|
23316
23365
|
grid-row: 2/3;
|
|
23366
|
+
grid-column: 2/3;
|
|
23317
23367
|
align-self: center;
|
|
23318
23368
|
}
|
|
23319
23369
|
.pf-c-progress.pf-m-outside .pf-c-progress__measure {
|
|
@@ -23361,8 +23411,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23361
23411
|
}
|
|
23362
23412
|
|
|
23363
23413
|
.pf-c-progress__description {
|
|
23364
|
-
word-break: break-word;
|
|
23365
23414
|
grid-column: 1/2;
|
|
23415
|
+
word-break: break-word;
|
|
23366
23416
|
}
|
|
23367
23417
|
.pf-c-progress__description.pf-m-truncate {
|
|
23368
23418
|
overflow: hidden;
|
|
@@ -23371,21 +23421,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23371
23421
|
}
|
|
23372
23422
|
|
|
23373
23423
|
.pf-c-progress__status {
|
|
23374
|
-
|
|
23424
|
+
display: flex;
|
|
23375
23425
|
grid-row: 1/2;
|
|
23426
|
+
grid-column: 2/3;
|
|
23427
|
+
gap: var(--pf-c-progress__status--Gap);
|
|
23428
|
+
align-items: flex-start;
|
|
23429
|
+
justify-content: flex-end;
|
|
23376
23430
|
text-align: right;
|
|
23377
23431
|
word-break: break-word;
|
|
23378
23432
|
}
|
|
23379
23433
|
|
|
23380
23434
|
.pf-c-progress__status-icon {
|
|
23381
|
-
margin-left: var(--pf-c-progress__status-icon--MarginLeft);
|
|
23382
23435
|
color: var(--pf-c-progress__status-icon--Color);
|
|
23383
23436
|
}
|
|
23384
23437
|
|
|
23385
23438
|
.pf-c-progress__bar {
|
|
23386
23439
|
position: relative;
|
|
23387
|
-
grid-column: 1/3;
|
|
23388
23440
|
grid-row: 2/3;
|
|
23441
|
+
grid-column: 1/3;
|
|
23389
23442
|
align-self: center;
|
|
23390
23443
|
height: var(--pf-c-progress__bar--Height);
|
|
23391
23444
|
background-color: var(--pf-c-progress__bar--BackgroundColor);
|
|
@@ -23410,8 +23463,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23410
23463
|
}
|
|
23411
23464
|
|
|
23412
23465
|
.pf-c-progress__helper-text {
|
|
23413
|
-
grid-column: 1/3;
|
|
23414
23466
|
grid-row: 3/4;
|
|
23467
|
+
grid-column: 1/3;
|
|
23415
23468
|
margin-top: var(--pf-c-progress__helper-text--MarginTop);
|
|
23416
23469
|
}
|
|
23417
23470
|
|
|
@@ -23573,10 +23626,10 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23573
23626
|
--pf-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
23574
23627
|
position: relative;
|
|
23575
23628
|
display: grid;
|
|
23576
|
-
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
23577
|
-
grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
|
|
23578
23629
|
grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
|
|
23630
|
+
grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
|
|
23579
23631
|
grid-auto-columns: 1fr;
|
|
23632
|
+
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
23580
23633
|
}
|
|
23581
23634
|
@media screen and (min-width: 768px) {
|
|
23582
23635
|
.pf-c-progress-stepper {
|
|
@@ -23643,8 +23696,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23643
23696
|
grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
|
|
23644
23697
|
}
|
|
23645
23698
|
.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
|
|
23646
|
-
min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
|
|
23647
23699
|
grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
|
|
23700
|
+
min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
|
|
23648
23701
|
padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
|
|
23649
23702
|
}
|
|
23650
23703
|
.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
|
|
@@ -23761,11 +23814,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23761
23814
|
}
|
|
23762
23815
|
.pf-c-progress-stepper__step-title.pf-m-help-text {
|
|
23763
23816
|
text-decoration: underline;
|
|
23764
|
-
|
|
23817
|
+
text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
23765
23818
|
text-decoration-style: dashed;
|
|
23766
23819
|
text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
|
|
23767
|
-
text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
23768
23820
|
text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
23821
|
+
cursor: pointer;
|
|
23769
23822
|
}
|
|
23770
23823
|
.pf-c-progress-stepper__step-title.pf-m-help-text:hover {
|
|
23771
23824
|
--pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
|
|
@@ -24143,6 +24196,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24143
24196
|
--pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
24144
24197
|
--pf-c-search-input__text-input--MinWidth: 6ch;
|
|
24145
24198
|
--pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
24199
|
+
--pf-c-search-input__text-input--BackgroundColor: transparent;
|
|
24146
24200
|
--pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
|
|
24147
24201
|
--pf-c-search-input__icon--Color: var(--pf-global--Color--200);
|
|
24148
24202
|
--pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
@@ -24187,9 +24241,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24187
24241
|
|
|
24188
24242
|
.pf-c-search-input__text {
|
|
24189
24243
|
display: grid;
|
|
24190
|
-
grid-template-columns: 1fr;
|
|
24191
|
-
grid-template-areas: "text-input";
|
|
24192
24244
|
flex: 1;
|
|
24245
|
+
grid-template-areas: "text-input";
|
|
24246
|
+
grid-template-columns: 1fr;
|
|
24193
24247
|
}
|
|
24194
24248
|
.pf-c-search-input__text::before, .pf-c-search-input__text::after {
|
|
24195
24249
|
position: absolute;
|
|
@@ -24230,6 +24284,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24230
24284
|
width: 100%;
|
|
24231
24285
|
min-width: var(--pf-c-search-input__text-input--MinWidth);
|
|
24232
24286
|
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);
|
|
24287
|
+
background-color: var(--pf-c-search-input__text-input--BackgroundColor);
|
|
24233
24288
|
border: 0;
|
|
24234
24289
|
}
|
|
24235
24290
|
.pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
|
|
@@ -24711,8 +24766,8 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24711
24766
|
.pf-c-select__toggle-typeahead {
|
|
24712
24767
|
flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
|
|
24713
24768
|
flex-grow: 1;
|
|
24714
|
-
min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
|
|
24715
24769
|
flex-shrink: 0;
|
|
24770
|
+
min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
|
|
24716
24771
|
}
|
|
24717
24772
|
.pf-c-select__toggle-typeahead.pf-c-form-control {
|
|
24718
24773
|
background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
|
|
@@ -24988,28 +25043,54 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24988
25043
|
}
|
|
24989
25044
|
|
|
24990
25045
|
.pf-c-sidebar {
|
|
25046
|
+
--pf-c-sidebar--inset: var(--pf-global--spacer--md);
|
|
25047
|
+
--pf-c-sidebar--xl--inset: var(--pf-global--spacer--lg);
|
|
24991
25048
|
--pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25049
|
+
--pf-c-sidebar--BorderWidth--base: var(--pf-global--BorderWidth--sm);
|
|
25050
|
+
--pf-c-sidebar--BorderColor--base: var(--pf-global--BorderColor--100);
|
|
25051
|
+
--pf-c-sidebar__panel--PaddingTop: 0;
|
|
25052
|
+
--pf-c-sidebar__panel--PaddingRight: 0;
|
|
25053
|
+
--pf-c-sidebar__panel--PaddingBottom: 0;
|
|
25054
|
+
--pf-c-sidebar__panel--PaddingLeft: 0;
|
|
25055
|
+
--pf-c-sidebar__panel--Order: -1;
|
|
25056
|
+
--pf-c-sidebar__panel--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
|
|
25057
|
+
--pf-c-sidebar__panel--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
|
|
25058
|
+
--pf-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
|
|
25059
|
+
--pf-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
|
|
25060
|
+
--pf-c-sidebar__content--PaddingTop: 0;
|
|
25061
|
+
--pf-c-sidebar__content--PaddingRight: 0;
|
|
25062
|
+
--pf-c-sidebar__content--PaddingBottom: 0;
|
|
25063
|
+
--pf-c-sidebar__content--PaddingLeft: 0;
|
|
25064
|
+
--pf-c-sidebar__content--Order: 1;
|
|
25065
|
+
--pf-c-sidebar__content--m-padding--PaddingTop: var(--pf-c-sidebar--inset);
|
|
25066
|
+
--pf-c-sidebar__content--m-padding--PaddingRight: var(--pf-c-sidebar--inset);
|
|
25067
|
+
--pf-c-sidebar__content--m-padding--PaddingBottom: var(--pf-c-sidebar--inset);
|
|
25068
|
+
--pf-c-sidebar__content--m-padding--PaddingLeft: var(--pf-c-sidebar--inset);
|
|
24992
25069
|
--pf-c-sidebar__main--FlexDirection: column;
|
|
24993
25070
|
--pf-c-sidebar__main--md--FlexDirection: row;
|
|
24994
25071
|
--pf-c-sidebar__main--AlignItems: stretch;
|
|
24995
25072
|
--pf-c-sidebar__main--md--AlignItems: start;
|
|
24996
25073
|
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
24997
|
-
--pf-c-
|
|
24998
|
-
--pf-c-
|
|
24999
|
-
--pf-c-
|
|
25000
|
-
--pf-c-
|
|
25074
|
+
--pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--inset);
|
|
25075
|
+
--pf-c-sidebar__main--m-border--before--Display: none;
|
|
25076
|
+
--pf-c-sidebar__main--m-border--before--md--Display: block;
|
|
25077
|
+
--pf-c-sidebar__main--m-border--before--BorderWidth: var(--pf-c-sidebar--BorderWidth--base);
|
|
25078
|
+
--pf-c-sidebar__main--m-border--before--BorderColor: var(--pf-c-sidebar--BorderColor--base);
|
|
25079
|
+
--pf-c-sidebar--m-panel-right__panel--Order: -1;
|
|
25001
25080
|
--pf-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
25081
|
+
--pf-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
25002
25082
|
--pf-c-sidebar--m-stack__main--FlexDirection: column;
|
|
25003
25083
|
--pf-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
25004
25084
|
--pf-c-sidebar--m-stack__panel--Position: sticky;
|
|
25005
25085
|
--pf-c-sidebar--m-stack__panel--Top: 0;
|
|
25006
25086
|
--pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
25007
|
-
--pf-c-sidebar--m-stack--m-panel-right__panel--Order:
|
|
25087
|
+
--pf-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
25008
25088
|
--pf-c-sidebar--m-split__main--AlignItems: start;
|
|
25009
25089
|
--pf-c-sidebar--m-split__main--FlexDirection: row;
|
|
25010
25090
|
--pf-c-sidebar--m-split__panel--Position: static;
|
|
25011
25091
|
--pf-c-sidebar--m-split__panel--Top: auto;
|
|
25012
25092
|
--pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
25093
|
+
--pf-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
25013
25094
|
--pf-c-sidebar__panel--FlexBasis--base: auto;
|
|
25014
25095
|
--pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
25015
25096
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
@@ -25023,7 +25104,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25023
25104
|
--pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
25024
25105
|
--pf-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
25025
25106
|
--pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
|
|
25026
|
-
--pf-c-sidebar__panel--Order: 0;
|
|
25027
25107
|
--pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25028
25108
|
--pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25029
25109
|
--pf-c-sidebar__panel--m-sticky--Top: 0;
|
|
@@ -25033,60 +25113,50 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25033
25113
|
@media (min-width: 768px) {
|
|
25034
25114
|
.pf-c-sidebar {
|
|
25035
25115
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
|
|
25116
|
+
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
|
|
25117
|
+
--pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar__main--m-border--before--md--Display);
|
|
25036
25118
|
--pf-c-sidebar__panel--BoxShadow: none;
|
|
25037
25119
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
|
|
25038
|
-
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
|
|
25039
25120
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
|
|
25040
25121
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position);
|
|
25041
25122
|
}
|
|
25042
25123
|
}
|
|
25043
25124
|
@media (min-width: 1200px) {
|
|
25044
25125
|
.pf-c-sidebar {
|
|
25045
|
-
--pf-c-sidebar--
|
|
25126
|
+
--pf-c-sidebar--inset: var(--pf-c-sidebar--xl--inset);
|
|
25046
25127
|
}
|
|
25047
25128
|
}
|
|
25048
|
-
.pf-c-sidebar.pf-m-gutter {
|
|
25049
|
-
|
|
25050
|
-
--pf-c-sidebar__main--child--MarginLeft: 0;
|
|
25051
|
-
}
|
|
25052
|
-
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * {
|
|
25053
|
-
margin-top: var(--pf-c-sidebar__main--child--MarginTop);
|
|
25054
|
-
margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
|
|
25055
|
-
}
|
|
25056
|
-
@media (min-width: 768px) {
|
|
25057
|
-
.pf-c-sidebar.pf-m-gutter {
|
|
25058
|
-
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
25059
|
-
--pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
25060
|
-
}
|
|
25129
|
+
.pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main {
|
|
25130
|
+
gap: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
25061
25131
|
}
|
|
25062
25132
|
.pf-c-sidebar.pf-m-panel-right {
|
|
25063
25133
|
--pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order);
|
|
25134
|
+
--pf-c-sidebar__content--Order: var(--pf-c-sidebar--m-panel-right__content--Order);
|
|
25064
25135
|
}
|
|
25065
25136
|
@media (min-width: 768px) {
|
|
25066
25137
|
.pf-c-sidebar.pf-m-panel-right {
|
|
25067
25138
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order);
|
|
25139
|
+
--pf-c-sidebar--m-panel-right__content--Order: var(--pf-c-sidebar--m-panel-right__content--md--Order);
|
|
25068
25140
|
}
|
|
25069
25141
|
}
|
|
25070
25142
|
.pf-c-sidebar.pf-m-stack {
|
|
25071
25143
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
|
|
25072
25144
|
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
|
|
25073
|
-
--pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
25074
|
-
--pf-c-sidebar__main--child--MarginLeft: 0;
|
|
25075
25145
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
|
|
25076
25146
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
|
|
25077
25147
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
|
|
25078
25148
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
|
|
25149
|
+
--pf-c-sidebar__main--m-border--before--Display: none;
|
|
25079
25150
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
25080
25151
|
}
|
|
25081
25152
|
.pf-c-sidebar.pf-m-split {
|
|
25082
25153
|
--pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
|
|
25083
25154
|
--pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
|
|
25084
|
-
--pf-c-sidebar__main--child--MarginTop: 0;
|
|
25085
|
-
--pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
|
|
25086
25155
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
|
|
25087
25156
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
|
|
25088
25157
|
--pf-c-sidebar__panel--BoxShadow: none;
|
|
25089
25158
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
|
|
25159
|
+
--pf-c-sidebar__main--m-border--before--Display: var(--pf-c-sidebar--m-split__main--m-border--before--Display);
|
|
25090
25160
|
--pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
25091
25161
|
}
|
|
25092
25162
|
|
|
@@ -25095,17 +25165,31 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25095
25165
|
flex-direction: var(--pf-c-sidebar__main--FlexDirection);
|
|
25096
25166
|
align-items: var(--pf-c-sidebar__main--AlignItems);
|
|
25097
25167
|
}
|
|
25168
|
+
.pf-c-sidebar__main.pf-m-border::before {
|
|
25169
|
+
display: var(--pf-c-sidebar__main--m-border--before--Display);
|
|
25170
|
+
flex: 0 0 var(--pf-c-sidebar__main--m-border--before--BorderWidth);
|
|
25171
|
+
align-self: stretch;
|
|
25172
|
+
content: "";
|
|
25173
|
+
background-color: var(--pf-c-sidebar__main--m-border--before--BorderColor);
|
|
25174
|
+
}
|
|
25098
25175
|
|
|
25099
25176
|
.pf-c-sidebar__panel {
|
|
25100
25177
|
position: var(--pf-c-sidebar__panel--Position);
|
|
25101
25178
|
top: var(--pf-c-sidebar__panel--Top);
|
|
25102
25179
|
z-index: var(--pf-c-sidebar__panel--ZIndex);
|
|
25103
|
-
flex-shrink: 0;
|
|
25104
25180
|
flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
|
|
25181
|
+
flex-shrink: 0;
|
|
25105
25182
|
order: var(--pf-c-sidebar__panel--Order);
|
|
25183
|
+
padding: var(--pf-c-sidebar__panel--PaddingTop) var(--pf-c-sidebar__panel--PaddingRight) var(--pf-c-sidebar__panel--PaddingBottom) var(--pf-c-sidebar__panel--PaddingLeft);
|
|
25106
25184
|
background-color: var(--pf-c-sidebar__panel--BackgroundColor);
|
|
25107
25185
|
box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
|
|
25108
25186
|
}
|
|
25187
|
+
.pf-c-sidebar__panel.pf-m-padding {
|
|
25188
|
+
--pf-c-sidebar__panel--PaddingTop: var(--pf-c-sidebar__panel--m-padding--PaddingTop);
|
|
25189
|
+
--pf-c-sidebar__panel--PaddingRight: var(--pf-c-sidebar__panel--m-padding--PaddingRight);
|
|
25190
|
+
--pf-c-sidebar__panel--PaddingBottom: var(--pf-c-sidebar__panel--m-padding--PaddingBottom);
|
|
25191
|
+
--pf-c-sidebar__panel--PaddingLeft: var(--pf-c-sidebar__panel--m-padding--PaddingLeft);
|
|
25192
|
+
}
|
|
25109
25193
|
.pf-c-sidebar__panel.pf-m-sticky {
|
|
25110
25194
|
--pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
|
|
25111
25195
|
--pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top);
|
|
@@ -25117,11 +25201,25 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25117
25201
|
|
|
25118
25202
|
.pf-c-sidebar__content {
|
|
25119
25203
|
flex-grow: 1;
|
|
25204
|
+
order: var(--pf-c-sidebar__content--Order);
|
|
25205
|
+
padding: var(--pf-c-sidebar__content--PaddingTop) var(--pf-c-sidebar__content--PaddingRight) var(--pf-c-sidebar__content--PaddingBottom) var(--pf-c-sidebar__content--PaddingLeft);
|
|
25120
25206
|
background-color: var(--pf-c-sidebar__content--BackgroundColor);
|
|
25121
25207
|
}
|
|
25208
|
+
.pf-c-sidebar__content.pf-m-padding {
|
|
25209
|
+
--pf-c-sidebar__content--PaddingTop: var(--pf-c-sidebar__content--m-padding--PaddingTop);
|
|
25210
|
+
--pf-c-sidebar__content--PaddingRight: var(--pf-c-sidebar__content--m-padding--PaddingRight);
|
|
25211
|
+
--pf-c-sidebar__content--PaddingBottom: var(--pf-c-sidebar__content--m-padding--PaddingBottom);
|
|
25212
|
+
--pf-c-sidebar__content--PaddingLeft: var(--pf-c-sidebar__content--m-padding--PaddingTop);
|
|
25213
|
+
}
|
|
25122
25214
|
.pf-c-sidebar__content.pf-m-no-background {
|
|
25123
25215
|
--pf-c-sidebar__content--BackgroundColor: transparent;
|
|
25124
25216
|
}
|
|
25217
|
+
.pf-c-sidebar__content + .pf-c-sidebar__panel {
|
|
25218
|
+
--pf-c-sidebar__panel--Order: 1;
|
|
25219
|
+
}
|
|
25220
|
+
:where(.pf-c-sidebar__content:first-child) {
|
|
25221
|
+
--pf-c-sidebar__content--Order: -1;
|
|
25222
|
+
}
|
|
25125
25223
|
|
|
25126
25224
|
.pf-c-sidebar.pf-m-no-background,
|
|
25127
25225
|
.pf-c-sidebar__panel.pf-m-no-background,
|
|
@@ -25314,9 +25412,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25314
25412
|
border: none;
|
|
25315
25413
|
}
|
|
25316
25414
|
.pf-c-simple-list__item-link:hover {
|
|
25317
|
-
text-decoration: none;
|
|
25318
25415
|
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
|
|
25319
25416
|
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
|
|
25417
|
+
text-decoration: none;
|
|
25320
25418
|
}
|
|
25321
25419
|
.pf-c-simple-list__item-link:focus {
|
|
25322
25420
|
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
|
|
@@ -25995,13 +26093,13 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25995
26093
|
.pf-c-spinner__path {
|
|
25996
26094
|
width: 100%;
|
|
25997
26095
|
height: 100%;
|
|
25998
|
-
transform-origin: 50% 50%;
|
|
25999
|
-
animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26000
26096
|
stroke: var(--pf-c-spinner--Color);
|
|
26001
|
-
stroke-linecap: round;
|
|
26002
26097
|
stroke-dasharray: 283;
|
|
26003
26098
|
stroke-dashoffset: 280;
|
|
26099
|
+
stroke-linecap: round;
|
|
26004
26100
|
stroke-width: var(--pf-c-spinner--stroke-width);
|
|
26101
|
+
transform-origin: 50% 50%;
|
|
26102
|
+
animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26005
26103
|
}
|
|
26006
26104
|
|
|
26007
26105
|
@keyframes pf-c-spinner-animation-rotate {
|
|
@@ -26021,8 +26119,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26021
26119
|
stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);
|
|
26022
26120
|
}
|
|
26023
26121
|
40% {
|
|
26024
|
-
stroke-dashoffset: 150;
|
|
26025
26122
|
stroke-dasharray: 220;
|
|
26123
|
+
stroke-dashoffset: 150;
|
|
26026
26124
|
}
|
|
26027
26125
|
100% {
|
|
26028
26126
|
stroke-dashoffset: 280;
|
|
@@ -26666,7 +26764,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26666
26764
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
26667
26765
|
}
|
|
26668
26766
|
.pf-m-grid-md.pf-c-table tr:last-child,
|
|
26669
|
-
.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26767
|
+
.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26670
26768
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
26671
26769
|
}
|
|
26672
26770
|
.pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
|
|
@@ -26811,7 +26909,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26811
26909
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
26812
26910
|
}
|
|
26813
26911
|
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
|
|
26814
|
-
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
|
|
26912
|
+
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
|
|
26815
26913
|
position: relative;
|
|
26816
26914
|
}
|
|
26817
26915
|
.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -26841,9 +26939,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26841
26939
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
26842
26940
|
}
|
|
26843
26941
|
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
26844
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
26845
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
26846
|
-
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
26942
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
26943
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
26944
|
+
.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
26847
26945
|
width: auto;
|
|
26848
26946
|
padding: 0;
|
|
26849
26947
|
}
|
|
@@ -26863,8 +26961,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26863
26961
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
26864
26962
|
}
|
|
26865
26963
|
.pf-m-grid-md.pf-c-table .pf-c-table__check,
|
|
26866
|
-
.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
|
|
26867
|
-
.pf-m-grid-md.pf-c-table .pf-c-table__action {
|
|
26964
|
+
.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
|
|
26965
|
+
.pf-m-grid-md.pf-c-table .pf-c-table__action {
|
|
26868
26966
|
grid-row-start: 1;
|
|
26869
26967
|
grid-column-start: 2;
|
|
26870
26968
|
}
|
|
@@ -26981,7 +27079,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26981
27079
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
26982
27080
|
}
|
|
26983
27081
|
.pf-m-grid-lg.pf-c-table tr:last-child,
|
|
26984
|
-
.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27082
|
+
.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
26985
27083
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
26986
27084
|
}
|
|
26987
27085
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27126,7 +27224,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27126
27224
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27127
27225
|
}
|
|
27128
27226
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
|
|
27129
|
-
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27227
|
+
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27130
27228
|
position: relative;
|
|
27131
27229
|
}
|
|
27132
27230
|
.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27156,9 +27254,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27156
27254
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27157
27255
|
}
|
|
27158
27256
|
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27159
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27160
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27161
|
-
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27257
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27258
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27259
|
+
.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27162
27260
|
width: auto;
|
|
27163
27261
|
padding: 0;
|
|
27164
27262
|
}
|
|
@@ -27178,8 +27276,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27178
27276
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27179
27277
|
}
|
|
27180
27278
|
.pf-m-grid-lg.pf-c-table .pf-c-table__check,
|
|
27181
|
-
.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
|
|
27182
|
-
.pf-m-grid-lg.pf-c-table .pf-c-table__action {
|
|
27279
|
+
.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
|
|
27280
|
+
.pf-m-grid-lg.pf-c-table .pf-c-table__action {
|
|
27183
27281
|
grid-row-start: 1;
|
|
27184
27282
|
grid-column-start: 2;
|
|
27185
27283
|
}
|
|
@@ -27296,7 +27394,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27296
27394
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
27297
27395
|
}
|
|
27298
27396
|
.pf-m-grid-xl.pf-c-table tr:last-child,
|
|
27299
|
-
.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27397
|
+
.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27300
27398
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
27301
27399
|
}
|
|
27302
27400
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27441,7 +27539,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27441
27539
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27442
27540
|
}
|
|
27443
27541
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
|
|
27444
|
-
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27542
|
+
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27445
27543
|
position: relative;
|
|
27446
27544
|
}
|
|
27447
27545
|
.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27471,9 +27569,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27471
27569
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27472
27570
|
}
|
|
27473
27571
|
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27474
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27475
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27476
|
-
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27572
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27573
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27574
|
+
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27477
27575
|
width: auto;
|
|
27478
27576
|
padding: 0;
|
|
27479
27577
|
}
|
|
@@ -27493,8 +27591,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27493
27591
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27494
27592
|
}
|
|
27495
27593
|
.pf-m-grid-xl.pf-c-table .pf-c-table__check,
|
|
27496
|
-
.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
|
|
27497
|
-
.pf-m-grid-xl.pf-c-table .pf-c-table__action {
|
|
27594
|
+
.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
|
|
27595
|
+
.pf-m-grid-xl.pf-c-table .pf-c-table__action {
|
|
27498
27596
|
grid-row-start: 1;
|
|
27499
27597
|
grid-column-start: 2;
|
|
27500
27598
|
}
|
|
@@ -27611,7 +27709,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27611
27709
|
border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
|
|
27612
27710
|
}
|
|
27613
27711
|
.pf-m-grid-2xl.pf-c-table tr:last-child,
|
|
27614
|
-
.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27712
|
+
.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
|
|
27615
27713
|
border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
|
|
27616
27714
|
}
|
|
27617
27715
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
|
|
@@ -27756,7 +27854,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27756
27854
|
--pf-c-table--tbody--after--BorderLeftColor: transparent;
|
|
27757
27855
|
}
|
|
27758
27856
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
|
|
27759
|
-
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27857
|
+
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
|
|
27760
27858
|
position: relative;
|
|
27761
27859
|
}
|
|
27762
27860
|
.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
|
|
@@ -27786,9 +27884,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27786
27884
|
background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
|
|
27787
27885
|
}
|
|
27788
27886
|
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
|
|
27789
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27790
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27791
|
-
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27887
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
|
|
27888
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
|
|
27889
|
+
.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
|
|
27792
27890
|
width: auto;
|
|
27793
27891
|
padding: 0;
|
|
27794
27892
|
}
|
|
@@ -27808,8 +27906,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27808
27906
|
--pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
|
|
27809
27907
|
}
|
|
27810
27908
|
.pf-m-grid-2xl.pf-c-table .pf-c-table__check,
|
|
27811
|
-
.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
|
|
27812
|
-
.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
|
|
27909
|
+
.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
|
|
27910
|
+
.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
|
|
27813
27911
|
grid-row-start: 1;
|
|
27814
27912
|
grid-column-start: 2;
|
|
27815
27913
|
}
|
|
@@ -28084,6 +28182,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28084
28182
|
--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
|
|
28085
28183
|
--pf-c-table__subhead--Color: var(--pf-global--Color--200);
|
|
28086
28184
|
--pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
|
|
28185
|
+
--pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-global--ZIndex--xs);
|
|
28087
28186
|
color: var(--pf-global--Color--100);
|
|
28088
28187
|
width: 100%;
|
|
28089
28188
|
background-color: var(--pf-c-table--BackgroundColor);
|
|
@@ -28112,7 +28211,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28112
28211
|
border-bottom: 0;
|
|
28113
28212
|
}
|
|
28114
28213
|
.pf-c-table.pf-m-sticky-header > thead > tr > * {
|
|
28115
|
-
z-index: var(--pf-
|
|
28214
|
+
z-index: var(--pf-c-table--m-sticky-header--cell--ZIndex);
|
|
28116
28215
|
}
|
|
28117
28216
|
.pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
|
|
28118
28217
|
position: sticky;
|
|
@@ -28483,9 +28582,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28483
28582
|
.pf-c-table__button-content,
|
|
28484
28583
|
.pf-c-table__column-help {
|
|
28485
28584
|
display: grid;
|
|
28585
|
+
grid-template-columns: auto max-content;
|
|
28486
28586
|
align-items: end;
|
|
28487
28587
|
justify-content: start;
|
|
28488
|
-
grid-template-columns: auto max-content;
|
|
28489
28588
|
}
|
|
28490
28589
|
.pf-c-table__button-content .pf-c-table__text,
|
|
28491
28590
|
.pf-c-table__column-help .pf-c-table__text {
|
|
@@ -28591,6 +28690,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28591
28690
|
vertical-align: middle;
|
|
28592
28691
|
}
|
|
28593
28692
|
|
|
28693
|
+
.pf-c-table__action {
|
|
28694
|
+
text-align: right;
|
|
28695
|
+
}
|
|
28696
|
+
|
|
28594
28697
|
.pf-c-table__inline-edit-action {
|
|
28595
28698
|
--pf-c-table--cell--PaddingLeft: 0;
|
|
28596
28699
|
--pf-c-table--cell--PaddingRight: 0;
|
|
@@ -28928,39 +29031,44 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28928
29031
|
}
|
|
28929
29032
|
|
|
28930
29033
|
.pf-c-table {
|
|
28931
|
-
--pf-c-table__sticky-
|
|
28932
|
-
--pf-c-table__sticky-
|
|
28933
|
-
--pf-c-table__sticky-
|
|
28934
|
-
--pf-c-table__sticky-
|
|
28935
|
-
--pf-c-table__sticky-
|
|
28936
|
-
--pf-c-table__sticky-
|
|
28937
|
-
--pf-c-table__sticky-
|
|
28938
|
-
--pf-c-table__sticky-
|
|
28939
|
-
--pf-c-table__sticky-
|
|
28940
|
-
--pf-c-table__sticky-
|
|
28941
|
-
--pf-c-
|
|
28942
|
-
|
|
28943
|
-
|
|
29034
|
+
--pf-c-table__sticky-cell--MinWidth--base: 12.5rem;
|
|
29035
|
+
--pf-c-table__sticky-cell--MinWidth: var(--pf-c-table__sticky-cell--MinWidth--base);
|
|
29036
|
+
--pf-c-table__sticky-cell--ZIndex: var(--pf-global--ZIndex--xs);
|
|
29037
|
+
--pf-c-table__sticky-cell--Right: auto;
|
|
29038
|
+
--pf-c-table__sticky-cell--Left: auto;
|
|
29039
|
+
--pf-c-table__sticky-cell--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
29040
|
+
--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
29041
|
+
--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
29042
|
+
--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
29043
|
+
--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
|
|
29044
|
+
--pf-c-table__sticky-cell--m-right--Right: 0;
|
|
29045
|
+
--pf-c-table__sticky-cell--m-left--Left: 0;
|
|
29046
|
+
--pf-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-c-table__sticky-cell--ZIndex) + 1);
|
|
29047
|
+
}
|
|
29048
|
+
.pf-c-table .pf-c-table__sticky-cell {
|
|
29049
|
+
--pf-c-table--cell--Overflow: visible;
|
|
29050
|
+
--pf-c-table--m-sticky-header--cell--ZIndex: var(--pf-c-table--m-sticky-header__sticky-cell--ZIndex);
|
|
28944
29051
|
position: sticky;
|
|
28945
|
-
|
|
28946
|
-
|
|
28947
|
-
|
|
28948
|
-
|
|
29052
|
+
right: var(--pf-c-table__sticky-cell--Right);
|
|
29053
|
+
left: var(--pf-c-table__sticky-cell--Left);
|
|
29054
|
+
z-index: var(--pf-c-table__sticky-cell--ZIndex);
|
|
29055
|
+
min-width: var(--pf-c-table__sticky-cell--MinWidth);
|
|
29056
|
+
background-color: var(--pf-c-table__sticky-cell--BackgroundColor);
|
|
28949
29057
|
background-clip: padding-box;
|
|
28950
29058
|
}
|
|
28951
|
-
.pf-c-table .pf-c-table__sticky-
|
|
28952
|
-
--pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-
|
|
28953
|
-
--pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-
|
|
29059
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-border-right::before {
|
|
29060
|
+
--pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
|
|
29061
|
+
--pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-cell--m-border-right--before--BorderRightColor);
|
|
28954
29062
|
}
|
|
28955
|
-
.pf-c-table .pf-c-table__sticky-
|
|
28956
|
-
--pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-
|
|
28957
|
-
--pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-
|
|
29063
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-border-left::before {
|
|
29064
|
+
--pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
|
|
29065
|
+
--pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
|
|
28958
29066
|
}
|
|
28959
|
-
.pf-c-table.pf-m-
|
|
28960
|
-
--pf-c-
|
|
29067
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-right {
|
|
29068
|
+
--pf-c-table__sticky-cell--Right: var(--pf-c-table__sticky-cell--m-right--Right);
|
|
28961
29069
|
}
|
|
28962
|
-
.pf-c-table.pf-
|
|
28963
|
-
|
|
29070
|
+
.pf-c-table .pf-c-table__sticky-cell.pf-m-left {
|
|
29071
|
+
--pf-c-table__sticky-cell--Left: var(--pf-c-table__sticky-cell--m-left--Left);
|
|
28964
29072
|
}
|
|
28965
29073
|
|
|
28966
29074
|
.pf-c-scroll-outer-wrapper {
|
|
@@ -28996,10 +29104,20 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28996
29104
|
--pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
|
|
28997
29105
|
--pf-c-table--m-tree-view__toggle--TranslateX: -100%;
|
|
28998
29106
|
--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
29107
|
+
--pf-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
|
|
29108
|
+
--pf-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
|
|
28999
29109
|
}
|
|
29000
29110
|
.pf-c-table.pf-m-tree-view > tbody > tr {
|
|
29001
29111
|
--pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
|
|
29002
29112
|
}
|
|
29113
|
+
.pf-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
|
|
29114
|
+
--pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
29115
|
+
--pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
29116
|
+
}
|
|
29117
|
+
.pf-c-table.pf-m-tree-view.pf-m-no-inset {
|
|
29118
|
+
--pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table--m-no-inset__tree-view-main--PaddingLeft);
|
|
29119
|
+
--pf-c-table__tree-view-main--MarginLeft: var(--pf-c-table--m-no-inset__tree-view-main--MarginLeft);
|
|
29120
|
+
}
|
|
29003
29121
|
.pf-c-table.pf-m-tree-view tr[aria-level="2"] {
|
|
29004
29122
|
--pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-c-table__tree-view-main--indent--base));
|
|
29005
29123
|
}
|
|
@@ -29295,7 +29413,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29295
29413
|
display: block;
|
|
29296
29414
|
}
|
|
29297
29415
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29298
|
-
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
29416
|
+
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
29299
29417
|
display: inline-block;
|
|
29300
29418
|
}
|
|
29301
29419
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
@@ -29436,7 +29554,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29436
29554
|
display: block;
|
|
29437
29555
|
}
|
|
29438
29556
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29439
|
-
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
29557
|
+
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
29440
29558
|
display: inline-block;
|
|
29441
29559
|
}
|
|
29442
29560
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
@@ -29577,7 +29695,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29577
29695
|
display: block;
|
|
29578
29696
|
}
|
|
29579
29697
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29580
|
-
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
29698
|
+
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
29581
29699
|
display: inline-block;
|
|
29582
29700
|
}
|
|
29583
29701
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
@@ -29718,7 +29836,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29718
29836
|
display: block;
|
|
29719
29837
|
}
|
|
29720
29838
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
29721
|
-
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
29839
|
+
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
29722
29840
|
display: inline-block;
|
|
29723
29841
|
}
|
|
29724
29842
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
@@ -29888,7 +30006,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29888
30006
|
--pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
29889
30007
|
--pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
|
|
29890
30008
|
--pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
|
|
29891
|
-
--pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
|
|
29892
30009
|
--pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
|
|
29893
30010
|
--pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
|
|
29894
30011
|
--pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
|
|
@@ -30362,9 +30479,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30362
30479
|
--pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
|
|
30363
30480
|
outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
|
|
30364
30481
|
}
|
|
30365
|
-
.pf-c-tabs__item-action.pf-m-help {
|
|
30366
|
-
--pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
|
|
30367
|
-
}
|
|
30368
30482
|
.pf-c-tabs__item-action:last-child {
|
|
30369
30483
|
--pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
|
|
30370
30484
|
}
|
|
@@ -30675,7 +30789,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30675
30789
|
--pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
|
|
30676
30790
|
--pf-c-text-input-group__text-input--MinWidth: 12ch;
|
|
30677
30791
|
--pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
30678
|
-
--pf-c-text-input-
|
|
30792
|
+
--pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
|
|
30793
|
+
--pf-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
30679
30794
|
--pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
|
|
30680
30795
|
--pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
|
|
30681
30796
|
--pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
@@ -30732,9 +30847,9 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30732
30847
|
|
|
30733
30848
|
.pf-c-text-input-group__text {
|
|
30734
30849
|
display: inline-grid;
|
|
30735
|
-
grid-template-columns: 1fr;
|
|
30736
|
-
grid-template-areas: "text-input";
|
|
30737
30850
|
flex: 1;
|
|
30851
|
+
grid-template-areas: "text-input";
|
|
30852
|
+
grid-template-columns: 1fr;
|
|
30738
30853
|
}
|
|
30739
30854
|
.pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
|
|
30740
30855
|
position: absolute;
|
|
@@ -30775,6 +30890,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30775
30890
|
width: 100%;
|
|
30776
30891
|
min-width: var(--pf-c-text-input-group__text-input--MinWidth);
|
|
30777
30892
|
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);
|
|
30893
|
+
background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
|
|
30778
30894
|
border: 0;
|
|
30779
30895
|
}
|
|
30780
30896
|
.pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
|
|
@@ -30784,7 +30900,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30784
30900
|
color: var(--pf-c-text-input-group__text-input--m-hint--Color);
|
|
30785
30901
|
}
|
|
30786
30902
|
.pf-c-text-input-group__text-input::placeholder {
|
|
30787
|
-
color: var(--pf-c-text-input-
|
|
30903
|
+
color: var(--pf-c-text-input-group__text-input--placeholder--Color);
|
|
30788
30904
|
}
|
|
30789
30905
|
|
|
30790
30906
|
.pf-c-text-input-group__utilities {
|
|
@@ -30849,11 +30965,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30849
30965
|
--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
30850
30966
|
position: relative;
|
|
30851
30967
|
display: inline-grid;
|
|
30968
|
+
grid-template-rows: min-content;
|
|
30852
30969
|
padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
|
|
30853
30970
|
text-align: center;
|
|
30854
30971
|
cursor: pointer;
|
|
30855
30972
|
background-color: var(--pf-c-tile--BackgroundColor);
|
|
30856
|
-
grid-template-rows: min-content;
|
|
30857
30973
|
transition: var(--pf-c-tile--Transition);
|
|
30858
30974
|
transform: translateY(var(--pf-c-tile--TranslateY));
|
|
30859
30975
|
}
|
|
@@ -31005,12 +31121,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31005
31121
|
outline-offset: var(--pf-c-timestamp--OutlineOffset);
|
|
31006
31122
|
}
|
|
31007
31123
|
.pf-c-timestamp.pf-m-help-text {
|
|
31008
|
-
cursor: pointer;
|
|
31009
31124
|
text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
|
|
31010
|
-
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
31011
31125
|
text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
|
|
31012
|
-
text-
|
|
31126
|
+
text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
|
|
31013
31127
|
text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
|
|
31128
|
+
text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
31129
|
+
cursor: pointer;
|
|
31014
31130
|
}
|
|
31015
31131
|
.pf-c-timestamp.pf-m-help-text:hover {
|
|
31016
31132
|
--pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
|
|
@@ -31233,8 +31349,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31233
31349
|
--pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
|
|
31234
31350
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
31235
31351
|
--pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
|
|
31236
|
-
--pf-c-tooltip__arrow--Width: 0.
|
|
31237
|
-
--pf-c-tooltip__arrow--Height: 0.
|
|
31352
|
+
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31353
|
+
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31354
|
+
--pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
31355
|
+
--pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
31238
31356
|
--pf-c-tooltip__arrow--m-top--TranslateX: -50%;
|
|
31239
31357
|
--pf-c-tooltip__arrow--m-top--TranslateY: 50%;
|
|
31240
31358
|
--pf-c-tooltip__arrow--m-top--Rotate: 45deg;
|
|
@@ -31304,7 +31422,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31304
31422
|
width: var(--pf-c-tooltip__arrow--Width);
|
|
31305
31423
|
height: var(--pf-c-tooltip__arrow--Height);
|
|
31306
31424
|
pointer-events: none;
|
|
31307
|
-
background-color: var(--pf-c-
|
|
31425
|
+
background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
|
|
31426
|
+
box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
|
|
31308
31427
|
}
|
|
31309
31428
|
|
|
31310
31429
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -31344,16 +31463,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31344
31463
|
}
|
|
31345
31464
|
|
|
31346
31465
|
:where(.pf-theme-dark) .pf-c-tooltip {
|
|
31347
|
-
--pf-c-tooltip--BoxShadow: none;
|
|
31348
31466
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31349
|
-
|
|
31350
|
-
:where(.pf-theme-dark) .pf-c-tooltip,
|
|
31351
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31352
|
-
border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
|
|
31353
|
-
}
|
|
31354
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31355
|
-
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31356
|
-
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31467
|
+
--pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31357
31468
|
}
|
|
31358
31469
|
|
|
31359
31470
|
.pf-c-truncate {
|
|
@@ -31438,11 +31549,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31438
31549
|
--pf-c-tree-view__node--Color: var(--pf-global--Color--100);
|
|
31439
31550
|
--pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
|
|
31440
31551
|
--pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
|
|
31552
|
+
--pf-c-tree-view__node--BackgroundColor: transparent;
|
|
31441
31553
|
--pf-c-tree-view__node-container--Display: contents;
|
|
31442
31554
|
--pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
|
|
31443
31555
|
--pf-c-tree-view__node-content--Overflow: visible;
|
|
31444
31556
|
--pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31445
|
-
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--
|
|
31557
|
+
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31446
31558
|
--pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
|
|
31447
31559
|
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
31448
31560
|
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -31452,6 +31564,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31452
31564
|
--pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
|
|
31453
31565
|
--pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
|
|
31454
31566
|
--pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
|
|
31567
|
+
--pf-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
31455
31568
|
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
|
|
31456
31569
|
--pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
31457
31570
|
--pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
|
|
@@ -31476,10 +31589,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31476
31589
|
--pf-c-tree-view__node-text--max-lines: 1;
|
|
31477
31590
|
--pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
31478
31591
|
--pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
|
|
31479
|
-
--pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
31480
|
-
--pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
|
|
31481
|
-
--pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
|
|
31482
|
-
--pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
|
|
31483
31592
|
--pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
|
|
31484
31593
|
--pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
|
|
31485
31594
|
--pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
|
|
@@ -31677,13 +31786,14 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31677
31786
|
display: flex;
|
|
31678
31787
|
padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
|
|
31679
31788
|
color: var(--pf-c-tree-view__node--Color);
|
|
31789
|
+
background-color: var(--pf-c-tree-view__node--BackgroundColor);
|
|
31680
31790
|
}
|
|
31681
31791
|
.pf-c-tree-view__node.pf-m-current {
|
|
31682
31792
|
--pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
|
|
31683
31793
|
font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
|
|
31684
31794
|
}
|
|
31685
31795
|
.pf-c-tree-view__node:focus {
|
|
31686
|
-
|
|
31796
|
+
--pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
|
|
31687
31797
|
}
|
|
31688
31798
|
.pf-c-tree-view__node .pf-c-tree-view__node-count {
|
|
31689
31799
|
margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
|
|
@@ -31730,6 +31840,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31730
31840
|
margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
|
|
31731
31841
|
margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
|
|
31732
31842
|
color: var(--pf-c-tree-view__node-toggle--Color);
|
|
31843
|
+
background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
|
|
31733
31844
|
border: 0;
|
|
31734
31845
|
transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
31735
31846
|
}
|
|
@@ -31753,6 +31864,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31753
31864
|
font-weight: inherit;
|
|
31754
31865
|
color: inherit;
|
|
31755
31866
|
text-align: left;
|
|
31867
|
+
background-color: transparent;
|
|
31756
31868
|
border: 0;
|
|
31757
31869
|
}
|
|
31758
31870
|
label.pf-c-tree-view__node-text {
|
|
@@ -31784,15 +31896,6 @@ label.pf-c-tree-view__node-text {
|
|
|
31784
31896
|
|
|
31785
31897
|
.pf-c-tree-view__action {
|
|
31786
31898
|
margin-left: var(--pf-c-tree-view__action--MarginLeft);
|
|
31787
|
-
color: var(--pf-c-tree-view__action--Color);
|
|
31788
|
-
border: 0;
|
|
31789
|
-
}
|
|
31790
|
-
.pf-c-tree-view__action:hover {
|
|
31791
|
-
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
|
|
31792
|
-
}
|
|
31793
|
-
.pf-c-tree-view__action:focus {
|
|
31794
|
-
--pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
|
|
31795
|
-
background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
|
|
31796
31899
|
}
|
|
31797
31900
|
|
|
31798
31901
|
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
@@ -31941,9 +32044,14 @@ label.pf-c-tree-view__node-text {
|
|
|
31941
32044
|
--pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
|
|
31942
32045
|
--pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
|
|
31943
32046
|
--pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
|
|
32047
|
+
--pf-c-wizard__title-text--FontSize: var(--pf-global--FontSize--3xl);
|
|
32048
|
+
--pf-c-wizard__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
32049
|
+
--pf-c-wizard__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
32050
|
+
--pf-c-wizard__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
31944
32051
|
--pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
|
|
31945
32052
|
--pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
|
|
31946
32053
|
--pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
|
|
32054
|
+
--pf-c-wizard__nav-link--BackgroundColor: transparent;
|
|
31947
32055
|
--pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
|
|
31948
32056
|
--pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
|
|
31949
32057
|
--pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
|
|
@@ -32123,6 +32231,8 @@ label.pf-c-tree-view__node-text {
|
|
|
32123
32231
|
position: absolute;
|
|
32124
32232
|
top: var(--pf-c-wizard__close--Top);
|
|
32125
32233
|
right: var(--pf-c-wizard__close--Right);
|
|
32234
|
+
}
|
|
32235
|
+
.pf-c-wizard__header .pf-c-wizard__close button {
|
|
32126
32236
|
font-size: var(--pf-c-wizard__close--FontSize);
|
|
32127
32237
|
}
|
|
32128
32238
|
|
|
@@ -32131,6 +32241,13 @@ label.pf-c-tree-view__node-text {
|
|
|
32131
32241
|
word-wrap: break-word;
|
|
32132
32242
|
}
|
|
32133
32243
|
|
|
32244
|
+
.pf-c-wizard__title-text {
|
|
32245
|
+
font-family: var(--pf-c-wizard__title-text--FontFamily);
|
|
32246
|
+
font-size: var(--pf-c-wizard__title-text--FontSize);
|
|
32247
|
+
font-weight: var(--pf-c-wizard__title-text--FontWeight);
|
|
32248
|
+
line-height: var(--pf-c-wizard__title-text--LineHeight);
|
|
32249
|
+
}
|
|
32250
|
+
|
|
32134
32251
|
.pf-c-wizard__description {
|
|
32135
32252
|
display: none;
|
|
32136
32253
|
padding-top: var(--pf-c-wizard__description--PaddingTop);
|
|
@@ -32293,6 +32410,7 @@ label.pf-c-tree-view__node-text {
|
|
|
32293
32410
|
text-align: left;
|
|
32294
32411
|
text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
|
|
32295
32412
|
word-break: break-word;
|
|
32413
|
+
background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
|
|
32296
32414
|
border: 0;
|
|
32297
32415
|
}
|
|
32298
32416
|
.pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
|
|
@@ -32378,8 +32496,8 @@ label.pf-c-tree-view__node-text {
|
|
|
32378
32496
|
position: relative;
|
|
32379
32497
|
z-index: var(--pf-c-wizard__footer--ZIndex);
|
|
32380
32498
|
display: flex;
|
|
32381
|
-
flex-wrap: wrap;
|
|
32382
32499
|
flex-shrink: 0;
|
|
32500
|
+
flex-wrap: wrap;
|
|
32383
32501
|
padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
|
|
32384
32502
|
background-color: var(--pf-c-wizard__footer--BackgroundColor);
|
|
32385
32503
|
}
|
|
@@ -34060,8 +34178,8 @@ label.pf-c-tree-view__node-text {
|
|
|
34060
34178
|
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
34061
34179
|
--pf-l-gallery--GridTemplateRows: auto;
|
|
34062
34180
|
display: grid;
|
|
34063
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
34064
34181
|
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
34182
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
34065
34183
|
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
34066
34184
|
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
34067
34185
|
}
|
|
@@ -34129,39 +34247,39 @@ label.pf-c-tree-view__node-text {
|
|
|
34129
34247
|
}
|
|
34130
34248
|
.pf-l-grid > *,
|
|
34131
34249
|
.pf-l-grid .pf-l-grid__item {
|
|
34132
|
-
min-width: 0;
|
|
34133
|
-
min-height: 0;
|
|
34134
34250
|
grid-column-start: var(--pf-l-grid__item--GridColumnStart);
|
|
34135
34251
|
grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
|
|
34252
|
+
min-width: 0;
|
|
34253
|
+
min-height: 0;
|
|
34136
34254
|
order: var(--pf-l-grid--item--Order);
|
|
34137
34255
|
}
|
|
34138
34256
|
@media (min-width: 576px) {
|
|
34139
34257
|
.pf-l-grid > *,
|
|
34140
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34258
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34141
34259
|
order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
|
|
34142
34260
|
}
|
|
34143
34261
|
}
|
|
34144
34262
|
@media (min-width: 768px) {
|
|
34145
34263
|
.pf-l-grid > *,
|
|
34146
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34264
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34147
34265
|
order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
|
|
34148
34266
|
}
|
|
34149
34267
|
}
|
|
34150
34268
|
@media (min-width: 992px) {
|
|
34151
34269
|
.pf-l-grid > *,
|
|
34152
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34270
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34153
34271
|
order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
|
|
34154
34272
|
}
|
|
34155
34273
|
}
|
|
34156
34274
|
@media (min-width: 1200px) {
|
|
34157
34275
|
.pf-l-grid > *,
|
|
34158
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34276
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34159
34277
|
order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
|
|
34160
34278
|
}
|
|
34161
34279
|
}
|
|
34162
34280
|
@media (min-width: 1450px) {
|
|
34163
34281
|
.pf-l-grid > *,
|
|
34164
|
-
.pf-l-grid .pf-l-grid__item {
|
|
34282
|
+
.pf-l-grid .pf-l-grid__item {
|
|
34165
34283
|
order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
|
|
34166
34284
|
}
|
|
34167
34285
|
}
|