@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.10
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/README.md +1 -1
- 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 +8 -4
- package/components/Accordion/accordion.scss +9 -4
- 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/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 +342 -155
- 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 +407 -218
- package/patternfly.css +407 -218
- 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) {
|
|
@@ -241,7 +241,9 @@
|
|
|
241
241
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
242
242
|
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
243
243
|
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
244
|
+
--pf-v6-c-accordion__expandable-content--Overflow: hidden;
|
|
244
245
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
246
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
|
|
245
247
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
246
248
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
247
249
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
@@ -374,6 +376,7 @@
|
|
|
374
376
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
375
377
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
376
378
|
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
379
|
+
--pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
|
|
377
380
|
}
|
|
378
381
|
|
|
379
382
|
.pf-v6-c-accordion__toggle {
|
|
@@ -421,8 +424,8 @@
|
|
|
421
424
|
}
|
|
422
425
|
|
|
423
426
|
.pf-v6-c-accordion__toggle-icon {
|
|
424
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
425
427
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
428
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
426
429
|
}
|
|
427
430
|
|
|
428
431
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -430,26 +433,27 @@
|
|
|
430
433
|
}
|
|
431
434
|
|
|
432
435
|
.pf-v6-c-accordion__expandable-content {
|
|
436
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
433
437
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
434
438
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
435
439
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
436
440
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
441
|
+
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
437
442
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
438
443
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
439
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
440
444
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
441
445
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
442
446
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
443
447
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
448
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
444
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);
|
|
445
450
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
446
451
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
447
452
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
448
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
449
453
|
}
|
|
450
454
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
455
|
+
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
451
456
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
452
|
-
overflow-y: auto;
|
|
453
457
|
}
|
|
454
458
|
|
|
455
459
|
.pf-v6-c-accordion__expandable-content-body {
|
|
@@ -649,12 +653,13 @@
|
|
|
649
653
|
|
|
650
654
|
.pf-v6-c-alert__toggle-icon {
|
|
651
655
|
display: inline-block;
|
|
652
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
653
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);
|
|
654
658
|
}
|
|
655
659
|
|
|
656
660
|
.pf-v6-c-alert__icon {
|
|
657
661
|
grid-area: icon;
|
|
662
|
+
align-self: baseline;
|
|
658
663
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
659
664
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
660
665
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -665,7 +670,7 @@
|
|
|
665
670
|
grid-area: title;
|
|
666
671
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
667
672
|
color: var(--pf-v6-c-alert__title--Color);
|
|
668
|
-
|
|
673
|
+
overflow-wrap: break-word;
|
|
669
674
|
}
|
|
670
675
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
671
676
|
display: -webkit-box;
|
|
@@ -677,7 +682,7 @@
|
|
|
677
682
|
.pf-v6-c-alert__description {
|
|
678
683
|
grid-area: description;
|
|
679
684
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
680
|
-
|
|
685
|
+
overflow-wrap: break-word;
|
|
681
686
|
}
|
|
682
687
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
683
688
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -827,8 +832,8 @@
|
|
|
827
832
|
display: grid;
|
|
828
833
|
grid-template-rows: 1fr;
|
|
829
834
|
opacity: 1;
|
|
830
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
831
835
|
transform: translateX(0) translateY(0);
|
|
836
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
832
837
|
}
|
|
833
838
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
834
839
|
.pf-v6-c-alert-group__item {
|
|
@@ -884,24 +889,87 @@
|
|
|
884
889
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
885
890
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
886
891
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
892
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
887
893
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
888
894
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
895
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
889
896
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
890
897
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
898
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
891
899
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
892
900
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
901
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
893
902
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
894
903
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
904
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
895
905
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
896
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);
|
|
897
954
|
}
|
|
898
955
|
|
|
899
956
|
.pf-v6-c-avatar {
|
|
900
957
|
width: var(--pf-v6-c-avatar--Width);
|
|
901
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);
|
|
902
962
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
903
963
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
904
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
|
+
|
|
905
973
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
906
974
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
907
975
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -1130,6 +1198,87 @@
|
|
|
1130
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))))));
|
|
1131
1199
|
}
|
|
1132
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
|
+
}
|
|
1133
1282
|
|
|
1134
1283
|
.pf-v6-c-backdrop {
|
|
1135
1284
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -1573,10 +1722,10 @@
|
|
|
1573
1722
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1574
1723
|
line-height: inherit;
|
|
1575
1724
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1725
|
+
overflow-wrap: break-word;
|
|
1576
1726
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1577
1727
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1578
1728
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
1579
|
-
word-break: break-word;
|
|
1580
1729
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1581
1730
|
}
|
|
1582
1731
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -1994,10 +2143,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1994
2143
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1995
2144
|
color: var(--pf-v6-c-button--Color);
|
|
1996
2145
|
text-align: center;
|
|
2146
|
+
white-space: nowrap;
|
|
1997
2147
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
1998
2148
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
1999
2149
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
2000
|
-
white-space: nowrap;
|
|
2001
2150
|
cursor: pointer;
|
|
2002
2151
|
-webkit-user-select: none;
|
|
2003
2152
|
user-select: none;
|
|
@@ -2007,11 +2156,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2007
2156
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2008
2157
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2009
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);
|
|
2010
2160
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
2011
2161
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
2012
2162
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
2013
2163
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
2014
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2015
2164
|
}
|
|
2016
2165
|
.pf-v6-c-button::after {
|
|
2017
2166
|
position: absolute;
|
|
@@ -2138,10 +2287,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2138
2287
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2139
2288
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
2140
2289
|
text-align: start;
|
|
2141
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2142
2290
|
white-space: normal;
|
|
2143
|
-
|
|
2291
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2144
2292
|
outline-offset: 0.125rem;
|
|
2293
|
+
background: transparent;
|
|
2145
2294
|
}
|
|
2146
2295
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2147
2296
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -2479,6 +2628,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2479
2628
|
justify-content: flex-start;
|
|
2480
2629
|
width: 100%;
|
|
2481
2630
|
}
|
|
2631
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
2632
|
+
min-width: 1lh;
|
|
2633
|
+
}
|
|
2482
2634
|
@media (min-width: 62rem) {
|
|
2483
2635
|
.pf-v6-c-button.pf-m-docked {
|
|
2484
2636
|
justify-content: center;
|
|
@@ -2499,12 +2651,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2499
2651
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2500
2652
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2501
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);
|
|
2502
2656
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
2503
2657
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
2504
2658
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2505
2659
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
2506
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2507
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2508
2660
|
}
|
|
2509
2661
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2510
2662
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2931,8 +3083,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2931
3083
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
2932
3084
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
2933
3085
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
2934
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2935
3086
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
3087
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2936
3088
|
}
|
|
2937
3089
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2938
3090
|
gap: 0;
|
|
@@ -3174,9 +3326,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3174
3326
|
}
|
|
3175
3327
|
|
|
3176
3328
|
.pf-v6-c-card__clickable-action {
|
|
3329
|
+
outline: 0;
|
|
3177
3330
|
background: none;
|
|
3178
3331
|
border: 0;
|
|
3179
|
-
outline: 0;
|
|
3180
3332
|
}
|
|
3181
3333
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
3182
3334
|
pointer-events: none;
|
|
@@ -3244,7 +3396,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3244
3396
|
.pf-v6-c-check {
|
|
3245
3397
|
display: grid;
|
|
3246
3398
|
grid-template-columns: auto 1fr;
|
|
3247
|
-
|
|
3399
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
3248
3400
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
3249
3401
|
}
|
|
3250
3402
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -3375,7 +3527,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3375
3527
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
3376
3528
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
3377
3529
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
3378
|
-
|
|
3530
|
+
overflow-wrap: break-word;
|
|
3379
3531
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
3380
3532
|
background-clip: padding-box;
|
|
3381
3533
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -3391,7 +3543,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3391
3543
|
}
|
|
3392
3544
|
|
|
3393
3545
|
.pf-v6-c-clipboard-copy__text {
|
|
3394
|
-
|
|
3546
|
+
overflow-wrap: break-word;
|
|
3395
3547
|
white-space: normal;
|
|
3396
3548
|
}
|
|
3397
3549
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -3880,8 +4032,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3880
4032
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
3881
4033
|
.pf-v6-c-compass__main-footer,
|
|
3882
4034
|
.pf-v6-c-compass__footer {
|
|
3883
|
-
margin: 0;
|
|
3884
4035
|
visibility: hidden;
|
|
4036
|
+
margin: 0;
|
|
3885
4037
|
opacity: 0;
|
|
3886
4038
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
3887
4039
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -3999,15 +4151,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3999
4151
|
inset-inline-start: 0;
|
|
4000
4152
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
4001
4153
|
display: flex;
|
|
4154
|
+
visibility: hidden;
|
|
4002
4155
|
flex-direction: column;
|
|
4003
4156
|
grid-area: dock;
|
|
4004
4157
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
4005
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4006
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);
|
|
4007
4160
|
}
|
|
4008
4161
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4009
4162
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
4163
|
+
visibility: visible;
|
|
4010
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;
|
|
4011
4166
|
}
|
|
4012
4167
|
@media (min-width: 62rem) {
|
|
4013
4168
|
.pf-v6-c-compass__dock {
|
|
@@ -4015,6 +4170,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4015
4170
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
4016
4171
|
position: revert;
|
|
4017
4172
|
inset: revert;
|
|
4173
|
+
visibility: revert;
|
|
4018
4174
|
width: auto;
|
|
4019
4175
|
translate: 0;
|
|
4020
4176
|
}
|
|
@@ -4029,9 +4185,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4029
4185
|
.pf-v6-c-compass__dock-main {
|
|
4030
4186
|
flex-grow: 1;
|
|
4031
4187
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
4032
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4033
4188
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
4034
4189
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
4190
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4035
4191
|
}
|
|
4036
4192
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
4037
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);
|
|
@@ -4362,8 +4518,8 @@ ul) {
|
|
|
4362
4518
|
@media screen and (min-width: 36rem) {
|
|
4363
4519
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
4364
4520
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
4365
|
-
|
|
4366
|
-
|
|
4521
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
4522
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
4367
4523
|
}
|
|
4368
4524
|
}
|
|
4369
4525
|
|
|
@@ -5152,8 +5308,8 @@ ul) {
|
|
|
5152
5308
|
.pf-v6-c-data-list__toggle-icon {
|
|
5153
5309
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
5154
5310
|
pointer-events: none;
|
|
5155
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5156
5311
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
5312
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5157
5313
|
}
|
|
5158
5314
|
|
|
5159
5315
|
.pf-v6-c-data-list__item-content {
|
|
@@ -5370,7 +5526,6 @@ ul) {
|
|
|
5370
5526
|
width: 100%;
|
|
5371
5527
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5372
5528
|
break-inside: avoid;
|
|
5373
|
-
page-break-inside: avoid;
|
|
5374
5529
|
-webkit-column-break-inside: avoid;
|
|
5375
5530
|
-moz-column-break-inside: avoid;
|
|
5376
5531
|
}
|
|
@@ -5778,9 +5933,9 @@ ul) {
|
|
|
5778
5933
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
5779
5934
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
5780
5935
|
overflow: auto;
|
|
5936
|
+
outline-offset: 2px;
|
|
5781
5937
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
5782
5938
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5783
|
-
outline-offset: 2px;
|
|
5784
5939
|
}
|
|
5785
5940
|
|
|
5786
5941
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5816,25 +5971,25 @@ ul) {
|
|
|
5816
5971
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
5817
5972
|
}
|
|
5818
5973
|
.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 {
|
|
5819
|
-
max-height: 0;
|
|
5820
5974
|
visibility: hidden;
|
|
5975
|
+
max-height: 0;
|
|
5821
5976
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
5977
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5822
5978
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
5823
5979
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
5824
5980
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
5825
5981
|
transition-property: opacity, translate, visibility, max-height;
|
|
5826
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5827
5982
|
}
|
|
5828
5983
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
5829
5984
|
--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);
|
|
5830
5985
|
}
|
|
5831
5986
|
.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 {
|
|
5832
|
-
max-height: 99999px;
|
|
5833
5987
|
visibility: revert;
|
|
5988
|
+
max-height: 99999px;
|
|
5834
5989
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5990
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5835
5991
|
transition-delay: 0s;
|
|
5836
5992
|
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;
|
|
5837
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5838
5993
|
}
|
|
5839
5994
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
5840
5995
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -5969,10 +6124,10 @@ ul) {
|
|
|
5969
6124
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5970
6125
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5971
6126
|
text-align: center;
|
|
6127
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5972
6128
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5973
6129
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
5974
6130
|
transition-property: transform;
|
|
5975
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5976
6131
|
}
|
|
5977
6132
|
|
|
5978
6133
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -6757,6 +6912,7 @@ ul) {
|
|
|
6757
6912
|
.pf-v6-c-drawer__panel {
|
|
6758
6913
|
position: relative;
|
|
6759
6914
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
6915
|
+
visibility: hidden;
|
|
6760
6916
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
6761
6917
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
6762
6918
|
order: 1;
|
|
@@ -6764,7 +6920,6 @@ ul) {
|
|
|
6764
6920
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
6765
6921
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
6766
6922
|
overflow: auto;
|
|
6767
|
-
visibility: hidden;
|
|
6768
6923
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
6769
6924
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
6770
6925
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -6874,8 +7029,8 @@ ul) {
|
|
|
6874
7029
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6875
7030
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6876
7031
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6877
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6878
7032
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
7033
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6879
7034
|
}
|
|
6880
7035
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6881
7036
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -7665,8 +7820,8 @@ ul) {
|
|
|
7665
7820
|
display: inline-block;
|
|
7666
7821
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
7667
7822
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
7668
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7669
7823
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
7824
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7670
7825
|
}
|
|
7671
7826
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
7672
7827
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -7681,15 +7836,15 @@ ul) {
|
|
|
7681
7836
|
display: revert;
|
|
7682
7837
|
}
|
|
7683
7838
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
7839
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7684
7840
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
7685
7841
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
7686
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7687
7842
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
7843
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7688
7844
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
7689
7845
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
7690
7846
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
7691
7847
|
transition-property: opacity, translate, visibility, max-height;
|
|
7692
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7693
7848
|
}
|
|
7694
7849
|
|
|
7695
7850
|
.pf-v6-c-file-upload {
|
|
@@ -7860,7 +8015,7 @@ ul) {
|
|
|
7860
8015
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
7861
8016
|
display: grid;
|
|
7862
8017
|
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);
|
|
7863
|
-
|
|
8018
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7864
8019
|
}
|
|
7865
8020
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
7866
8021
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7888,7 +8043,7 @@ ul) {
|
|
|
7888
8043
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
7889
8044
|
display: grid;
|
|
7890
8045
|
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);
|
|
7891
|
-
|
|
8046
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7892
8047
|
}
|
|
7893
8048
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
7894
8049
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7916,7 +8071,7 @@ ul) {
|
|
|
7916
8071
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
7917
8072
|
display: grid;
|
|
7918
8073
|
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);
|
|
7919
|
-
|
|
8074
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7920
8075
|
}
|
|
7921
8076
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
7922
8077
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7944,7 +8099,7 @@ ul) {
|
|
|
7944
8099
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
7945
8100
|
display: grid;
|
|
7946
8101
|
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);
|
|
7947
|
-
|
|
8102
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7948
8103
|
}
|
|
7949
8104
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
7950
8105
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7972,7 +8127,7 @@ ul) {
|
|
|
7972
8127
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
7973
8128
|
display: grid;
|
|
7974
8129
|
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);
|
|
7975
|
-
|
|
8130
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7976
8131
|
}
|
|
7977
8132
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
7978
8133
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8000,7 +8155,7 @@ ul) {
|
|
|
8000
8155
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
8001
8156
|
display: grid;
|
|
8002
8157
|
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);
|
|
8003
|
-
|
|
8158
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8004
8159
|
}
|
|
8005
8160
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
8006
8161
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8028,7 +8183,7 @@ ul) {
|
|
|
8028
8183
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
8029
8184
|
display: grid;
|
|
8030
8185
|
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);
|
|
8031
|
-
|
|
8186
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8032
8187
|
}
|
|
8033
8188
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
8034
8189
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8201,14 +8356,14 @@ ul) {
|
|
|
8201
8356
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
8202
8357
|
}
|
|
8203
8358
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8359
|
+
visibility: visible;
|
|
8204
8360
|
max-height: 99999px;
|
|
8205
8361
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
8206
8362
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8207
|
-
visibility: visible;
|
|
8208
8363
|
opacity: 1;
|
|
8364
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8209
8365
|
transition-delay: 0s;
|
|
8210
8366
|
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;
|
|
8211
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8212
8367
|
}
|
|
8213
8368
|
|
|
8214
8369
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -8230,10 +8385,10 @@ ul) {
|
|
|
8230
8385
|
display: inline-block;
|
|
8231
8386
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
8232
8387
|
text-align: center;
|
|
8388
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8233
8389
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
8234
8390
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
8235
8391
|
transition-property: transform;
|
|
8236
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8237
8392
|
}
|
|
8238
8393
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
8239
8394
|
scale: -1 1;
|
|
@@ -8282,15 +8437,15 @@ ul) {
|
|
|
8282
8437
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8283
8438
|
}
|
|
8284
8439
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8440
|
+
visibility: hidden;
|
|
8285
8441
|
max-height: 0;
|
|
8286
8442
|
padding-block-start: 0;
|
|
8287
8443
|
padding-block-end: 0;
|
|
8288
|
-
visibility: hidden;
|
|
8289
8444
|
opacity: 0;
|
|
8445
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8290
8446
|
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);
|
|
8291
8447
|
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;
|
|
8292
8448
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
8293
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8294
8449
|
}
|
|
8295
8450
|
|
|
8296
8451
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -8450,10 +8605,10 @@ ul) {
|
|
|
8450
8605
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
8451
8606
|
color: var(--pf-v6-c-form-control--Color);
|
|
8452
8607
|
appearance: none;
|
|
8608
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8453
8609
|
background-color: transparent;
|
|
8454
8610
|
border: none;
|
|
8455
8611
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8456
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8457
8612
|
}
|
|
8458
8613
|
.pf-v6-c-form-control > ::placeholder {
|
|
8459
8614
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -8819,8 +8974,8 @@ ul) {
|
|
|
8819
8974
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
8820
8975
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
8821
8976
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
8822
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8823
8977
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
8978
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8824
8979
|
}
|
|
8825
8980
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
8826
8981
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -8856,7 +9011,7 @@ ul) {
|
|
|
8856
9011
|
.pf-v6-c-hint {
|
|
8857
9012
|
display: grid;
|
|
8858
9013
|
grid-template-columns: 1fr auto;
|
|
8859
|
-
|
|
9014
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
8860
9015
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
8861
9016
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
8862
9017
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -9304,20 +9459,20 @@ ul) {
|
|
|
9304
9459
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9305
9460
|
}
|
|
9306
9461
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
9462
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9307
9463
|
flex-grow: 1;
|
|
9308
9464
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
9309
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9310
9465
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
9466
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9467
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9311
9468
|
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);
|
|
9312
9469
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
9313
9470
|
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;
|
|
9314
9471
|
transition-property: opacity, scale, visibility, max-width;
|
|
9315
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9316
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9317
9472
|
}
|
|
9318
9473
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
9319
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9320
9474
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
9475
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9321
9476
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
9322
9477
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9323
9478
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -9325,8 +9480,8 @@ ul) {
|
|
|
9325
9480
|
transition-property: opacity, visibility, max-width;
|
|
9326
9481
|
}
|
|
9327
9482
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
9328
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9329
9483
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
9484
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9330
9485
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
9331
9486
|
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);
|
|
9332
9487
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -9653,10 +9808,10 @@ label.pf-v6-c-input-group__text {
|
|
|
9653
9808
|
.pf-v6-c-jump-links__toggle-icon {
|
|
9654
9809
|
display: inline-block;
|
|
9655
9810
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
9811
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9656
9812
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
9657
9813
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
9658
9814
|
transition-property: transform;
|
|
9659
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9660
9815
|
}
|
|
9661
9816
|
|
|
9662
9817
|
.pf-v6-c-label {
|
|
@@ -9869,9 +10024,9 @@ label.pf-v6-c-input-group__text {
|
|
|
9869
10024
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
9870
10025
|
white-space: nowrap;
|
|
9871
10026
|
background: transparent;
|
|
9872
|
-
isolation: isolate;
|
|
9873
10027
|
border: 0;
|
|
9874
10028
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
10029
|
+
isolation: isolate;
|
|
9875
10030
|
}
|
|
9876
10031
|
.pf-v6-c-label.pf-m-blue {
|
|
9877
10032
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -10529,7 +10684,7 @@ ul.pf-v6-c-list {
|
|
|
10529
10684
|
display: grid;
|
|
10530
10685
|
grid-template-areas: "main header" "main footer" "main .";
|
|
10531
10686
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
10532
|
-
|
|
10687
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
10533
10688
|
justify-content: center;
|
|
10534
10689
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
10535
10690
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -10555,10 +10710,10 @@ ul.pf-v6-c-list {
|
|
|
10555
10710
|
align-self: start;
|
|
10556
10711
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10557
10712
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10558
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10559
10713
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10560
10714
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10561
10715
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10716
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10562
10717
|
}
|
|
10563
10718
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10564
10719
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10665,7 +10820,7 @@ ul.pf-v6-c-list {
|
|
|
10665
10820
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
10666
10821
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
10667
10822
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
10668
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
10823
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10669
10824
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
10670
10825
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10671
10826
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -10902,9 +11057,9 @@ ul.pf-v6-c-list {
|
|
|
10902
11057
|
}
|
|
10903
11058
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10904
11059
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10905
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10906
11060
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10907
11061
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
11062
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10908
11063
|
}
|
|
10909
11064
|
|
|
10910
11065
|
.pf-v6-c-masthead__main {
|
|
@@ -11613,8 +11768,8 @@ ul.pf-v6-c-list {
|
|
|
11613
11768
|
}
|
|
11614
11769
|
|
|
11615
11770
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
11616
|
-
overflow: hidden;
|
|
11617
11771
|
visibility: visible;
|
|
11772
|
+
overflow: hidden;
|
|
11618
11773
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
11619
11774
|
}
|
|
11620
11775
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -11640,8 +11795,8 @@ ul.pf-v6-c-list {
|
|
|
11640
11795
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11641
11796
|
}
|
|
11642
11797
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
11643
|
-
overflow: visible;
|
|
11644
11798
|
visibility: hidden;
|
|
11799
|
+
overflow: visible;
|
|
11645
11800
|
}
|
|
11646
11801
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
11647
11802
|
.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) {
|
|
@@ -11782,10 +11937,10 @@ ul.pf-v6-c-list {
|
|
|
11782
11937
|
color: var(--pf-v6-c-menu__item--Color);
|
|
11783
11938
|
text-align: start;
|
|
11784
11939
|
text-decoration-line: none;
|
|
11940
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11785
11941
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11786
11942
|
border: 0;
|
|
11787
11943
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11788
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11789
11944
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11790
11945
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
11791
11946
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -11879,7 +12034,7 @@ ul.pf-v6-c-list {
|
|
|
11879
12034
|
.pf-v6-c-menu__item-description {
|
|
11880
12035
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11881
12036
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11882
|
-
|
|
12037
|
+
overflow-wrap: break-word;
|
|
11883
12038
|
}
|
|
11884
12039
|
|
|
11885
12040
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12296,6 +12451,9 @@ ul.pf-v6-c-list {
|
|
|
12296
12451
|
justify-content: flex-start;
|
|
12297
12452
|
width: 100%;
|
|
12298
12453
|
}
|
|
12454
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
12455
|
+
min-width: 1lh;
|
|
12456
|
+
}
|
|
12299
12457
|
@media (min-width: 62rem) {
|
|
12300
12458
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
12301
12459
|
justify-content: center;
|
|
@@ -12462,10 +12620,10 @@ ul.pf-v6-c-list {
|
|
|
12462
12620
|
|
|
12463
12621
|
.pf-v6-c-menu-toggle__icon {
|
|
12464
12622
|
flex-shrink: 0;
|
|
12623
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12465
12624
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12466
12625
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12467
12626
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
12468
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12469
12627
|
}
|
|
12470
12628
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
12471
12629
|
vertical-align: middle;
|
|
@@ -12673,7 +12831,7 @@ ul.pf-v6-c-list {
|
|
|
12673
12831
|
overflow-x: hidden;
|
|
12674
12832
|
overflow-y: auto;
|
|
12675
12833
|
overscroll-behavior: contain;
|
|
12676
|
-
|
|
12834
|
+
overflow-wrap: break-word;
|
|
12677
12835
|
-webkit-overflow-scrolling: touch;
|
|
12678
12836
|
}
|
|
12679
12837
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13122,17 +13280,17 @@ ul.pf-v6-c-list {
|
|
|
13122
13280
|
|
|
13123
13281
|
.pf-v6-c-nav__subnav {
|
|
13124
13282
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
13283
|
+
visibility: visible;
|
|
13125
13284
|
max-height: 99999px;
|
|
13126
13285
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
13127
13286
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
13128
13287
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
13129
13288
|
overflow-y: clip;
|
|
13130
|
-
|
|
13289
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13131
13290
|
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);
|
|
13132
13291
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
13133
13292
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
13134
13293
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
13135
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13136
13294
|
}
|
|
13137
13295
|
.pf-v6-c-nav__subnav[hidden] {
|
|
13138
13296
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -13142,8 +13300,8 @@ ul.pf-v6-c-list {
|
|
|
13142
13300
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
13143
13301
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
13144
13302
|
display: grid;
|
|
13145
|
-
max-height: 0;
|
|
13146
13303
|
visibility: hidden;
|
|
13304
|
+
max-height: 0;
|
|
13147
13305
|
opacity: 0;
|
|
13148
13306
|
}
|
|
13149
13307
|
|
|
@@ -13161,10 +13319,10 @@ ul.pf-v6-c-list {
|
|
|
13161
13319
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
13162
13320
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
13163
13321
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
13322
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13164
13323
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
13165
13324
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
13166
13325
|
transition-property: scale;
|
|
13167
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13168
13326
|
}
|
|
13169
13327
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
13170
13328
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -13252,10 +13410,10 @@ ul.pf-v6-c-list {
|
|
|
13252
13410
|
|
|
13253
13411
|
.pf-v6-c-nav__toggle-icon {
|
|
13254
13412
|
display: inline-block;
|
|
13413
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13255
13414
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
13256
13415
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
13257
13416
|
transition-property: transform;
|
|
13258
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13259
13417
|
}
|
|
13260
13418
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
13261
13419
|
scale: -1 1;
|
|
@@ -13488,9 +13646,9 @@ ul.pf-v6-c-list {
|
|
|
13488
13646
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
13489
13647
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13490
13648
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13649
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13491
13650
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
13492
13651
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13493
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13494
13652
|
}
|
|
13495
13653
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
13496
13654
|
position: absolute;
|
|
@@ -13547,7 +13705,7 @@ ul.pf-v6-c-list {
|
|
|
13547
13705
|
|
|
13548
13706
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13549
13707
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13550
|
-
|
|
13708
|
+
overflow-wrap: break-word;
|
|
13551
13709
|
}
|
|
13552
13710
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13553
13711
|
display: -webkit-box;
|
|
@@ -13569,7 +13727,7 @@ ul.pf-v6-c-list {
|
|
|
13569
13727
|
grid-row: 2/3;
|
|
13570
13728
|
grid-column: 1/2;
|
|
13571
13729
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13572
|
-
|
|
13730
|
+
overflow-wrap: break-word;
|
|
13573
13731
|
}
|
|
13574
13732
|
|
|
13575
13733
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13600,9 +13758,9 @@ ul.pf-v6-c-list {
|
|
|
13600
13758
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
13601
13759
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
13602
13760
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
13761
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13603
13762
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
13604
13763
|
border: none;
|
|
13605
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13606
13764
|
}
|
|
13607
13765
|
|
|
13608
13766
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -13614,7 +13772,7 @@ ul.pf-v6-c-list {
|
|
|
13614
13772
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13615
13773
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13616
13774
|
text-align: start;
|
|
13617
|
-
|
|
13775
|
+
overflow-wrap: break-word;
|
|
13618
13776
|
}
|
|
13619
13777
|
|
|
13620
13778
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -13691,11 +13849,6 @@ ul.pf-v6-c-list {
|
|
|
13691
13849
|
.pf-v6-c-page {
|
|
13692
13850
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13693
13851
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13694
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13695
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
13696
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13697
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13698
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13699
13852
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13700
13853
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13701
13854
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -13714,6 +13867,11 @@ ul.pf-v6-c-list {
|
|
|
13714
13867
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
13715
13868
|
--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));
|
|
13716
13869
|
--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));
|
|
13870
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13871
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13872
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13873
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13874
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13717
13875
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13718
13876
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
13719
13877
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -13884,20 +14042,17 @@ ul.pf-v6-c-list {
|
|
|
13884
14042
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
13885
14043
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13886
14044
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
13887
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13888
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13889
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13890
14045
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
13891
14046
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13892
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13893
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
13894
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
14047
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14048
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
14049
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13895
14050
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13896
14051
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13897
14052
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13898
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
13899
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
13900
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
14053
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14054
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
14055
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
13901
14056
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13902
14057
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13903
14058
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -13908,9 +14063,11 @@ ul.pf-v6-c-list {
|
|
|
13908
14063
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
13909
14064
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13910
14065
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13911
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
13912
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13913
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
14066
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14067
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14068
|
+
--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));
|
|
14069
|
+
--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));
|
|
14070
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
13914
14071
|
}
|
|
13915
14072
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13916
14073
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -13933,6 +14090,8 @@ ul.pf-v6-c-list {
|
|
|
13933
14090
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
13934
14091
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
13935
14092
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
14093
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
14094
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
13936
14095
|
}
|
|
13937
14096
|
@media (min-width: 75rem) {
|
|
13938
14097
|
.pf-v6-c-page {
|
|
@@ -14084,10 +14243,11 @@ ul.pf-v6-c-list {
|
|
|
14084
14243
|
inset-inline-start: 0;
|
|
14085
14244
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
14086
14245
|
display: flex;
|
|
14246
|
+
visibility: hidden;
|
|
14087
14247
|
flex-direction: column;
|
|
14088
14248
|
grid-area: dock;
|
|
14089
14249
|
width: var(--pf-v6-c-page__dock--Width);
|
|
14090
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
14250
|
+
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);
|
|
14091
14251
|
translate: -100% 0;
|
|
14092
14252
|
}
|
|
14093
14253
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -14096,7 +14256,9 @@ ul.pf-v6-c-list {
|
|
|
14096
14256
|
|
|
14097
14257
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
14098
14258
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
14259
|
+
visibility: visible;
|
|
14099
14260
|
translate: 0;
|
|
14261
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
14100
14262
|
}
|
|
14101
14263
|
@media (min-width: 62rem) {
|
|
14102
14264
|
.pf-v6-c-page__dock {
|
|
@@ -14104,6 +14266,7 @@ ul.pf-v6-c-list {
|
|
|
14104
14266
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14105
14267
|
position: revert;
|
|
14106
14268
|
inset: revert;
|
|
14269
|
+
visibility: revert;
|
|
14107
14270
|
width: auto;
|
|
14108
14271
|
translate: 0;
|
|
14109
14272
|
}
|
|
@@ -14118,9 +14281,9 @@ ul.pf-v6-c-list {
|
|
|
14118
14281
|
.pf-v6-c-page__dock-main {
|
|
14119
14282
|
flex-grow: 1;
|
|
14120
14283
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
14121
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14122
14284
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
14123
14285
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
14286
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14124
14287
|
}
|
|
14125
14288
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
14126
14289
|
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);
|
|
@@ -14202,10 +14365,10 @@ ul.pf-v6-c-list {
|
|
|
14202
14365
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
14203
14366
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
14204
14367
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
14205
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14206
14368
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14207
14369
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14208
14370
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
14371
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14209
14372
|
}
|
|
14210
14373
|
|
|
14211
14374
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14571,7 +14734,6 @@ ul.pf-v6-c-list {
|
|
|
14571
14734
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
14572
14735
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
14573
14736
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14574
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14575
14737
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
14576
14738
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
14577
14739
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -14579,6 +14741,7 @@ ul.pf-v6-c-list {
|
|
|
14579
14741
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
14580
14742
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14581
14743
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
14744
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14582
14745
|
}
|
|
14583
14746
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14584
14747
|
.pf-v6-c-page__main-container {
|
|
@@ -15603,7 +15766,7 @@ ul.pf-v6-c-list {
|
|
|
15603
15766
|
}
|
|
15604
15767
|
|
|
15605
15768
|
.pf-v6-c-popover__body {
|
|
15606
|
-
|
|
15769
|
+
overflow-wrap: break-word;
|
|
15607
15770
|
}
|
|
15608
15771
|
|
|
15609
15772
|
.pf-v6-c-popover__footer {
|
|
@@ -15648,7 +15811,7 @@ ul.pf-v6-c-list {
|
|
|
15648
15811
|
display: grid;
|
|
15649
15812
|
grid-template-rows: 1fr auto;
|
|
15650
15813
|
grid-template-columns: auto auto;
|
|
15651
|
-
|
|
15814
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
15652
15815
|
align-items: end;
|
|
15653
15816
|
}
|
|
15654
15817
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -15742,7 +15905,7 @@ ul.pf-v6-c-list {
|
|
|
15742
15905
|
|
|
15743
15906
|
.pf-v6-c-progress__description {
|
|
15744
15907
|
grid-column: 1/2;
|
|
15745
|
-
|
|
15908
|
+
overflow-wrap: break-word;
|
|
15746
15909
|
}
|
|
15747
15910
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15748
15911
|
overflow: hidden;
|
|
@@ -15758,7 +15921,7 @@ ul.pf-v6-c-list {
|
|
|
15758
15921
|
align-items: flex-start;
|
|
15759
15922
|
justify-content: flex-end;
|
|
15760
15923
|
text-align: end;
|
|
15761
|
-
|
|
15924
|
+
overflow-wrap: break-word;
|
|
15762
15925
|
}
|
|
15763
15926
|
|
|
15764
15927
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16021,9 +16184,9 @@ ul.pf-v6-c-list {
|
|
|
16021
16184
|
inset-block-start: 0;
|
|
16022
16185
|
inset-inline-start: 0;
|
|
16023
16186
|
overflow: hidden;
|
|
16024
|
-
clip: rect(0, 0, 0, 0);
|
|
16025
16187
|
white-space: nowrap;
|
|
16026
16188
|
border: 0;
|
|
16189
|
+
clip-path: inset(50%);
|
|
16027
16190
|
}
|
|
16028
16191
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
16029
16192
|
grid-row: 1/2;
|
|
@@ -16445,7 +16608,7 @@ ul.pf-v6-c-list {
|
|
|
16445
16608
|
.pf-v6-c-radio {
|
|
16446
16609
|
display: grid;
|
|
16447
16610
|
grid-template-columns: auto 1fr;
|
|
16448
|
-
|
|
16611
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
16449
16612
|
align-items: baseline;
|
|
16450
16613
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
16451
16614
|
}
|
|
@@ -16676,6 +16839,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16676
16839
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
16677
16840
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
16678
16841
|
}
|
|
16842
|
+
.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) {
|
|
16843
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
16844
|
+
}
|
|
16679
16845
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
16680
16846
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
16681
16847
|
}
|
|
@@ -16695,7 +16861,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16695
16861
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
16696
16862
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
16697
16863
|
}
|
|
16698
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16864
|
+
.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) {
|
|
16699
16865
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
16700
16866
|
}
|
|
16701
16867
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -16708,12 +16874,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16708
16874
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
16709
16875
|
}
|
|
16710
16876
|
|
|
16711
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
16712
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
16713
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16714
|
-
background-color: transparent;
|
|
16715
|
-
}
|
|
16716
|
-
|
|
16717
16877
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
16718
16878
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
16719
16879
|
}
|
|
@@ -17440,10 +17600,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17440
17600
|
width: 100%;
|
|
17441
17601
|
height: 100%;
|
|
17442
17602
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
17603
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17604
|
+
stroke-linecap: round;
|
|
17443
17605
|
stroke-dasharray: 283;
|
|
17444
17606
|
stroke-dashoffset: 280;
|
|
17445
|
-
stroke-linecap: round;
|
|
17446
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17447
17607
|
transform-origin: 50% 50%;
|
|
17448
17608
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
17449
17609
|
}
|
|
@@ -17603,8 +17763,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17603
17763
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
17604
17764
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
17605
17765
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
17606
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17607
17766
|
transform: translateY(-50%);
|
|
17767
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17608
17768
|
}
|
|
17609
17769
|
.pf-v6-c-switch__toggle::after {
|
|
17610
17770
|
position: absolute;
|
|
@@ -19462,6 +19622,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19462
19622
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19463
19623
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19464
19624
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
19625
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
19626
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
19465
19627
|
}
|
|
19466
19628
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
19467
19629
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -19531,6 +19693,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19531
19693
|
.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]) {
|
|
19532
19694
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
19533
19695
|
}
|
|
19696
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
19697
|
+
position: sticky;
|
|
19698
|
+
inset-block-end: 0;
|
|
19699
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
19700
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
19701
|
+
}
|
|
19702
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
19703
|
+
position: absolute;
|
|
19704
|
+
inset: 0;
|
|
19705
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
19706
|
+
pointer-events: none;
|
|
19707
|
+
content: "";
|
|
19708
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
19709
|
+
}
|
|
19710
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
19711
|
+
border-block-end: 0;
|
|
19712
|
+
}
|
|
19713
|
+
.pf-v6-c-table.pf-m-plain {
|
|
19714
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
19715
|
+
}
|
|
19534
19716
|
.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),
|
|
19535
19717
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
19536
19718
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -19601,11 +19783,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19601
19783
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
19602
19784
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
19603
19785
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19786
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19604
19787
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
19605
19788
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
19606
19789
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19607
19790
|
color: var(--pf-v6-c-table--cell--Color);
|
|
19608
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19609
19791
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19610
19792
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19611
19793
|
}
|
|
@@ -19711,24 +19893,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19711
19893
|
}
|
|
19712
19894
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
19713
19895
|
cursor: pointer;
|
|
19714
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19715
19896
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
19897
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19716
19898
|
}
|
|
19717
19899
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
19718
19900
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
19719
19901
|
}
|
|
19720
19902
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
19721
19903
|
position: relative;
|
|
19722
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19723
19904
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
19905
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19724
19906
|
}
|
|
19725
19907
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
19726
19908
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
19727
19909
|
}
|
|
19728
19910
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
19729
19911
|
cursor: pointer;
|
|
19730
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19731
19912
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
19913
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19732
19914
|
}
|
|
19733
19915
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
19734
19916
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -19737,8 +19919,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19737
19919
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
19738
19920
|
}
|
|
19739
19921
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
19740
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19741
19922
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
19923
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19742
19924
|
}
|
|
19743
19925
|
.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) {
|
|
19744
19926
|
border: none;
|
|
@@ -19763,11 +19945,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19763
19945
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
19764
19946
|
visibility: hidden;
|
|
19765
19947
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
19948
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19766
19949
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
19767
19950
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
19768
19951
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
19769
19952
|
transition-property: opacity, translate, visibility, background-color;
|
|
19770
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19771
19953
|
}
|
|
19772
19954
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
19773
19955
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -19775,9 +19957,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19775
19957
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
19776
19958
|
visibility: visible;
|
|
19777
19959
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
19960
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19778
19961
|
transition-delay: 0s;
|
|
19779
19962
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
19780
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19781
19963
|
}
|
|
19782
19964
|
.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 {
|
|
19783
19965
|
max-height: 99999px;
|
|
@@ -19843,8 +20025,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19843
20025
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
19844
20026
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
19845
20027
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19846
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19847
20028
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
20029
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19848
20030
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19849
20031
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19850
20032
|
}
|
|
@@ -19873,10 +20055,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19873
20055
|
text-align: start;
|
|
19874
20056
|
white-space: inherit;
|
|
19875
20057
|
user-select: text;
|
|
20058
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19876
20059
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
19877
20060
|
border: 0;
|
|
19878
20061
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
19879
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19880
20062
|
}
|
|
19881
20063
|
.pf-v6-c-table__button::after {
|
|
19882
20064
|
position: absolute;
|
|
@@ -19970,10 +20152,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19970
20152
|
}
|
|
19971
20153
|
|
|
19972
20154
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
20155
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19973
20156
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
19974
20157
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
19975
20158
|
transition-property: transform;
|
|
19976
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19977
20159
|
}
|
|
19978
20160
|
.pf-v6-c-table__toggle svg {
|
|
19979
20161
|
pointer-events: none;
|
|
@@ -20265,6 +20447,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20265
20447
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
20266
20448
|
}
|
|
20267
20449
|
|
|
20450
|
+
.pf-v6-c-table__tfoot {
|
|
20451
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
20452
|
+
vertical-align: top;
|
|
20453
|
+
}
|
|
20454
|
+
|
|
20268
20455
|
.pf-v6-c-table__icon-inline {
|
|
20269
20456
|
display: flex;
|
|
20270
20457
|
align-items: center;
|
|
@@ -20529,8 +20716,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20529
20716
|
}
|
|
20530
20717
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20531
20718
|
position: relative;
|
|
20532
|
-
border: none;
|
|
20533
20719
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20720
|
+
border: none;
|
|
20534
20721
|
}
|
|
20535
20722
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20536
20723
|
position: absolute;
|
|
@@ -20568,7 +20755,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20568
20755
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20569
20756
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20570
20757
|
grid-column: 1;
|
|
20571
|
-
|
|
20758
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20572
20759
|
align-items: start;
|
|
20573
20760
|
}
|
|
20574
20761
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20671,8 +20858,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20671
20858
|
}
|
|
20672
20859
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20673
20860
|
position: relative;
|
|
20674
|
-
border: none;
|
|
20675
20861
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20862
|
+
border: none;
|
|
20676
20863
|
}
|
|
20677
20864
|
.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 {
|
|
20678
20865
|
position: absolute;
|
|
@@ -20710,7 +20897,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20710
20897
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20711
20898
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20712
20899
|
grid-column: 1;
|
|
20713
|
-
|
|
20900
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20714
20901
|
align-items: start;
|
|
20715
20902
|
}
|
|
20716
20903
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20814,8 +21001,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20814
21001
|
}
|
|
20815
21002
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20816
21003
|
position: relative;
|
|
20817
|
-
border: none;
|
|
20818
21004
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21005
|
+
border: none;
|
|
20819
21006
|
}
|
|
20820
21007
|
.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 {
|
|
20821
21008
|
position: absolute;
|
|
@@ -20853,7 +21040,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20853
21040
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20854
21041
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20855
21042
|
grid-column: 1;
|
|
20856
|
-
|
|
21043
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20857
21044
|
align-items: start;
|
|
20858
21045
|
}
|
|
20859
21046
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20957,8 +21144,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20957
21144
|
}
|
|
20958
21145
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20959
21146
|
position: relative;
|
|
20960
|
-
border: none;
|
|
20961
21147
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21148
|
+
border: none;
|
|
20962
21149
|
}
|
|
20963
21150
|
.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 {
|
|
20964
21151
|
position: absolute;
|
|
@@ -20996,7 +21183,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20996
21183
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20997
21184
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20998
21185
|
grid-column: 1;
|
|
20999
|
-
|
|
21186
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21000
21187
|
align-items: start;
|
|
21001
21188
|
}
|
|
21002
21189
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21100,8 +21287,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21100
21287
|
}
|
|
21101
21288
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
21102
21289
|
position: relative;
|
|
21103
|
-
border: none;
|
|
21104
21290
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21291
|
+
border: none;
|
|
21105
21292
|
}
|
|
21106
21293
|
.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 {
|
|
21107
21294
|
position: absolute;
|
|
@@ -21139,7 +21326,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21139
21326
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21140
21327
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21141
21328
|
grid-column: 1;
|
|
21142
|
-
|
|
21329
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21143
21330
|
align-items: start;
|
|
21144
21331
|
}
|
|
21145
21332
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21692,8 +21879,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21692
21879
|
|
|
21693
21880
|
.pf-v6-c-tabs__toggle-icon {
|
|
21694
21881
|
display: inline-block;
|
|
21695
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21696
21882
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
21883
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21697
21884
|
}
|
|
21698
21885
|
|
|
21699
21886
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -21857,8 +22044,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21857
22044
|
align-self: end;
|
|
21858
22045
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
21859
22046
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
21860
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21861
22047
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
22048
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21862
22049
|
}
|
|
21863
22050
|
|
|
21864
22051
|
.pf-v6-c-tabs__item-action {
|
|
@@ -22121,10 +22308,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22121
22308
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
22122
22309
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
22123
22310
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
22311
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22124
22312
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
22125
22313
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
22126
22314
|
transition-property: width, height, translate;
|
|
22127
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22128
22315
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
22129
22316
|
}
|
|
22130
22317
|
: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 {
|
|
@@ -22330,9 +22517,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22330
22517
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
22331
22518
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
22332
22519
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
22520
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22333
22521
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
22334
22522
|
border: 0;
|
|
22335
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22336
22523
|
}
|
|
22337
22524
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
22338
22525
|
grid-area: text-input;
|
|
@@ -22540,7 +22727,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22540
22727
|
|
|
22541
22728
|
.pf-v6-c-title {
|
|
22542
22729
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22543
|
-
|
|
22730
|
+
overflow-wrap: break-word;
|
|
22544
22731
|
}
|
|
22545
22732
|
.pf-v6-c-title.pf-m-4xl {
|
|
22546
22733
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -23323,10 +23510,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23323
23510
|
|
|
23324
23511
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
23325
23512
|
display: inline-flex;
|
|
23513
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23326
23514
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
23327
23515
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
23328
23516
|
transition-property: transform;
|
|
23329
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23330
23517
|
}
|
|
23331
23518
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
23332
23519
|
scale: -1 1;
|
|
@@ -24962,7 +25149,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24962
25149
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24963
25150
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24964
25151
|
text-align: center;
|
|
24965
|
-
|
|
25152
|
+
overflow-wrap: break-word;
|
|
24966
25153
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24967
25154
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24968
25155
|
}
|
|
@@ -25344,19 +25531,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25344
25531
|
display: inline-block;
|
|
25345
25532
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
25346
25533
|
text-align: center;
|
|
25347
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25348
25534
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
25535
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25349
25536
|
}
|
|
25350
25537
|
|
|
25351
25538
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
25352
|
-
max-height: 0;
|
|
25353
25539
|
visibility: hidden;
|
|
25540
|
+
max-height: 0;
|
|
25354
25541
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
25542
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25355
25543
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
25356
25544
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
25357
25545
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
25358
25546
|
transition-property: opacity, translate, visibility, max-height;
|
|
25359
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25360
25547
|
}
|
|
25361
25548
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
25362
25549
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -25367,12 +25554,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25367
25554
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
25368
25555
|
}
|
|
25369
25556
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
25370
|
-
max-height: 99999px;
|
|
25371
25557
|
visibility: revert;
|
|
25558
|
+
max-height: 99999px;
|
|
25372
25559
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
25560
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25373
25561
|
transition-delay: 0s;
|
|
25374
25562
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
25375
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25376
25563
|
}
|
|
25377
25564
|
|
|
25378
25565
|
.pf-v6-c-tree-view__node,
|
|
@@ -25811,7 +25998,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25811
25998
|
|
|
25812
25999
|
.pf-v6-c-wizard__title {
|
|
25813
26000
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
25814
|
-
|
|
26001
|
+
overflow-wrap: break-word;
|
|
25815
26002
|
}
|
|
25816
26003
|
|
|
25817
26004
|
.pf-v6-c-wizard__title-text {
|
|
@@ -25874,7 +26061,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25874
26061
|
align-items: baseline;
|
|
25875
26062
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25876
26063
|
text-align: start;
|
|
25877
|
-
|
|
26064
|
+
overflow-wrap: break-word;
|
|
25878
26065
|
}
|
|
25879
26066
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25880
26067
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26010,8 +26197,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26010
26197
|
padding-inline: 0;
|
|
26011
26198
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26012
26199
|
text-align: start;
|
|
26200
|
+
overflow-wrap: break-word;
|
|
26013
26201
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26014
|
-
word-break: break-word;
|
|
26015
26202
|
counter-increment: wizard-nav-count;
|
|
26016
26203
|
background-color: transparent;
|
|
26017
26204
|
border: none;
|
|
@@ -26116,10 +26303,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26116
26303
|
|
|
26117
26304
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
26118
26305
|
display: inline-block;
|
|
26306
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26119
26307
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
26120
26308
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
26121
26309
|
transition-property: transform;
|
|
26122
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26123
26310
|
}
|
|
26124
26311
|
|
|
26125
26312
|
.pf-v6-c-wizard__main {
|
|
@@ -26129,7 +26316,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26129
26316
|
flex-direction: column;
|
|
26130
26317
|
overflow-x: hidden;
|
|
26131
26318
|
overflow-y: auto;
|
|
26132
|
-
|
|
26319
|
+
overflow-wrap: break-word;
|
|
26133
26320
|
}
|
|
26134
26321
|
|
|
26135
26322
|
.pf-v6-c-wizard__main-body {
|