@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.11
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/assets/images/img_avatar-rhds.svg +22 -0
- package/assets/images/pf-logo-avatar.jpg +0 -0
- package/base/normalize.scss +2 -0
- package/base/patternfly-common.css +2 -2
- package/base/patternfly-common.scss +1 -1
- package/base/patternfly-fa-icons.css +3 -3
- package/base/patternfly-fa-icons.scss +3 -3
- package/base/patternfly-variables.css +58 -56
- package/base/reset.scss +2 -0
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +9 -9
- package/base/tokens/tokens-default.scss +8 -8
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +8 -8
- package/base/tokens/tokens-felt-glass.scss +10 -9
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +8 -8
- package/base/tokens/tokens-glass.scss +10 -9
- package/base/tokens/tokens-highcontrast-dark.scss +8 -8
- package/base/tokens/tokens-highcontrast.scss +7 -7
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +4 -3
- package/components/Alert/alert.scss +4 -3
- package/components/Avatar/avatar.css +144 -0
- package/components/Avatar/avatar.scss +161 -0
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +9 -6
- package/components/Button/button.scss +10 -6
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +3 -3
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Compass/compass.css +7 -3
- package/components/Compass/compass.scss +7 -3
- package/components/Content/content.css +2 -2
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DescriptionList/description-list.css +0 -1
- package/components/DescriptionList/description-list.scss +0 -1
- package/components/DragDrop/drag-drop.css +4 -0
- package/components/DragDrop/drag-drop.scss +4 -0
- package/components/Drawer/drawer.css +2 -2
- package/components/Drawer/drawer.scss +2 -2
- package/components/DualListSelector/dual-list-selector.css +6 -6
- package/components/DualListSelector/dual-list-selector.scss +6 -6
- package/components/ExpandableSection/expandable-section.css +3 -3
- package/components/ExpandableSection/expandable-section.scss +3 -3
- package/components/Form/form.css +12 -12
- package/components/Form/form.scss +6 -6
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +3 -1
- package/components/Hero/hero.css +1 -1
- package/components/Hero/hero.scss +1 -1
- package/components/Hint/hint.css +1 -1
- package/components/Hint/hint.scss +1 -1
- package/components/InputGroup/input-group.css +5 -5
- package/components/InputGroup/input-group.scss +5 -5
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label.css +1 -1
- package/components/Label/label.scss +1 -1
- package/components/Login/login.css +2 -2
- package/components/Login/login.scss +2 -2
- package/components/Masthead/masthead.css +2 -2
- package/components/Masthead/masthead.scss +2 -2
- package/components/Menu/menu.css +4 -4
- package/components/Menu/menu.scss +4 -4
- package/components/MenuToggle/menu-toggle.css +4 -1
- package/components/MenuToggle/menu-toggle.scss +5 -2
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/Nav/nav.css +5 -5
- package/components/Nav/nav.scss +5 -5
- package/components/NotificationDrawer/notification-drawer.css +5 -5
- package/components/NotificationDrawer/notification-drawer.scss +5 -5
- package/components/Page/page.css +26 -21
- package/components/Page/page.scss +30 -25
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +2 -2
- package/components/Progress/progress.css +3 -3
- package/components/Progress/progress.scss +3 -6
- package/components/ProgressStepper/progress-stepper.css +1 -1
- package/components/Radio/radio.css +1 -1
- package/components/Radio/radio.scss +1 -1
- package/components/Sidebar/sidebar.css +4 -7
- package/components/Sidebar/sidebar.scss +9 -9
- package/components/Spinner/spinner.css +2 -2
- package/components/Spinner/spinner.scss +2 -2
- package/components/Switch/switch.css +1 -1
- package/components/Switch/switch.scss +1 -1
- package/components/Table/table-tree-view.css +10 -10
- package/components/Table/table-tree-view.scss +2 -2
- package/components/Table/table.css +37 -10
- package/components/Table/table.scss +53 -14
- package/components/Tabs/tabs.css +3 -3
- package/components/Tabs/tabs.scss +3 -3
- package/components/TextInputGroup/text-input-group.css +1 -1
- package/components/TextInputGroup/text-input-group.scss +1 -1
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Toolbar/toolbar.css +1 -1
- package/components/Toolbar/toolbar.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +2 -2
- package/components/TreeView/tree-view.css +5 -5
- package/components/TreeView/tree-view.scss +5 -5
- package/components/Wizard/wizard.css +5 -5
- package/components/Wizard/wizard.scss +5 -5
- package/components/_index.css +341 -154
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
- package/docs/components/Accordion/examples/Accordion.md +30 -30
- package/docs/components/ActionList/examples/ActionList.md +11 -11
- package/docs/components/Alert/examples/Alert.md +54 -54
- package/docs/components/Avatar/examples/Avatar.css +6 -0
- package/docs/components/Avatar/examples/Avatar.md +414 -40
- package/docs/components/BackToTop/examples/BackToTop.md +1 -1
- package/docs/components/Banner/examples/Banner.md +10 -10
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
- package/docs/components/Button/examples/Button.md +184 -184
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
- package/docs/components/Card/examples/Card.md +14 -14
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
- package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
- package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
- package/docs/components/DataList/examples/DataList.md +34 -34
- package/docs/components/DatePicker/examples/DatePicker.md +6 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
- package/docs/components/Drawer/examples/Drawer.md +23 -23
- package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
- package/docs/components/EmptyState/examples/EmptyState.md +6 -6
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
- package/docs/components/Form/examples/Form.md +6 -6
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/Icon/examples/Icon.md +9 -9
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
- package/docs/components/InputGroup/examples/InputGroup.md +4 -4
- package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
- package/docs/components/Label/examples/Label.md +218 -218
- package/docs/components/Login/examples/Login.md +4 -4
- package/docs/components/Masthead/examples/masthead.md +1 -1
- package/docs/components/Menu/examples/Menu.md +129 -129
- package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
- package/docs/components/ModalBox/examples/ModalBox.md +24 -24
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
- package/docs/components/Nav/examples/Navigation.md +66 -66
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
- package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
- package/docs/components/Page/examples/Page.md +1 -1
- package/docs/components/Pagination/examples/Pagination.md +92 -92
- package/docs/components/Popover/examples/Popover.md +22 -22
- package/docs/components/Progress/examples/Progress.md +7 -7
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
- package/docs/components/Sidebar/examples/Sidebar.md +3 -1
- package/docs/components/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +807 -527
- package/docs/components/Tabs/examples/Tabs.md +378 -378
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
- package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
- package/docs/components/Toolbar/examples/Toolbar.md +117 -117
- package/docs/components/TreeView/examples/TreeView.md +104 -104
- package/docs/components/Wizard/examples/Wizard.md +40 -40
- package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
- package/docs/demos/Alert/examples/Alert.md +32 -32
- package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
- package/docs/demos/Banner/examples/Banner.md +16 -16
- package/docs/demos/Button/examples/Button.md +1 -1
- package/docs/demos/Card/examples/Card.md +78 -78
- package/docs/demos/CardView/examples/CardView.md +38 -38
- package/docs/demos/Compass/examples/Compass.md +294 -238
- package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
- package/docs/demos/DataList/examples/DataList.md +101 -101
- package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
- package/docs/demos/Drawer/examples/Drawer.md +40 -40
- package/docs/demos/Form/examples/BasicForms.md +21 -21
- package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
- package/docs/demos/Masthead/examples/Masthead.md +57 -57
- package/docs/demos/Modal/examples/Modal.md +54 -54
- package/docs/demos/Nav/examples/Nav.md +93 -93
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
- package/docs/demos/Page/examples/Page.md +119 -119
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
- package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
- package/docs/demos/Table/examples/Table.md +630 -630
- package/docs/demos/Tabs/examples/Tabs.md +62 -62
- package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
- package/docs/demos/Wizard/examples/Wizard.md +100 -100
- package/layouts/Gallery/gallery.css +1 -1
- package/layouts/Gallery/gallery.scss +1 -1
- package/layouts/Grid/grid.css +1 -1
- package/layouts/Grid/grid.scss +1 -1
- package/layouts/_index.css +2 -2
- package/package.json +11 -12
- package/patternfly-addons.css +12 -12
- package/patternfly-base-no-globals.css +63 -61
- package/patternfly-base.css +63 -61
- package/patternfly-no-globals.css +406 -217
- package/patternfly.css +406 -217
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Accessibility/accessibility.css +12 -12
- package/utilities/_index.css +12 -12
package/components/_index.css
CHANGED
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
overflow-x: hidden;
|
|
165
165
|
overflow-y: auto;
|
|
166
166
|
overscroll-behavior: contain;
|
|
167
|
-
|
|
167
|
+
overflow-wrap: break-word;
|
|
168
168
|
-webkit-overflow-scrolling: touch;
|
|
169
169
|
}
|
|
170
170
|
@media screen and (min-width: 36rem) {
|
|
@@ -424,8 +424,8 @@
|
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
.pf-v6-c-accordion__toggle-icon {
|
|
427
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
428
427
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
428
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
429
429
|
}
|
|
430
430
|
|
|
431
431
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -433,6 +433,7 @@
|
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
.pf-v6-c-accordion__expandable-content {
|
|
436
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
436
437
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
437
438
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
438
439
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -440,16 +441,15 @@
|
|
|
440
441
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
441
442
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
442
443
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
443
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
444
444
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
445
445
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
446
446
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
447
447
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
448
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
448
449
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
449
450
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
450
451
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
451
452
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
452
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
453
453
|
}
|
|
454
454
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
455
455
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -653,12 +653,13 @@
|
|
|
653
653
|
|
|
654
654
|
.pf-v6-c-alert__toggle-icon {
|
|
655
655
|
display: inline-block;
|
|
656
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
657
656
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
657
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
658
658
|
}
|
|
659
659
|
|
|
660
660
|
.pf-v6-c-alert__icon {
|
|
661
661
|
grid-area: icon;
|
|
662
|
+
align-self: baseline;
|
|
662
663
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
663
664
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
664
665
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -669,7 +670,7 @@
|
|
|
669
670
|
grid-area: title;
|
|
670
671
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
671
672
|
color: var(--pf-v6-c-alert__title--Color);
|
|
672
|
-
|
|
673
|
+
overflow-wrap: break-word;
|
|
673
674
|
}
|
|
674
675
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
675
676
|
display: -webkit-box;
|
|
@@ -681,7 +682,7 @@
|
|
|
681
682
|
.pf-v6-c-alert__description {
|
|
682
683
|
grid-area: description;
|
|
683
684
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
684
|
-
|
|
685
|
+
overflow-wrap: break-word;
|
|
685
686
|
}
|
|
686
687
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
687
688
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -831,8 +832,8 @@
|
|
|
831
832
|
display: grid;
|
|
832
833
|
grid-template-rows: 1fr;
|
|
833
834
|
opacity: 1;
|
|
834
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
835
835
|
transform: translateX(0) translateY(0);
|
|
836
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
836
837
|
}
|
|
837
838
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
838
839
|
.pf-v6-c-alert-group__item {
|
|
@@ -888,24 +889,87 @@
|
|
|
888
889
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
889
890
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
890
891
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
892
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
891
893
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
892
894
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
895
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
893
896
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
894
897
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
898
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
895
899
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
896
900
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
901
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
897
902
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
898
903
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
904
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
899
905
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
900
906
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
907
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
908
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
909
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
910
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
911
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
912
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
913
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
914
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
915
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
916
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
917
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
918
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
919
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
920
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
921
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
922
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
923
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
924
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
925
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
926
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
927
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
928
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
929
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
930
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
931
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
932
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
933
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
934
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
935
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
936
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
937
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
938
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
939
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
940
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
941
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
942
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
943
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
944
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
945
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
946
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
947
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
948
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
949
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
950
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
951
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
952
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
953
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
901
954
|
}
|
|
902
955
|
|
|
903
956
|
.pf-v6-c-avatar {
|
|
904
957
|
width: var(--pf-v6-c-avatar--Width);
|
|
905
958
|
height: var(--pf-v6-c-avatar--Height);
|
|
959
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
960
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
961
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
906
962
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
907
963
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
908
964
|
}
|
|
965
|
+
div.pf-v6-c-avatar {
|
|
966
|
+
display: inline-flex;
|
|
967
|
+
align-items: center;
|
|
968
|
+
justify-content: center;
|
|
969
|
+
overflow: clip;
|
|
970
|
+
vertical-align: middle;
|
|
971
|
+
}
|
|
972
|
+
|
|
909
973
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
910
974
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
911
975
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -1134,6 +1198,87 @@
|
|
|
1134
1198
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
1135
1199
|
}
|
|
1136
1200
|
}
|
|
1201
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
1202
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
1203
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
1204
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
1205
|
+
}
|
|
1206
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
1207
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
1208
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
1209
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
1210
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
1211
|
+
}
|
|
1212
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
1213
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
1214
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
1215
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
1216
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
1217
|
+
}
|
|
1218
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
1219
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
1220
|
+
}
|
|
1221
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
1222
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
1223
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
1224
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
1225
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
1226
|
+
}
|
|
1227
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
1228
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
1229
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
1230
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
1231
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
1232
|
+
}
|
|
1233
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
1234
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
1235
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
1236
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
1237
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
1238
|
+
}
|
|
1239
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
1240
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
1241
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
1242
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
1243
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
1244
|
+
}
|
|
1245
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
1246
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
1247
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
1248
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
1249
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
1250
|
+
}
|
|
1251
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
1252
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
1253
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
1254
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
1255
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
1256
|
+
}
|
|
1257
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
1258
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
1259
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
1260
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
1261
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
1262
|
+
}
|
|
1263
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
1264
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
1265
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
1266
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
1267
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
1268
|
+
}
|
|
1269
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
1270
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
1271
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
1272
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
1273
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
.pf-v6-c-avatar__initials {
|
|
1277
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
1278
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
1279
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
1280
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
1281
|
+
}
|
|
1137
1282
|
|
|
1138
1283
|
.pf-v6-c-backdrop {
|
|
1139
1284
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -1577,10 +1722,10 @@
|
|
|
1577
1722
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1578
1723
|
line-height: inherit;
|
|
1579
1724
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1725
|
+
overflow-wrap: break-word;
|
|
1580
1726
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1581
1727
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1582
1728
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
1583
|
-
word-break: break-word;
|
|
1584
1729
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1585
1730
|
}
|
|
1586
1731
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -1998,10 +2143,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1998
2143
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1999
2144
|
color: var(--pf-v6-c-button--Color);
|
|
2000
2145
|
text-align: center;
|
|
2146
|
+
white-space: nowrap;
|
|
2001
2147
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
2002
2148
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
2003
2149
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
2004
|
-
white-space: nowrap;
|
|
2005
2150
|
cursor: pointer;
|
|
2006
2151
|
-webkit-user-select: none;
|
|
2007
2152
|
user-select: none;
|
|
@@ -2011,11 +2156,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2011
2156
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2012
2157
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2013
2158
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2159
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2014
2160
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
2015
2161
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
2016
2162
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
2017
2163
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
2018
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2019
2164
|
}
|
|
2020
2165
|
.pf-v6-c-button::after {
|
|
2021
2166
|
position: absolute;
|
|
@@ -2142,10 +2287,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2142
2287
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2143
2288
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
2144
2289
|
text-align: start;
|
|
2145
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2146
2290
|
white-space: normal;
|
|
2147
|
-
|
|
2291
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2148
2292
|
outline-offset: 0.125rem;
|
|
2293
|
+
background: transparent;
|
|
2149
2294
|
}
|
|
2150
2295
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2151
2296
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -2483,6 +2628,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2483
2628
|
justify-content: flex-start;
|
|
2484
2629
|
width: 100%;
|
|
2485
2630
|
}
|
|
2631
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
2632
|
+
min-width: 1lh;
|
|
2633
|
+
}
|
|
2486
2634
|
@media (min-width: 62rem) {
|
|
2487
2635
|
.pf-v6-c-button.pf-m-docked {
|
|
2488
2636
|
justify-content: center;
|
|
@@ -2503,12 +2651,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2503
2651
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2504
2652
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2505
2653
|
color: var(--pf-v6-c-button__icon--Color);
|
|
2654
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2655
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2506
2656
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
2507
2657
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
2508
2658
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2509
2659
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
2510
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2511
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2512
2660
|
}
|
|
2513
2661
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2514
2662
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2935,8 +3083,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2935
3083
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
2936
3084
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
2937
3085
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
2938
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2939
3086
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
3087
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2940
3088
|
}
|
|
2941
3089
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2942
3090
|
gap: 0;
|
|
@@ -3178,9 +3326,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3178
3326
|
}
|
|
3179
3327
|
|
|
3180
3328
|
.pf-v6-c-card__clickable-action {
|
|
3329
|
+
outline: 0;
|
|
3181
3330
|
background: none;
|
|
3182
3331
|
border: 0;
|
|
3183
|
-
outline: 0;
|
|
3184
3332
|
}
|
|
3185
3333
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
3186
3334
|
pointer-events: none;
|
|
@@ -3248,7 +3396,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3248
3396
|
.pf-v6-c-check {
|
|
3249
3397
|
display: grid;
|
|
3250
3398
|
grid-template-columns: auto 1fr;
|
|
3251
|
-
|
|
3399
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
3252
3400
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
3253
3401
|
}
|
|
3254
3402
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -3379,7 +3527,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3379
3527
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
3380
3528
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
3381
3529
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
3382
|
-
|
|
3530
|
+
overflow-wrap: break-word;
|
|
3383
3531
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
3384
3532
|
background-clip: padding-box;
|
|
3385
3533
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -3395,7 +3543,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3395
3543
|
}
|
|
3396
3544
|
|
|
3397
3545
|
.pf-v6-c-clipboard-copy__text {
|
|
3398
|
-
|
|
3546
|
+
overflow-wrap: break-word;
|
|
3399
3547
|
white-space: normal;
|
|
3400
3548
|
}
|
|
3401
3549
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -3884,8 +4032,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3884
4032
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
3885
4033
|
.pf-v6-c-compass__main-footer,
|
|
3886
4034
|
.pf-v6-c-compass__footer {
|
|
3887
|
-
margin: 0;
|
|
3888
4035
|
visibility: hidden;
|
|
4036
|
+
margin: 0;
|
|
3889
4037
|
opacity: 0;
|
|
3890
4038
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
3891
4039
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -4003,15 +4151,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4003
4151
|
inset-inline-start: 0;
|
|
4004
4152
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
4005
4153
|
display: flex;
|
|
4154
|
+
visibility: hidden;
|
|
4006
4155
|
flex-direction: column;
|
|
4007
4156
|
grid-area: dock;
|
|
4008
4157
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
4009
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4010
4158
|
translate: -100% 0;
|
|
4159
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
|
|
4011
4160
|
}
|
|
4012
4161
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4013
4162
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
4163
|
+
visibility: visible;
|
|
4014
4164
|
translate: 0;
|
|
4165
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
4015
4166
|
}
|
|
4016
4167
|
@media (min-width: 62rem) {
|
|
4017
4168
|
.pf-v6-c-compass__dock {
|
|
@@ -4019,6 +4170,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4019
4170
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
4020
4171
|
position: revert;
|
|
4021
4172
|
inset: revert;
|
|
4173
|
+
visibility: revert;
|
|
4022
4174
|
width: auto;
|
|
4023
4175
|
translate: 0;
|
|
4024
4176
|
}
|
|
@@ -4033,9 +4185,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4033
4185
|
.pf-v6-c-compass__dock-main {
|
|
4034
4186
|
flex-grow: 1;
|
|
4035
4187
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
4036
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4037
4188
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
4038
4189
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
4190
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4039
4191
|
}
|
|
4040
4192
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
4041
4193
|
border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -4366,8 +4518,8 @@ ul) {
|
|
|
4366
4518
|
@media screen and (min-width: 36rem) {
|
|
4367
4519
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
4368
4520
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
4369
|
-
|
|
4370
|
-
|
|
4521
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
4522
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
4371
4523
|
}
|
|
4372
4524
|
}
|
|
4373
4525
|
|
|
@@ -5156,8 +5308,8 @@ ul) {
|
|
|
5156
5308
|
.pf-v6-c-data-list__toggle-icon {
|
|
5157
5309
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
5158
5310
|
pointer-events: none;
|
|
5159
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5160
5311
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
5312
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5161
5313
|
}
|
|
5162
5314
|
|
|
5163
5315
|
.pf-v6-c-data-list__item-content {
|
|
@@ -5374,7 +5526,6 @@ ul) {
|
|
|
5374
5526
|
width: 100%;
|
|
5375
5527
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5376
5528
|
break-inside: avoid;
|
|
5377
|
-
page-break-inside: avoid;
|
|
5378
5529
|
-webkit-column-break-inside: avoid;
|
|
5379
5530
|
-moz-column-break-inside: avoid;
|
|
5380
5531
|
}
|
|
@@ -5563,6 +5714,7 @@ ul) {
|
|
|
5563
5714
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
5564
5715
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
5565
5716
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
5717
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5566
5718
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
5567
5719
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
5568
5720
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -5577,6 +5729,7 @@ ul) {
|
|
|
5577
5729
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
5578
5730
|
position: relative;
|
|
5579
5731
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
5732
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
5580
5733
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
5581
5734
|
}
|
|
5582
5735
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -5596,6 +5749,7 @@ ul) {
|
|
|
5596
5749
|
|
|
5597
5750
|
.pf-v6-c-droppable {
|
|
5598
5751
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
5752
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5599
5753
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
5600
5754
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
5601
5755
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -5618,6 +5772,7 @@ ul) {
|
|
|
5618
5772
|
}
|
|
5619
5773
|
.pf-v6-c-droppable::before {
|
|
5620
5774
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
5775
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
5621
5776
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
5622
5777
|
}
|
|
5623
5778
|
.pf-v6-c-droppable::after {
|
|
@@ -5782,9 +5937,9 @@ ul) {
|
|
|
5782
5937
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
5783
5938
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
5784
5939
|
overflow: auto;
|
|
5940
|
+
outline-offset: 2px;
|
|
5785
5941
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
5786
5942
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5787
|
-
outline-offset: 2px;
|
|
5788
5943
|
}
|
|
5789
5944
|
|
|
5790
5945
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5820,25 +5975,25 @@ ul) {
|
|
|
5820
5975
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
5821
5976
|
}
|
|
5822
5977
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
5823
|
-
max-height: 0;
|
|
5824
5978
|
visibility: hidden;
|
|
5979
|
+
max-height: 0;
|
|
5825
5980
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
5981
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5826
5982
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
5827
5983
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
5828
5984
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
5829
5985
|
transition-property: opacity, translate, visibility, max-height;
|
|
5830
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5831
5986
|
}
|
|
5832
5987
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
5833
5988
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
5834
5989
|
}
|
|
5835
5990
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
5836
|
-
max-height: 99999px;
|
|
5837
5991
|
visibility: revert;
|
|
5992
|
+
max-height: 99999px;
|
|
5838
5993
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5994
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5839
5995
|
transition-delay: 0s;
|
|
5840
5996
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
5841
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5842
5997
|
}
|
|
5843
5998
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
5844
5999
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -5973,10 +6128,10 @@ ul) {
|
|
|
5973
6128
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5974
6129
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5975
6130
|
text-align: center;
|
|
6131
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5976
6132
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5977
6133
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
5978
6134
|
transition-property: transform;
|
|
5979
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5980
6135
|
}
|
|
5981
6136
|
|
|
5982
6137
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -6761,6 +6916,7 @@ ul) {
|
|
|
6761
6916
|
.pf-v6-c-drawer__panel {
|
|
6762
6917
|
position: relative;
|
|
6763
6918
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
6919
|
+
visibility: hidden;
|
|
6764
6920
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
6765
6921
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
6766
6922
|
order: 1;
|
|
@@ -6768,7 +6924,6 @@ ul) {
|
|
|
6768
6924
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
6769
6925
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
6770
6926
|
overflow: auto;
|
|
6771
|
-
visibility: hidden;
|
|
6772
6927
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
6773
6928
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
6774
6929
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -6878,8 +7033,8 @@ ul) {
|
|
|
6878
7033
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6879
7034
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6880
7035
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6881
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6882
7036
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
7037
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6883
7038
|
}
|
|
6884
7039
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6885
7040
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -7669,8 +7824,8 @@ ul) {
|
|
|
7669
7824
|
display: inline-block;
|
|
7670
7825
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
7671
7826
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
7672
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7673
7827
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
7828
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7674
7829
|
}
|
|
7675
7830
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
7676
7831
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -7685,15 +7840,15 @@ ul) {
|
|
|
7685
7840
|
display: revert;
|
|
7686
7841
|
}
|
|
7687
7842
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
7843
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7688
7844
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
7689
7845
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
7690
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7691
7846
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
7847
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7692
7848
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
7693
7849
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
7694
7850
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
7695
7851
|
transition-property: opacity, translate, visibility, max-height;
|
|
7696
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7697
7852
|
}
|
|
7698
7853
|
|
|
7699
7854
|
.pf-v6-c-file-upload {
|
|
@@ -7864,7 +8019,7 @@ ul) {
|
|
|
7864
8019
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
7865
8020
|
display: grid;
|
|
7866
8021
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7867
|
-
|
|
8022
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7868
8023
|
}
|
|
7869
8024
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
7870
8025
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7892,7 +8047,7 @@ ul) {
|
|
|
7892
8047
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
7893
8048
|
display: grid;
|
|
7894
8049
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7895
|
-
|
|
8050
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7896
8051
|
}
|
|
7897
8052
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
7898
8053
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7920,7 +8075,7 @@ ul) {
|
|
|
7920
8075
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
7921
8076
|
display: grid;
|
|
7922
8077
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7923
|
-
|
|
8078
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7924
8079
|
}
|
|
7925
8080
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
7926
8081
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7948,7 +8103,7 @@ ul) {
|
|
|
7948
8103
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
7949
8104
|
display: grid;
|
|
7950
8105
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7951
|
-
|
|
8106
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7952
8107
|
}
|
|
7953
8108
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
7954
8109
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7976,7 +8131,7 @@ ul) {
|
|
|
7976
8131
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
7977
8132
|
display: grid;
|
|
7978
8133
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7979
|
-
|
|
8134
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7980
8135
|
}
|
|
7981
8136
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
7982
8137
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8004,7 +8159,7 @@ ul) {
|
|
|
8004
8159
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
8005
8160
|
display: grid;
|
|
8006
8161
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
8007
|
-
|
|
8162
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8008
8163
|
}
|
|
8009
8164
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
8010
8165
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8032,7 +8187,7 @@ ul) {
|
|
|
8032
8187
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
8033
8188
|
display: grid;
|
|
8034
8189
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
8035
|
-
|
|
8190
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8036
8191
|
}
|
|
8037
8192
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
8038
8193
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8205,14 +8360,14 @@ ul) {
|
|
|
8205
8360
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
8206
8361
|
}
|
|
8207
8362
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8363
|
+
visibility: visible;
|
|
8208
8364
|
max-height: 99999px;
|
|
8209
8365
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
8210
8366
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8211
|
-
visibility: visible;
|
|
8212
8367
|
opacity: 1;
|
|
8368
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8213
8369
|
transition-delay: 0s;
|
|
8214
8370
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
8215
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8216
8371
|
}
|
|
8217
8372
|
|
|
8218
8373
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -8234,10 +8389,10 @@ ul) {
|
|
|
8234
8389
|
display: inline-block;
|
|
8235
8390
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
8236
8391
|
text-align: center;
|
|
8392
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8237
8393
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
8238
8394
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
8239
8395
|
transition-property: transform;
|
|
8240
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8241
8396
|
}
|
|
8242
8397
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
8243
8398
|
scale: -1 1;
|
|
@@ -8286,15 +8441,15 @@ ul) {
|
|
|
8286
8441
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8287
8442
|
}
|
|
8288
8443
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8444
|
+
visibility: hidden;
|
|
8289
8445
|
max-height: 0;
|
|
8290
8446
|
padding-block-start: 0;
|
|
8291
8447
|
padding-block-end: 0;
|
|
8292
|
-
visibility: hidden;
|
|
8293
8448
|
opacity: 0;
|
|
8449
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8294
8450
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
8295
8451
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
8296
8452
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
8297
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8298
8453
|
}
|
|
8299
8454
|
|
|
8300
8455
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -8454,10 +8609,10 @@ ul) {
|
|
|
8454
8609
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
8455
8610
|
color: var(--pf-v6-c-form-control--Color);
|
|
8456
8611
|
appearance: none;
|
|
8612
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8457
8613
|
background-color: transparent;
|
|
8458
8614
|
border: none;
|
|
8459
8615
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8460
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8461
8616
|
}
|
|
8462
8617
|
.pf-v6-c-form-control > ::placeholder {
|
|
8463
8618
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -8823,8 +8978,8 @@ ul) {
|
|
|
8823
8978
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
8824
8979
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
8825
8980
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
8826
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8827
8981
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
8982
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8828
8983
|
}
|
|
8829
8984
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
8830
8985
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -8860,7 +9015,7 @@ ul) {
|
|
|
8860
9015
|
.pf-v6-c-hint {
|
|
8861
9016
|
display: grid;
|
|
8862
9017
|
grid-template-columns: 1fr auto;
|
|
8863
|
-
|
|
9018
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
8864
9019
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
8865
9020
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
8866
9021
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -9308,20 +9463,20 @@ ul) {
|
|
|
9308
9463
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9309
9464
|
}
|
|
9310
9465
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
9466
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9311
9467
|
flex-grow: 1;
|
|
9312
9468
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
9313
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9314
9469
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
9470
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9471
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9315
9472
|
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9316
9473
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
9317
9474
|
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
|
9318
9475
|
transition-property: opacity, scale, visibility, max-width;
|
|
9319
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9320
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9321
9476
|
}
|
|
9322
9477
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
9323
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9324
9478
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
9479
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9325
9480
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
9326
9481
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9327
9482
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -9329,8 +9484,8 @@ ul) {
|
|
|
9329
9484
|
transition-property: opacity, visibility, max-width;
|
|
9330
9485
|
}
|
|
9331
9486
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
9332
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9333
9487
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
9488
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9334
9489
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
9335
9490
|
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9336
9491
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -9657,10 +9812,10 @@ label.pf-v6-c-input-group__text {
|
|
|
9657
9812
|
.pf-v6-c-jump-links__toggle-icon {
|
|
9658
9813
|
display: inline-block;
|
|
9659
9814
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
9815
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9660
9816
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
9661
9817
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
9662
9818
|
transition-property: transform;
|
|
9663
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9664
9819
|
}
|
|
9665
9820
|
|
|
9666
9821
|
.pf-v6-c-label {
|
|
@@ -9873,9 +10028,9 @@ label.pf-v6-c-input-group__text {
|
|
|
9873
10028
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
9874
10029
|
white-space: nowrap;
|
|
9875
10030
|
background: transparent;
|
|
9876
|
-
isolation: isolate;
|
|
9877
10031
|
border: 0;
|
|
9878
10032
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
10033
|
+
isolation: isolate;
|
|
9879
10034
|
}
|
|
9880
10035
|
.pf-v6-c-label.pf-m-blue {
|
|
9881
10036
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -10533,7 +10688,7 @@ ul.pf-v6-c-list {
|
|
|
10533
10688
|
display: grid;
|
|
10534
10689
|
grid-template-areas: "main header" "main footer" "main .";
|
|
10535
10690
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
10536
|
-
|
|
10691
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
10537
10692
|
justify-content: center;
|
|
10538
10693
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
10539
10694
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -10559,10 +10714,10 @@ ul.pf-v6-c-list {
|
|
|
10559
10714
|
align-self: start;
|
|
10560
10715
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10561
10716
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10562
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10563
10717
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10564
10718
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10565
10719
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10720
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10566
10721
|
}
|
|
10567
10722
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10568
10723
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10669,7 +10824,7 @@ ul.pf-v6-c-list {
|
|
|
10669
10824
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
10670
10825
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
10671
10826
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
10672
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
10827
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10673
10828
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
10674
10829
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10675
10830
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -10906,9 +11061,9 @@ ul.pf-v6-c-list {
|
|
|
10906
11061
|
}
|
|
10907
11062
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10908
11063
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10909
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10910
11064
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10911
11065
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
11066
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10912
11067
|
}
|
|
10913
11068
|
|
|
10914
11069
|
.pf-v6-c-masthead__main {
|
|
@@ -11617,8 +11772,8 @@ ul.pf-v6-c-list {
|
|
|
11617
11772
|
}
|
|
11618
11773
|
|
|
11619
11774
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
11620
|
-
overflow: hidden;
|
|
11621
11775
|
visibility: visible;
|
|
11776
|
+
overflow: hidden;
|
|
11622
11777
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
11623
11778
|
}
|
|
11624
11779
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -11644,8 +11799,8 @@ ul.pf-v6-c-list {
|
|
|
11644
11799
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11645
11800
|
}
|
|
11646
11801
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
11647
|
-
overflow: visible;
|
|
11648
11802
|
visibility: hidden;
|
|
11803
|
+
overflow: visible;
|
|
11649
11804
|
}
|
|
11650
11805
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
11651
11806
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
|
|
@@ -11786,10 +11941,10 @@ ul.pf-v6-c-list {
|
|
|
11786
11941
|
color: var(--pf-v6-c-menu__item--Color);
|
|
11787
11942
|
text-align: start;
|
|
11788
11943
|
text-decoration-line: none;
|
|
11944
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11789
11945
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11790
11946
|
border: 0;
|
|
11791
11947
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11792
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11793
11948
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11794
11949
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
11795
11950
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -11883,7 +12038,7 @@ ul.pf-v6-c-list {
|
|
|
11883
12038
|
.pf-v6-c-menu__item-description {
|
|
11884
12039
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11885
12040
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11886
|
-
|
|
12041
|
+
overflow-wrap: break-word;
|
|
11887
12042
|
}
|
|
11888
12043
|
|
|
11889
12044
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12300,6 +12455,9 @@ ul.pf-v6-c-list {
|
|
|
12300
12455
|
justify-content: flex-start;
|
|
12301
12456
|
width: 100%;
|
|
12302
12457
|
}
|
|
12458
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
12459
|
+
min-width: 1lh;
|
|
12460
|
+
}
|
|
12303
12461
|
@media (min-width: 62rem) {
|
|
12304
12462
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
12305
12463
|
justify-content: center;
|
|
@@ -12466,10 +12624,10 @@ ul.pf-v6-c-list {
|
|
|
12466
12624
|
|
|
12467
12625
|
.pf-v6-c-menu-toggle__icon {
|
|
12468
12626
|
flex-shrink: 0;
|
|
12627
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12469
12628
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12470
12629
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12471
12630
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
12472
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12473
12631
|
}
|
|
12474
12632
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
12475
12633
|
vertical-align: middle;
|
|
@@ -12677,7 +12835,7 @@ ul.pf-v6-c-list {
|
|
|
12677
12835
|
overflow-x: hidden;
|
|
12678
12836
|
overflow-y: auto;
|
|
12679
12837
|
overscroll-behavior: contain;
|
|
12680
|
-
|
|
12838
|
+
overflow-wrap: break-word;
|
|
12681
12839
|
-webkit-overflow-scrolling: touch;
|
|
12682
12840
|
}
|
|
12683
12841
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13126,17 +13284,17 @@ ul.pf-v6-c-list {
|
|
|
13126
13284
|
|
|
13127
13285
|
.pf-v6-c-nav__subnav {
|
|
13128
13286
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
13287
|
+
visibility: visible;
|
|
13129
13288
|
max-height: 99999px;
|
|
13130
13289
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
13131
13290
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
13132
13291
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
13133
13292
|
overflow-y: clip;
|
|
13134
|
-
|
|
13293
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13135
13294
|
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
13136
13295
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
13137
13296
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
13138
13297
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
13139
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13140
13298
|
}
|
|
13141
13299
|
.pf-v6-c-nav__subnav[hidden] {
|
|
13142
13300
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -13146,8 +13304,8 @@ ul.pf-v6-c-list {
|
|
|
13146
13304
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
13147
13305
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
13148
13306
|
display: grid;
|
|
13149
|
-
max-height: 0;
|
|
13150
13307
|
visibility: hidden;
|
|
13308
|
+
max-height: 0;
|
|
13151
13309
|
opacity: 0;
|
|
13152
13310
|
}
|
|
13153
13311
|
|
|
@@ -13165,10 +13323,10 @@ ul.pf-v6-c-list {
|
|
|
13165
13323
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
13166
13324
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
13167
13325
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
13326
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13168
13327
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
13169
13328
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
13170
13329
|
transition-property: scale;
|
|
13171
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13172
13330
|
}
|
|
13173
13331
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
13174
13332
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -13256,10 +13414,10 @@ ul.pf-v6-c-list {
|
|
|
13256
13414
|
|
|
13257
13415
|
.pf-v6-c-nav__toggle-icon {
|
|
13258
13416
|
display: inline-block;
|
|
13417
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13259
13418
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
13260
13419
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
13261
13420
|
transition-property: transform;
|
|
13262
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13263
13421
|
}
|
|
13264
13422
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
13265
13423
|
scale: -1 1;
|
|
@@ -13492,9 +13650,9 @@ ul.pf-v6-c-list {
|
|
|
13492
13650
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
13493
13651
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13494
13652
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13653
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13495
13654
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
13496
13655
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13497
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13498
13656
|
}
|
|
13499
13657
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
13500
13658
|
position: absolute;
|
|
@@ -13551,7 +13709,7 @@ ul.pf-v6-c-list {
|
|
|
13551
13709
|
|
|
13552
13710
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13553
13711
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13554
|
-
|
|
13712
|
+
overflow-wrap: break-word;
|
|
13555
13713
|
}
|
|
13556
13714
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13557
13715
|
display: -webkit-box;
|
|
@@ -13573,7 +13731,7 @@ ul.pf-v6-c-list {
|
|
|
13573
13731
|
grid-row: 2/3;
|
|
13574
13732
|
grid-column: 1/2;
|
|
13575
13733
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13576
|
-
|
|
13734
|
+
overflow-wrap: break-word;
|
|
13577
13735
|
}
|
|
13578
13736
|
|
|
13579
13737
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13604,9 +13762,9 @@ ul.pf-v6-c-list {
|
|
|
13604
13762
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
13605
13763
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
13606
13764
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
13765
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13607
13766
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
13608
13767
|
border: none;
|
|
13609
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13610
13768
|
}
|
|
13611
13769
|
|
|
13612
13770
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -13618,7 +13776,7 @@ ul.pf-v6-c-list {
|
|
|
13618
13776
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13619
13777
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13620
13778
|
text-align: start;
|
|
13621
|
-
|
|
13779
|
+
overflow-wrap: break-word;
|
|
13622
13780
|
}
|
|
13623
13781
|
|
|
13624
13782
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -13695,11 +13853,6 @@ ul.pf-v6-c-list {
|
|
|
13695
13853
|
.pf-v6-c-page {
|
|
13696
13854
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13697
13855
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13698
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13699
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
13700
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13701
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13702
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13703
13856
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13704
13857
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13705
13858
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -13718,6 +13871,11 @@ ul.pf-v6-c-list {
|
|
|
13718
13871
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
13719
13872
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
13720
13873
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
13874
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13875
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13876
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13877
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13878
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13721
13879
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13722
13880
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
13723
13881
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -13888,20 +14046,17 @@ ul.pf-v6-c-list {
|
|
|
13888
14046
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
13889
14047
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13890
14048
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
13891
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13892
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13893
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13894
14049
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
13895
14050
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13896
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13897
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
13898
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
14051
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14052
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
14053
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13899
14054
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13900
14055
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13901
14056
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13902
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
13903
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
13904
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
14057
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14058
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
14059
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
13905
14060
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13906
14061
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13907
14062
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -13912,9 +14067,11 @@ ul.pf-v6-c-list {
|
|
|
13912
14067
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
13913
14068
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13914
14069
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13915
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
13916
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13917
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
14070
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14071
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14072
|
+
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14073
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14074
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
13918
14075
|
}
|
|
13919
14076
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13920
14077
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -13937,6 +14094,8 @@ ul.pf-v6-c-list {
|
|
|
13937
14094
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
13938
14095
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
13939
14096
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
14097
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
14098
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
13940
14099
|
}
|
|
13941
14100
|
@media (min-width: 75rem) {
|
|
13942
14101
|
.pf-v6-c-page {
|
|
@@ -14088,10 +14247,11 @@ ul.pf-v6-c-list {
|
|
|
14088
14247
|
inset-inline-start: 0;
|
|
14089
14248
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
14090
14249
|
display: flex;
|
|
14250
|
+
visibility: hidden;
|
|
14091
14251
|
flex-direction: column;
|
|
14092
14252
|
grid-area: dock;
|
|
14093
14253
|
width: var(--pf-v6-c-page__dock--Width);
|
|
14094
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
14254
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
14095
14255
|
translate: -100% 0;
|
|
14096
14256
|
}
|
|
14097
14257
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -14100,7 +14260,9 @@ ul.pf-v6-c-list {
|
|
|
14100
14260
|
|
|
14101
14261
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
14102
14262
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
14263
|
+
visibility: visible;
|
|
14103
14264
|
translate: 0;
|
|
14265
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
14104
14266
|
}
|
|
14105
14267
|
@media (min-width: 62rem) {
|
|
14106
14268
|
.pf-v6-c-page__dock {
|
|
@@ -14108,6 +14270,7 @@ ul.pf-v6-c-list {
|
|
|
14108
14270
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14109
14271
|
position: revert;
|
|
14110
14272
|
inset: revert;
|
|
14273
|
+
visibility: revert;
|
|
14111
14274
|
width: auto;
|
|
14112
14275
|
translate: 0;
|
|
14113
14276
|
}
|
|
@@ -14122,9 +14285,9 @@ ul.pf-v6-c-list {
|
|
|
14122
14285
|
.pf-v6-c-page__dock-main {
|
|
14123
14286
|
flex-grow: 1;
|
|
14124
14287
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
14125
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14126
14288
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
14127
14289
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
14290
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14128
14291
|
}
|
|
14129
14292
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
14130
14293
|
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -14206,10 +14369,10 @@ ul.pf-v6-c-list {
|
|
|
14206
14369
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
14207
14370
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
14208
14371
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
14209
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14210
14372
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14211
14373
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14212
14374
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
14375
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14213
14376
|
}
|
|
14214
14377
|
|
|
14215
14378
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14575,7 +14738,6 @@ ul.pf-v6-c-list {
|
|
|
14575
14738
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
14576
14739
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
14577
14740
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14578
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14579
14741
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
14580
14742
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
14581
14743
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -14583,6 +14745,7 @@ ul.pf-v6-c-list {
|
|
|
14583
14745
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
14584
14746
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14585
14747
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
14748
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14586
14749
|
}
|
|
14587
14750
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14588
14751
|
.pf-v6-c-page__main-container {
|
|
@@ -15607,7 +15770,7 @@ ul.pf-v6-c-list {
|
|
|
15607
15770
|
}
|
|
15608
15771
|
|
|
15609
15772
|
.pf-v6-c-popover__body {
|
|
15610
|
-
|
|
15773
|
+
overflow-wrap: break-word;
|
|
15611
15774
|
}
|
|
15612
15775
|
|
|
15613
15776
|
.pf-v6-c-popover__footer {
|
|
@@ -15652,7 +15815,7 @@ ul.pf-v6-c-list {
|
|
|
15652
15815
|
display: grid;
|
|
15653
15816
|
grid-template-rows: 1fr auto;
|
|
15654
15817
|
grid-template-columns: auto auto;
|
|
15655
|
-
|
|
15818
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
15656
15819
|
align-items: end;
|
|
15657
15820
|
}
|
|
15658
15821
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -15746,7 +15909,7 @@ ul.pf-v6-c-list {
|
|
|
15746
15909
|
|
|
15747
15910
|
.pf-v6-c-progress__description {
|
|
15748
15911
|
grid-column: 1/2;
|
|
15749
|
-
|
|
15912
|
+
overflow-wrap: break-word;
|
|
15750
15913
|
}
|
|
15751
15914
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15752
15915
|
overflow: hidden;
|
|
@@ -15762,7 +15925,7 @@ ul.pf-v6-c-list {
|
|
|
15762
15925
|
align-items: flex-start;
|
|
15763
15926
|
justify-content: flex-end;
|
|
15764
15927
|
text-align: end;
|
|
15765
|
-
|
|
15928
|
+
overflow-wrap: break-word;
|
|
15766
15929
|
}
|
|
15767
15930
|
|
|
15768
15931
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16025,9 +16188,9 @@ ul.pf-v6-c-list {
|
|
|
16025
16188
|
inset-block-start: 0;
|
|
16026
16189
|
inset-inline-start: 0;
|
|
16027
16190
|
overflow: hidden;
|
|
16028
|
-
clip: rect(0, 0, 0, 0);
|
|
16029
16191
|
white-space: nowrap;
|
|
16030
16192
|
border: 0;
|
|
16193
|
+
clip-path: inset(50%);
|
|
16031
16194
|
}
|
|
16032
16195
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
16033
16196
|
grid-row: 1/2;
|
|
@@ -16449,7 +16612,7 @@ ul.pf-v6-c-list {
|
|
|
16449
16612
|
.pf-v6-c-radio {
|
|
16450
16613
|
display: grid;
|
|
16451
16614
|
grid-template-columns: auto 1fr;
|
|
16452
|
-
|
|
16615
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
16453
16616
|
align-items: baseline;
|
|
16454
16617
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
16455
16618
|
}
|
|
@@ -16680,6 +16843,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16680
16843
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
16681
16844
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
16682
16845
|
}
|
|
16846
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
|
|
16847
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
16848
|
+
}
|
|
16683
16849
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
16684
16850
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
16685
16851
|
}
|
|
@@ -16699,7 +16865,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16699
16865
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
16700
16866
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
16701
16867
|
}
|
|
16702
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16868
|
+
.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
|
|
16703
16869
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
16704
16870
|
}
|
|
16705
16871
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -16712,12 +16878,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16712
16878
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
16713
16879
|
}
|
|
16714
16880
|
|
|
16715
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
16716
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
16717
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16718
|
-
background-color: transparent;
|
|
16719
|
-
}
|
|
16720
|
-
|
|
16721
16881
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
16722
16882
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
16723
16883
|
}
|
|
@@ -17444,10 +17604,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17444
17604
|
width: 100%;
|
|
17445
17605
|
height: 100%;
|
|
17446
17606
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
17607
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17608
|
+
stroke-linecap: round;
|
|
17447
17609
|
stroke-dasharray: 283;
|
|
17448
17610
|
stroke-dashoffset: 280;
|
|
17449
|
-
stroke-linecap: round;
|
|
17450
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17451
17611
|
transform-origin: 50% 50%;
|
|
17452
17612
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
17453
17613
|
}
|
|
@@ -17607,8 +17767,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17607
17767
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
17608
17768
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
17609
17769
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
17610
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17611
17770
|
transform: translateY(-50%);
|
|
17771
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17612
17772
|
}
|
|
17613
17773
|
.pf-v6-c-switch__toggle::after {
|
|
17614
17774
|
position: absolute;
|
|
@@ -19466,6 +19626,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19466
19626
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19467
19627
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19468
19628
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
19629
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
19630
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
19469
19631
|
}
|
|
19470
19632
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
19471
19633
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -19535,6 +19697,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19535
19697
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
19536
19698
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
19537
19699
|
}
|
|
19700
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
19701
|
+
position: sticky;
|
|
19702
|
+
inset-block-end: 0;
|
|
19703
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
19704
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
19705
|
+
}
|
|
19706
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
19707
|
+
position: absolute;
|
|
19708
|
+
inset: 0;
|
|
19709
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
19710
|
+
pointer-events: none;
|
|
19711
|
+
content: "";
|
|
19712
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
19713
|
+
}
|
|
19714
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
19715
|
+
border-block-end: 0;
|
|
19716
|
+
}
|
|
19717
|
+
.pf-v6-c-table.pf-m-plain {
|
|
19718
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
19719
|
+
}
|
|
19538
19720
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
19539
19721
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
19540
19722
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -19605,11 +19787,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19605
19787
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
19606
19788
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
19607
19789
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19790
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19608
19791
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
19609
19792
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
19610
19793
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19611
19794
|
color: var(--pf-v6-c-table--cell--Color);
|
|
19612
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19613
19795
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19614
19796
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19615
19797
|
}
|
|
@@ -19715,24 +19897,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19715
19897
|
}
|
|
19716
19898
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
19717
19899
|
cursor: pointer;
|
|
19718
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19719
19900
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
19901
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19720
19902
|
}
|
|
19721
19903
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
19722
19904
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
19723
19905
|
}
|
|
19724
19906
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
19725
19907
|
position: relative;
|
|
19726
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19727
19908
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
19909
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19728
19910
|
}
|
|
19729
19911
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
19730
19912
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
19731
19913
|
}
|
|
19732
19914
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
19733
19915
|
cursor: pointer;
|
|
19734
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19735
19916
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
19917
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19736
19918
|
}
|
|
19737
19919
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
19738
19920
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -19741,8 +19923,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19741
19923
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
19742
19924
|
}
|
|
19743
19925
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
19744
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19745
19926
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
19927
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19746
19928
|
}
|
|
19747
19929
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
|
19748
19930
|
border: none;
|
|
@@ -19767,11 +19949,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19767
19949
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
19768
19950
|
visibility: hidden;
|
|
19769
19951
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
19952
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19770
19953
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
19771
19954
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
19772
19955
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
19773
19956
|
transition-property: opacity, translate, visibility, background-color;
|
|
19774
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19775
19957
|
}
|
|
19776
19958
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
19777
19959
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -19779,9 +19961,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19779
19961
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
19780
19962
|
visibility: visible;
|
|
19781
19963
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
19964
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19782
19965
|
transition-delay: 0s;
|
|
19783
19966
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
19784
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19785
19967
|
}
|
|
19786
19968
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
19787
19969
|
max-height: 99999px;
|
|
@@ -19847,8 +20029,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19847
20029
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
19848
20030
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
19849
20031
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19850
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19851
20032
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
20033
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19852
20034
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19853
20035
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19854
20036
|
}
|
|
@@ -19877,10 +20059,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19877
20059
|
text-align: start;
|
|
19878
20060
|
white-space: inherit;
|
|
19879
20061
|
user-select: text;
|
|
20062
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19880
20063
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
19881
20064
|
border: 0;
|
|
19882
20065
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
19883
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19884
20066
|
}
|
|
19885
20067
|
.pf-v6-c-table__button::after {
|
|
19886
20068
|
position: absolute;
|
|
@@ -19974,10 +20156,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19974
20156
|
}
|
|
19975
20157
|
|
|
19976
20158
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
20159
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19977
20160
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
19978
20161
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
19979
20162
|
transition-property: transform;
|
|
19980
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19981
20163
|
}
|
|
19982
20164
|
.pf-v6-c-table__toggle svg {
|
|
19983
20165
|
pointer-events: none;
|
|
@@ -20269,6 +20451,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20269
20451
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
20270
20452
|
}
|
|
20271
20453
|
|
|
20454
|
+
.pf-v6-c-table__tfoot {
|
|
20455
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
20456
|
+
vertical-align: top;
|
|
20457
|
+
}
|
|
20458
|
+
|
|
20272
20459
|
.pf-v6-c-table__icon-inline {
|
|
20273
20460
|
display: flex;
|
|
20274
20461
|
align-items: center;
|
|
@@ -20533,8 +20720,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20533
20720
|
}
|
|
20534
20721
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20535
20722
|
position: relative;
|
|
20536
|
-
border: none;
|
|
20537
20723
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20724
|
+
border: none;
|
|
20538
20725
|
}
|
|
20539
20726
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20540
20727
|
position: absolute;
|
|
@@ -20572,7 +20759,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20572
20759
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20573
20760
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20574
20761
|
grid-column: 1;
|
|
20575
|
-
|
|
20762
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20576
20763
|
align-items: start;
|
|
20577
20764
|
}
|
|
20578
20765
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20675,8 +20862,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20675
20862
|
}
|
|
20676
20863
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20677
20864
|
position: relative;
|
|
20678
|
-
border: none;
|
|
20679
20865
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20866
|
+
border: none;
|
|
20680
20867
|
}
|
|
20681
20868
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20682
20869
|
position: absolute;
|
|
@@ -20714,7 +20901,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20714
20901
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20715
20902
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20716
20903
|
grid-column: 1;
|
|
20717
|
-
|
|
20904
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20718
20905
|
align-items: start;
|
|
20719
20906
|
}
|
|
20720
20907
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20818,8 +21005,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20818
21005
|
}
|
|
20819
21006
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20820
21007
|
position: relative;
|
|
20821
|
-
border: none;
|
|
20822
21008
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21009
|
+
border: none;
|
|
20823
21010
|
}
|
|
20824
21011
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20825
21012
|
position: absolute;
|
|
@@ -20857,7 +21044,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20857
21044
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20858
21045
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20859
21046
|
grid-column: 1;
|
|
20860
|
-
|
|
21047
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20861
21048
|
align-items: start;
|
|
20862
21049
|
}
|
|
20863
21050
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20961,8 +21148,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20961
21148
|
}
|
|
20962
21149
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20963
21150
|
position: relative;
|
|
20964
|
-
border: none;
|
|
20965
21151
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21152
|
+
border: none;
|
|
20966
21153
|
}
|
|
20967
21154
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20968
21155
|
position: absolute;
|
|
@@ -21000,7 +21187,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21000
21187
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21001
21188
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21002
21189
|
grid-column: 1;
|
|
21003
|
-
|
|
21190
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21004
21191
|
align-items: start;
|
|
21005
21192
|
}
|
|
21006
21193
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21104,8 +21291,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21104
21291
|
}
|
|
21105
21292
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
21106
21293
|
position: relative;
|
|
21107
|
-
border: none;
|
|
21108
21294
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21295
|
+
border: none;
|
|
21109
21296
|
}
|
|
21110
21297
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
21111
21298
|
position: absolute;
|
|
@@ -21143,7 +21330,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21143
21330
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21144
21331
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21145
21332
|
grid-column: 1;
|
|
21146
|
-
|
|
21333
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21147
21334
|
align-items: start;
|
|
21148
21335
|
}
|
|
21149
21336
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21696,8 +21883,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21696
21883
|
|
|
21697
21884
|
.pf-v6-c-tabs__toggle-icon {
|
|
21698
21885
|
display: inline-block;
|
|
21699
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21700
21886
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
21887
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21701
21888
|
}
|
|
21702
21889
|
|
|
21703
21890
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -21861,8 +22048,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21861
22048
|
align-self: end;
|
|
21862
22049
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
21863
22050
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
21864
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21865
22051
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
22052
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21866
22053
|
}
|
|
21867
22054
|
|
|
21868
22055
|
.pf-v6-c-tabs__item-action {
|
|
@@ -22125,10 +22312,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22125
22312
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
22126
22313
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
22127
22314
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
22315
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22128
22316
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
22129
22317
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
22130
22318
|
transition-property: width, height, translate;
|
|
22131
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22132
22319
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
22133
22320
|
}
|
|
22134
22321
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
@@ -22334,9 +22521,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22334
22521
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
22335
22522
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
22336
22523
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
22524
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22337
22525
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
22338
22526
|
border: 0;
|
|
22339
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22340
22527
|
}
|
|
22341
22528
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
22342
22529
|
grid-area: text-input;
|
|
@@ -22544,7 +22731,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22544
22731
|
|
|
22545
22732
|
.pf-v6-c-title {
|
|
22546
22733
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22547
|
-
|
|
22734
|
+
overflow-wrap: break-word;
|
|
22548
22735
|
}
|
|
22549
22736
|
.pf-v6-c-title.pf-m-4xl {
|
|
22550
22737
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -23327,10 +23514,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23327
23514
|
|
|
23328
23515
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
23329
23516
|
display: inline-flex;
|
|
23517
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23330
23518
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
23331
23519
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
23332
23520
|
transition-property: transform;
|
|
23333
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23334
23521
|
}
|
|
23335
23522
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
23336
23523
|
scale: -1 1;
|
|
@@ -24966,7 +25153,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24966
25153
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24967
25154
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24968
25155
|
text-align: center;
|
|
24969
|
-
|
|
25156
|
+
overflow-wrap: break-word;
|
|
24970
25157
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24971
25158
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24972
25159
|
}
|
|
@@ -25348,19 +25535,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25348
25535
|
display: inline-block;
|
|
25349
25536
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
25350
25537
|
text-align: center;
|
|
25351
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25352
25538
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
25539
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25353
25540
|
}
|
|
25354
25541
|
|
|
25355
25542
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
25356
|
-
max-height: 0;
|
|
25357
25543
|
visibility: hidden;
|
|
25544
|
+
max-height: 0;
|
|
25358
25545
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
25546
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25359
25547
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
25360
25548
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
25361
25549
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
25362
25550
|
transition-property: opacity, translate, visibility, max-height;
|
|
25363
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25364
25551
|
}
|
|
25365
25552
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
25366
25553
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -25371,12 +25558,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25371
25558
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
25372
25559
|
}
|
|
25373
25560
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
25374
|
-
max-height: 99999px;
|
|
25375
25561
|
visibility: revert;
|
|
25562
|
+
max-height: 99999px;
|
|
25376
25563
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
25564
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25377
25565
|
transition-delay: 0s;
|
|
25378
25566
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
25379
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25380
25567
|
}
|
|
25381
25568
|
|
|
25382
25569
|
.pf-v6-c-tree-view__node,
|
|
@@ -25815,7 +26002,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25815
26002
|
|
|
25816
26003
|
.pf-v6-c-wizard__title {
|
|
25817
26004
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
25818
|
-
|
|
26005
|
+
overflow-wrap: break-word;
|
|
25819
26006
|
}
|
|
25820
26007
|
|
|
25821
26008
|
.pf-v6-c-wizard__title-text {
|
|
@@ -25878,7 +26065,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25878
26065
|
align-items: baseline;
|
|
25879
26066
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25880
26067
|
text-align: start;
|
|
25881
|
-
|
|
26068
|
+
overflow-wrap: break-word;
|
|
25882
26069
|
}
|
|
25883
26070
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25884
26071
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26014,8 +26201,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26014
26201
|
padding-inline: 0;
|
|
26015
26202
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26016
26203
|
text-align: start;
|
|
26204
|
+
overflow-wrap: break-word;
|
|
26017
26205
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26018
|
-
word-break: break-word;
|
|
26019
26206
|
counter-increment: wizard-nav-count;
|
|
26020
26207
|
background-color: transparent;
|
|
26021
26208
|
border: none;
|
|
@@ -26120,10 +26307,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26120
26307
|
|
|
26121
26308
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
26122
26309
|
display: inline-block;
|
|
26310
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26123
26311
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
26124
26312
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
26125
26313
|
transition-property: transform;
|
|
26126
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26127
26314
|
}
|
|
26128
26315
|
|
|
26129
26316
|
.pf-v6-c-wizard__main {
|
|
@@ -26133,7 +26320,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26133
26320
|
flex-direction: column;
|
|
26134
26321
|
overflow-x: hidden;
|
|
26135
26322
|
overflow-y: auto;
|
|
26136
|
-
|
|
26323
|
+
overflow-wrap: break-word;
|
|
26137
26324
|
}
|
|
26138
26325
|
|
|
26139
26326
|
.pf-v6-c-wizard__main-body {
|