@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.3
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/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 +56 -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 +8 -8
- 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 +8 -8
- package/base/tokens/tokens-highcontrast-dark.scss +8 -8
- package/base/tokens/tokens-highcontrast.scss +7 -7
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +3 -3
- package/components/Alert/alert.scss +3 -3
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +6 -6
- package/components/Button/button.scss +6 -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 +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +4 -4
- package/components/Menu/menu.scss +4 -4
- package/components/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- 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 +8 -4
- package/components/Page/page.scss +10 -4
- 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/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 +10 -10
- package/components/Table/table.scss +10 -10
- 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 +136 -129
- 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/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 +22 -22
- 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 +217 -217
- 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/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.md +479 -479
- 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 +219 -219
- 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 +61 -61
- package/patternfly-base.css +61 -61
- package/patternfly-no-globals.css +199 -192
- package/patternfly.css +199 -192
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Accessibility/accessibility.css +12 -12
- package/utilities/_index.css +12 -12
package/components/_index.css
CHANGED
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
overflow-x: hidden;
|
|
165
165
|
overflow-y: auto;
|
|
166
166
|
overscroll-behavior: contain;
|
|
167
|
-
|
|
167
|
+
overflow-wrap: break-word;
|
|
168
168
|
-webkit-overflow-scrolling: touch;
|
|
169
169
|
}
|
|
170
170
|
@media screen and (min-width: 36rem) {
|
|
@@ -424,8 +424,8 @@
|
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
.pf-v6-c-accordion__toggle-icon {
|
|
427
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
428
427
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
428
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
429
429
|
}
|
|
430
430
|
|
|
431
431
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -433,6 +433,7 @@
|
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
.pf-v6-c-accordion__expandable-content {
|
|
436
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
436
437
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
437
438
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
438
439
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -440,16 +441,15 @@
|
|
|
440
441
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
441
442
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
442
443
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
443
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
444
444
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
445
445
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
446
446
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
447
447
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
448
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
448
449
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
449
450
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
450
451
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
451
452
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
452
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
453
453
|
}
|
|
454
454
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
455
455
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -653,8 +653,8 @@
|
|
|
653
653
|
|
|
654
654
|
.pf-v6-c-alert__toggle-icon {
|
|
655
655
|
display: inline-block;
|
|
656
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
657
656
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
657
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
658
658
|
}
|
|
659
659
|
|
|
660
660
|
.pf-v6-c-alert__icon {
|
|
@@ -669,7 +669,7 @@
|
|
|
669
669
|
grid-area: title;
|
|
670
670
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
671
671
|
color: var(--pf-v6-c-alert__title--Color);
|
|
672
|
-
|
|
672
|
+
overflow-wrap: break-word;
|
|
673
673
|
}
|
|
674
674
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
675
675
|
display: -webkit-box;
|
|
@@ -681,7 +681,7 @@
|
|
|
681
681
|
.pf-v6-c-alert__description {
|
|
682
682
|
grid-area: description;
|
|
683
683
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
684
|
-
|
|
684
|
+
overflow-wrap: break-word;
|
|
685
685
|
}
|
|
686
686
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
687
687
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -831,8 +831,8 @@
|
|
|
831
831
|
display: grid;
|
|
832
832
|
grid-template-rows: 1fr;
|
|
833
833
|
opacity: 1;
|
|
834
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
835
834
|
transform: translateX(0) translateY(0);
|
|
835
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
836
836
|
}
|
|
837
837
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
838
838
|
.pf-v6-c-alert-group__item {
|
|
@@ -1577,10 +1577,10 @@
|
|
|
1577
1577
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1578
1578
|
line-height: inherit;
|
|
1579
1579
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1580
|
+
overflow-wrap: break-word;
|
|
1580
1581
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1581
1582
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1582
1583
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
1583
|
-
word-break: break-word;
|
|
1584
1584
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1585
1585
|
}
|
|
1586
1586
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -1998,10 +1998,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1998
1998
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1999
1999
|
color: var(--pf-v6-c-button--Color);
|
|
2000
2000
|
text-align: center;
|
|
2001
|
+
white-space: nowrap;
|
|
2001
2002
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
2002
2003
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
2003
2004
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
2004
|
-
white-space: nowrap;
|
|
2005
2005
|
cursor: pointer;
|
|
2006
2006
|
-webkit-user-select: none;
|
|
2007
2007
|
user-select: none;
|
|
@@ -2011,11 +2011,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2011
2011
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2012
2012
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2013
2013
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2014
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2014
2015
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
2015
2016
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
2016
2017
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
2017
2018
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
2018
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2019
2019
|
}
|
|
2020
2020
|
.pf-v6-c-button::after {
|
|
2021
2021
|
position: absolute;
|
|
@@ -2142,10 +2142,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2142
2142
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2143
2143
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
2144
2144
|
text-align: start;
|
|
2145
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2146
2145
|
white-space: normal;
|
|
2147
|
-
|
|
2146
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2148
2147
|
outline-offset: 0.125rem;
|
|
2148
|
+
background: transparent;
|
|
2149
2149
|
}
|
|
2150
2150
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2151
2151
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -2503,12 +2503,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2503
2503
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2504
2504
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2505
2505
|
color: var(--pf-v6-c-button__icon--Color);
|
|
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);
|
|
2506
2508
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
2507
2509
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
2508
2510
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2509
2511
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
2510
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2511
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2512
2512
|
}
|
|
2513
2513
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2514
2514
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2935,8 +2935,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2935
2935
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
2936
2936
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
2937
2937
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
2938
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2939
2938
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
2939
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2940
2940
|
}
|
|
2941
2941
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2942
2942
|
gap: 0;
|
|
@@ -3178,9 +3178,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3178
3178
|
}
|
|
3179
3179
|
|
|
3180
3180
|
.pf-v6-c-card__clickable-action {
|
|
3181
|
+
outline: 0;
|
|
3181
3182
|
background: none;
|
|
3182
3183
|
border: 0;
|
|
3183
|
-
outline: 0;
|
|
3184
3184
|
}
|
|
3185
3185
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
3186
3186
|
pointer-events: none;
|
|
@@ -3248,7 +3248,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3248
3248
|
.pf-v6-c-check {
|
|
3249
3249
|
display: grid;
|
|
3250
3250
|
grid-template-columns: auto 1fr;
|
|
3251
|
-
|
|
3251
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
3252
3252
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
3253
3253
|
}
|
|
3254
3254
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -3379,7 +3379,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3379
3379
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
3380
3380
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
3381
3381
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
3382
|
-
|
|
3382
|
+
overflow-wrap: break-word;
|
|
3383
3383
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
3384
3384
|
background-clip: padding-box;
|
|
3385
3385
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -3395,7 +3395,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3395
3395
|
}
|
|
3396
3396
|
|
|
3397
3397
|
.pf-v6-c-clipboard-copy__text {
|
|
3398
|
-
|
|
3398
|
+
overflow-wrap: break-word;
|
|
3399
3399
|
white-space: normal;
|
|
3400
3400
|
}
|
|
3401
3401
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -3884,8 +3884,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3884
3884
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
3885
3885
|
.pf-v6-c-compass__main-footer,
|
|
3886
3886
|
.pf-v6-c-compass__footer {
|
|
3887
|
-
margin: 0;
|
|
3888
3887
|
visibility: hidden;
|
|
3888
|
+
margin: 0;
|
|
3889
3889
|
opacity: 0;
|
|
3890
3890
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
3891
3891
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -4003,15 +4003,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4003
4003
|
inset-inline-start: 0;
|
|
4004
4004
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
4005
4005
|
display: flex;
|
|
4006
|
+
visibility: hidden;
|
|
4006
4007
|
flex-direction: column;
|
|
4007
4008
|
grid-area: dock;
|
|
4008
4009
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
4009
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4010
4010
|
translate: -100% 0;
|
|
4011
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
|
|
4011
4012
|
}
|
|
4012
4013
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4013
4014
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
4015
|
+
visibility: visible;
|
|
4014
4016
|
translate: 0;
|
|
4017
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
4015
4018
|
}
|
|
4016
4019
|
@media (min-width: 62rem) {
|
|
4017
4020
|
.pf-v6-c-compass__dock {
|
|
@@ -4019,6 +4022,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4019
4022
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
4020
4023
|
position: revert;
|
|
4021
4024
|
inset: revert;
|
|
4025
|
+
visibility: revert;
|
|
4022
4026
|
width: auto;
|
|
4023
4027
|
translate: 0;
|
|
4024
4028
|
}
|
|
@@ -4033,9 +4037,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4033
4037
|
.pf-v6-c-compass__dock-main {
|
|
4034
4038
|
flex-grow: 1;
|
|
4035
4039
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
4036
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4037
4040
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
4038
4041
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
4042
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4039
4043
|
}
|
|
4040
4044
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
4041
4045
|
border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -4366,8 +4370,8 @@ ul) {
|
|
|
4366
4370
|
@media screen and (min-width: 36rem) {
|
|
4367
4371
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
4368
4372
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
4369
|
-
|
|
4370
|
-
|
|
4373
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
4374
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
4371
4375
|
}
|
|
4372
4376
|
}
|
|
4373
4377
|
|
|
@@ -5156,8 +5160,8 @@ ul) {
|
|
|
5156
5160
|
.pf-v6-c-data-list__toggle-icon {
|
|
5157
5161
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
5158
5162
|
pointer-events: none;
|
|
5159
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5160
5163
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
5164
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5161
5165
|
}
|
|
5162
5166
|
|
|
5163
5167
|
.pf-v6-c-data-list__item-content {
|
|
@@ -5374,7 +5378,6 @@ ul) {
|
|
|
5374
5378
|
width: 100%;
|
|
5375
5379
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5376
5380
|
break-inside: avoid;
|
|
5377
|
-
page-break-inside: avoid;
|
|
5378
5381
|
-webkit-column-break-inside: avoid;
|
|
5379
5382
|
-moz-column-break-inside: avoid;
|
|
5380
5383
|
}
|
|
@@ -5782,9 +5785,9 @@ ul) {
|
|
|
5782
5785
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
5783
5786
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
5784
5787
|
overflow: auto;
|
|
5788
|
+
outline-offset: 2px;
|
|
5785
5789
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
5786
5790
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5787
|
-
outline-offset: 2px;
|
|
5788
5791
|
}
|
|
5789
5792
|
|
|
5790
5793
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5820,25 +5823,25 @@ ul) {
|
|
|
5820
5823
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
5821
5824
|
}
|
|
5822
5825
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
5823
|
-
max-height: 0;
|
|
5824
5826
|
visibility: hidden;
|
|
5827
|
+
max-height: 0;
|
|
5825
5828
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
5829
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5826
5830
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
5827
5831
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
5828
5832
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
5829
5833
|
transition-property: opacity, translate, visibility, max-height;
|
|
5830
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5831
5834
|
}
|
|
5832
5835
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
5833
5836
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
5834
5837
|
}
|
|
5835
5838
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
5836
|
-
max-height: 99999px;
|
|
5837
5839
|
visibility: revert;
|
|
5840
|
+
max-height: 99999px;
|
|
5838
5841
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5842
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5839
5843
|
transition-delay: 0s;
|
|
5840
5844
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
5841
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5842
5845
|
}
|
|
5843
5846
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
5844
5847
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -5973,10 +5976,10 @@ ul) {
|
|
|
5973
5976
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5974
5977
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5975
5978
|
text-align: center;
|
|
5979
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5976
5980
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5977
5981
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
5978
5982
|
transition-property: transform;
|
|
5979
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5980
5983
|
}
|
|
5981
5984
|
|
|
5982
5985
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -6761,6 +6764,7 @@ ul) {
|
|
|
6761
6764
|
.pf-v6-c-drawer__panel {
|
|
6762
6765
|
position: relative;
|
|
6763
6766
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
6767
|
+
visibility: hidden;
|
|
6764
6768
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
6765
6769
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
6766
6770
|
order: 1;
|
|
@@ -6768,7 +6772,6 @@ ul) {
|
|
|
6768
6772
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
6769
6773
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
6770
6774
|
overflow: auto;
|
|
6771
|
-
visibility: hidden;
|
|
6772
6775
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
6773
6776
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
6774
6777
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -6878,8 +6881,8 @@ ul) {
|
|
|
6878
6881
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6879
6882
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6880
6883
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6881
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6882
6884
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
6885
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6883
6886
|
}
|
|
6884
6887
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6885
6888
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -7669,8 +7672,8 @@ ul) {
|
|
|
7669
7672
|
display: inline-block;
|
|
7670
7673
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
7671
7674
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
7672
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7673
7675
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
7676
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7674
7677
|
}
|
|
7675
7678
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
7676
7679
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -7685,15 +7688,15 @@ ul) {
|
|
|
7685
7688
|
display: revert;
|
|
7686
7689
|
}
|
|
7687
7690
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
7691
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7688
7692
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
7689
7693
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
7690
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7691
7694
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
7695
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7692
7696
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
7693
7697
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
7694
7698
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
7695
7699
|
transition-property: opacity, translate, visibility, max-height;
|
|
7696
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7697
7700
|
}
|
|
7698
7701
|
|
|
7699
7702
|
.pf-v6-c-file-upload {
|
|
@@ -7864,7 +7867,7 @@ ul) {
|
|
|
7864
7867
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
7865
7868
|
display: grid;
|
|
7866
7869
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7867
|
-
|
|
7870
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7868
7871
|
}
|
|
7869
7872
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
7870
7873
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7892,7 +7895,7 @@ ul) {
|
|
|
7892
7895
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
7893
7896
|
display: grid;
|
|
7894
7897
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7895
|
-
|
|
7898
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7896
7899
|
}
|
|
7897
7900
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
7898
7901
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7920,7 +7923,7 @@ ul) {
|
|
|
7920
7923
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
7921
7924
|
display: grid;
|
|
7922
7925
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7923
|
-
|
|
7926
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7924
7927
|
}
|
|
7925
7928
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
7926
7929
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7948,7 +7951,7 @@ ul) {
|
|
|
7948
7951
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
7949
7952
|
display: grid;
|
|
7950
7953
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7951
|
-
|
|
7954
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7952
7955
|
}
|
|
7953
7956
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
7954
7957
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7976,7 +7979,7 @@ ul) {
|
|
|
7976
7979
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
7977
7980
|
display: grid;
|
|
7978
7981
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7979
|
-
|
|
7982
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7980
7983
|
}
|
|
7981
7984
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
7982
7985
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8004,7 +8007,7 @@ ul) {
|
|
|
8004
8007
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
8005
8008
|
display: grid;
|
|
8006
8009
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
8007
|
-
|
|
8010
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8008
8011
|
}
|
|
8009
8012
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
8010
8013
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8032,7 +8035,7 @@ ul) {
|
|
|
8032
8035
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
8033
8036
|
display: grid;
|
|
8034
8037
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
8035
|
-
|
|
8038
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8036
8039
|
}
|
|
8037
8040
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
8038
8041
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8205,14 +8208,14 @@ ul) {
|
|
|
8205
8208
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
8206
8209
|
}
|
|
8207
8210
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8211
|
+
visibility: visible;
|
|
8208
8212
|
max-height: 99999px;
|
|
8209
8213
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
8210
8214
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8211
|
-
visibility: visible;
|
|
8212
8215
|
opacity: 1;
|
|
8216
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8213
8217
|
transition-delay: 0s;
|
|
8214
8218
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
8215
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8216
8219
|
}
|
|
8217
8220
|
|
|
8218
8221
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -8234,10 +8237,10 @@ ul) {
|
|
|
8234
8237
|
display: inline-block;
|
|
8235
8238
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
8236
8239
|
text-align: center;
|
|
8240
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8237
8241
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
8238
8242
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
8239
8243
|
transition-property: transform;
|
|
8240
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8241
8244
|
}
|
|
8242
8245
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
8243
8246
|
scale: -1 1;
|
|
@@ -8286,15 +8289,15 @@ ul) {
|
|
|
8286
8289
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8287
8290
|
}
|
|
8288
8291
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8292
|
+
visibility: hidden;
|
|
8289
8293
|
max-height: 0;
|
|
8290
8294
|
padding-block-start: 0;
|
|
8291
8295
|
padding-block-end: 0;
|
|
8292
|
-
visibility: hidden;
|
|
8293
8296
|
opacity: 0;
|
|
8297
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8294
8298
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
8295
8299
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
8296
8300
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
8297
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8298
8301
|
}
|
|
8299
8302
|
|
|
8300
8303
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -8454,10 +8457,10 @@ ul) {
|
|
|
8454
8457
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
8455
8458
|
color: var(--pf-v6-c-form-control--Color);
|
|
8456
8459
|
appearance: none;
|
|
8460
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8457
8461
|
background-color: transparent;
|
|
8458
8462
|
border: none;
|
|
8459
8463
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8460
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8461
8464
|
}
|
|
8462
8465
|
.pf-v6-c-form-control > ::placeholder {
|
|
8463
8466
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -8823,8 +8826,8 @@ ul) {
|
|
|
8823
8826
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
8824
8827
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
8825
8828
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
8826
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8827
8829
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
8830
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8828
8831
|
}
|
|
8829
8832
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
8830
8833
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -8860,7 +8863,7 @@ ul) {
|
|
|
8860
8863
|
.pf-v6-c-hint {
|
|
8861
8864
|
display: grid;
|
|
8862
8865
|
grid-template-columns: 1fr auto;
|
|
8863
|
-
|
|
8866
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
8864
8867
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
8865
8868
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
8866
8869
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -9308,20 +9311,20 @@ ul) {
|
|
|
9308
9311
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9309
9312
|
}
|
|
9310
9313
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
9314
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9311
9315
|
flex-grow: 1;
|
|
9312
9316
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
9313
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9314
9317
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
9318
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9319
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9315
9320
|
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9316
9321
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
9317
9322
|
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
|
9318
9323
|
transition-property: opacity, scale, visibility, max-width;
|
|
9319
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9320
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9321
9324
|
}
|
|
9322
9325
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
9323
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9324
9326
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
9327
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9325
9328
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
9326
9329
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9327
9330
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -9329,8 +9332,8 @@ ul) {
|
|
|
9329
9332
|
transition-property: opacity, visibility, max-width;
|
|
9330
9333
|
}
|
|
9331
9334
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
9332
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9333
9335
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
9336
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9334
9337
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
9335
9338
|
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9336
9339
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -9657,10 +9660,10 @@ label.pf-v6-c-input-group__text {
|
|
|
9657
9660
|
.pf-v6-c-jump-links__toggle-icon {
|
|
9658
9661
|
display: inline-block;
|
|
9659
9662
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
9663
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9660
9664
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
9661
9665
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
9662
9666
|
transition-property: transform;
|
|
9663
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9664
9667
|
}
|
|
9665
9668
|
|
|
9666
9669
|
.pf-v6-c-label {
|
|
@@ -9873,9 +9876,9 @@ label.pf-v6-c-input-group__text {
|
|
|
9873
9876
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
9874
9877
|
white-space: nowrap;
|
|
9875
9878
|
background: transparent;
|
|
9876
|
-
isolation: isolate;
|
|
9877
9879
|
border: 0;
|
|
9878
9880
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
9881
|
+
isolation: isolate;
|
|
9879
9882
|
}
|
|
9880
9883
|
.pf-v6-c-label.pf-m-blue {
|
|
9881
9884
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -10533,7 +10536,7 @@ ul.pf-v6-c-list {
|
|
|
10533
10536
|
display: grid;
|
|
10534
10537
|
grid-template-areas: "main header" "main footer" "main .";
|
|
10535
10538
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
10536
|
-
|
|
10539
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
10537
10540
|
justify-content: center;
|
|
10538
10541
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
10539
10542
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -10559,10 +10562,10 @@ ul.pf-v6-c-list {
|
|
|
10559
10562
|
align-self: start;
|
|
10560
10563
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10561
10564
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10562
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10563
10565
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10564
10566
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10565
10567
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10568
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10566
10569
|
}
|
|
10567
10570
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10568
10571
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10906,9 +10909,9 @@ ul.pf-v6-c-list {
|
|
|
10906
10909
|
}
|
|
10907
10910
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10908
10911
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10909
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10910
10912
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10911
10913
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
10914
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10912
10915
|
}
|
|
10913
10916
|
|
|
10914
10917
|
.pf-v6-c-masthead__main {
|
|
@@ -11617,8 +11620,8 @@ ul.pf-v6-c-list {
|
|
|
11617
11620
|
}
|
|
11618
11621
|
|
|
11619
11622
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
11620
|
-
overflow: hidden;
|
|
11621
11623
|
visibility: visible;
|
|
11624
|
+
overflow: hidden;
|
|
11622
11625
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
11623
11626
|
}
|
|
11624
11627
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -11644,8 +11647,8 @@ ul.pf-v6-c-list {
|
|
|
11644
11647
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11645
11648
|
}
|
|
11646
11649
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
11647
|
-
overflow: visible;
|
|
11648
11650
|
visibility: hidden;
|
|
11651
|
+
overflow: visible;
|
|
11649
11652
|
}
|
|
11650
11653
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
11651
11654
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
|
|
@@ -11786,10 +11789,10 @@ ul.pf-v6-c-list {
|
|
|
11786
11789
|
color: var(--pf-v6-c-menu__item--Color);
|
|
11787
11790
|
text-align: start;
|
|
11788
11791
|
text-decoration-line: none;
|
|
11792
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11789
11793
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11790
11794
|
border: 0;
|
|
11791
11795
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11792
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11793
11796
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11794
11797
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
11795
11798
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -11883,7 +11886,7 @@ ul.pf-v6-c-list {
|
|
|
11883
11886
|
.pf-v6-c-menu__item-description {
|
|
11884
11887
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11885
11888
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11886
|
-
|
|
11889
|
+
overflow-wrap: break-word;
|
|
11887
11890
|
}
|
|
11888
11891
|
|
|
11889
11892
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12466,10 +12469,10 @@ ul.pf-v6-c-list {
|
|
|
12466
12469
|
|
|
12467
12470
|
.pf-v6-c-menu-toggle__icon {
|
|
12468
12471
|
flex-shrink: 0;
|
|
12472
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12469
12473
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12470
12474
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12471
12475
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
12472
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12473
12476
|
}
|
|
12474
12477
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
12475
12478
|
vertical-align: middle;
|
|
@@ -12677,7 +12680,7 @@ ul.pf-v6-c-list {
|
|
|
12677
12680
|
overflow-x: hidden;
|
|
12678
12681
|
overflow-y: auto;
|
|
12679
12682
|
overscroll-behavior: contain;
|
|
12680
|
-
|
|
12683
|
+
overflow-wrap: break-word;
|
|
12681
12684
|
-webkit-overflow-scrolling: touch;
|
|
12682
12685
|
}
|
|
12683
12686
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13126,17 +13129,17 @@ ul.pf-v6-c-list {
|
|
|
13126
13129
|
|
|
13127
13130
|
.pf-v6-c-nav__subnav {
|
|
13128
13131
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
13132
|
+
visibility: visible;
|
|
13129
13133
|
max-height: 99999px;
|
|
13130
13134
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
13131
13135
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
13132
13136
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
13133
13137
|
overflow-y: clip;
|
|
13134
|
-
|
|
13138
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13135
13139
|
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
13136
13140
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
13137
13141
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
13138
13142
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
13139
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13140
13143
|
}
|
|
13141
13144
|
.pf-v6-c-nav__subnav[hidden] {
|
|
13142
13145
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -13146,8 +13149,8 @@ ul.pf-v6-c-list {
|
|
|
13146
13149
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
13147
13150
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
13148
13151
|
display: grid;
|
|
13149
|
-
max-height: 0;
|
|
13150
13152
|
visibility: hidden;
|
|
13153
|
+
max-height: 0;
|
|
13151
13154
|
opacity: 0;
|
|
13152
13155
|
}
|
|
13153
13156
|
|
|
@@ -13165,10 +13168,10 @@ ul.pf-v6-c-list {
|
|
|
13165
13168
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
13166
13169
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
13167
13170
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
13171
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13168
13172
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
13169
13173
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
13170
13174
|
transition-property: scale;
|
|
13171
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13172
13175
|
}
|
|
13173
13176
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
13174
13177
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -13256,10 +13259,10 @@ ul.pf-v6-c-list {
|
|
|
13256
13259
|
|
|
13257
13260
|
.pf-v6-c-nav__toggle-icon {
|
|
13258
13261
|
display: inline-block;
|
|
13262
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13259
13263
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
13260
13264
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
13261
13265
|
transition-property: transform;
|
|
13262
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13263
13266
|
}
|
|
13264
13267
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
13265
13268
|
scale: -1 1;
|
|
@@ -13492,9 +13495,9 @@ ul.pf-v6-c-list {
|
|
|
13492
13495
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
13493
13496
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13494
13497
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13498
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13495
13499
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
13496
13500
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13497
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13498
13501
|
}
|
|
13499
13502
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
13500
13503
|
position: absolute;
|
|
@@ -13551,7 +13554,7 @@ ul.pf-v6-c-list {
|
|
|
13551
13554
|
|
|
13552
13555
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13553
13556
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13554
|
-
|
|
13557
|
+
overflow-wrap: break-word;
|
|
13555
13558
|
}
|
|
13556
13559
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13557
13560
|
display: -webkit-box;
|
|
@@ -13573,7 +13576,7 @@ ul.pf-v6-c-list {
|
|
|
13573
13576
|
grid-row: 2/3;
|
|
13574
13577
|
grid-column: 1/2;
|
|
13575
13578
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13576
|
-
|
|
13579
|
+
overflow-wrap: break-word;
|
|
13577
13580
|
}
|
|
13578
13581
|
|
|
13579
13582
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13604,9 +13607,9 @@ ul.pf-v6-c-list {
|
|
|
13604
13607
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
13605
13608
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
13606
13609
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
13610
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13607
13611
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
13608
13612
|
border: none;
|
|
13609
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13610
13613
|
}
|
|
13611
13614
|
|
|
13612
13615
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -13618,7 +13621,7 @@ ul.pf-v6-c-list {
|
|
|
13618
13621
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13619
13622
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13620
13623
|
text-align: start;
|
|
13621
|
-
|
|
13624
|
+
overflow-wrap: break-word;
|
|
13622
13625
|
}
|
|
13623
13626
|
|
|
13624
13627
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -14088,10 +14091,11 @@ ul.pf-v6-c-list {
|
|
|
14088
14091
|
inset-inline-start: 0;
|
|
14089
14092
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
14090
14093
|
display: flex;
|
|
14094
|
+
visibility: hidden;
|
|
14091
14095
|
flex-direction: column;
|
|
14092
14096
|
grid-area: dock;
|
|
14093
14097
|
width: var(--pf-v6-c-page__dock--Width);
|
|
14094
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
14098
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
14095
14099
|
translate: -100% 0;
|
|
14096
14100
|
}
|
|
14097
14101
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -14100,7 +14104,9 @@ ul.pf-v6-c-list {
|
|
|
14100
14104
|
|
|
14101
14105
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
14102
14106
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
14107
|
+
visibility: visible;
|
|
14103
14108
|
translate: 0;
|
|
14109
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
14104
14110
|
}
|
|
14105
14111
|
@media (min-width: 62rem) {
|
|
14106
14112
|
.pf-v6-c-page__dock {
|
|
@@ -14108,6 +14114,7 @@ ul.pf-v6-c-list {
|
|
|
14108
14114
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14109
14115
|
position: revert;
|
|
14110
14116
|
inset: revert;
|
|
14117
|
+
visibility: revert;
|
|
14111
14118
|
width: auto;
|
|
14112
14119
|
translate: 0;
|
|
14113
14120
|
}
|
|
@@ -14122,9 +14129,9 @@ ul.pf-v6-c-list {
|
|
|
14122
14129
|
.pf-v6-c-page__dock-main {
|
|
14123
14130
|
flex-grow: 1;
|
|
14124
14131
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
14125
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14126
14132
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
14127
14133
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
14134
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14128
14135
|
}
|
|
14129
14136
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
14130
14137
|
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -14206,10 +14213,10 @@ ul.pf-v6-c-list {
|
|
|
14206
14213
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
14207
14214
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
14208
14215
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
14209
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14210
14216
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14211
14217
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14212
14218
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
14219
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14213
14220
|
}
|
|
14214
14221
|
|
|
14215
14222
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14575,7 +14582,6 @@ ul.pf-v6-c-list {
|
|
|
14575
14582
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
14576
14583
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
14577
14584
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14578
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14579
14585
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
14580
14586
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
14581
14587
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -14583,6 +14589,7 @@ ul.pf-v6-c-list {
|
|
|
14583
14589
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
14584
14590
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14585
14591
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
14592
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14586
14593
|
}
|
|
14587
14594
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14588
14595
|
.pf-v6-c-page__main-container {
|
|
@@ -15607,7 +15614,7 @@ ul.pf-v6-c-list {
|
|
|
15607
15614
|
}
|
|
15608
15615
|
|
|
15609
15616
|
.pf-v6-c-popover__body {
|
|
15610
|
-
|
|
15617
|
+
overflow-wrap: break-word;
|
|
15611
15618
|
}
|
|
15612
15619
|
|
|
15613
15620
|
.pf-v6-c-popover__footer {
|
|
@@ -15652,7 +15659,7 @@ ul.pf-v6-c-list {
|
|
|
15652
15659
|
display: grid;
|
|
15653
15660
|
grid-template-rows: 1fr auto;
|
|
15654
15661
|
grid-template-columns: auto auto;
|
|
15655
|
-
|
|
15662
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
15656
15663
|
align-items: end;
|
|
15657
15664
|
}
|
|
15658
15665
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -15746,7 +15753,7 @@ ul.pf-v6-c-list {
|
|
|
15746
15753
|
|
|
15747
15754
|
.pf-v6-c-progress__description {
|
|
15748
15755
|
grid-column: 1/2;
|
|
15749
|
-
|
|
15756
|
+
overflow-wrap: break-word;
|
|
15750
15757
|
}
|
|
15751
15758
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15752
15759
|
overflow: hidden;
|
|
@@ -15762,7 +15769,7 @@ ul.pf-v6-c-list {
|
|
|
15762
15769
|
align-items: flex-start;
|
|
15763
15770
|
justify-content: flex-end;
|
|
15764
15771
|
text-align: end;
|
|
15765
|
-
|
|
15772
|
+
overflow-wrap: break-word;
|
|
15766
15773
|
}
|
|
15767
15774
|
|
|
15768
15775
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16025,9 +16032,9 @@ ul.pf-v6-c-list {
|
|
|
16025
16032
|
inset-block-start: 0;
|
|
16026
16033
|
inset-inline-start: 0;
|
|
16027
16034
|
overflow: hidden;
|
|
16028
|
-
clip: rect(0, 0, 0, 0);
|
|
16029
16035
|
white-space: nowrap;
|
|
16030
16036
|
border: 0;
|
|
16037
|
+
clip-path: inset(50%);
|
|
16031
16038
|
}
|
|
16032
16039
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
16033
16040
|
grid-row: 1/2;
|
|
@@ -16449,7 +16456,7 @@ ul.pf-v6-c-list {
|
|
|
16449
16456
|
.pf-v6-c-radio {
|
|
16450
16457
|
display: grid;
|
|
16451
16458
|
grid-template-columns: auto 1fr;
|
|
16452
|
-
|
|
16459
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
16453
16460
|
align-items: baseline;
|
|
16454
16461
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
16455
16462
|
}
|
|
@@ -17444,10 +17451,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17444
17451
|
width: 100%;
|
|
17445
17452
|
height: 100%;
|
|
17446
17453
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
17454
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17455
|
+
stroke-linecap: round;
|
|
17447
17456
|
stroke-dasharray: 283;
|
|
17448
17457
|
stroke-dashoffset: 280;
|
|
17449
|
-
stroke-linecap: round;
|
|
17450
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17451
17458
|
transform-origin: 50% 50%;
|
|
17452
17459
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
17453
17460
|
}
|
|
@@ -17607,8 +17614,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17607
17614
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
17608
17615
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
17609
17616
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
17610
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17611
17617
|
transform: translateY(-50%);
|
|
17618
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17612
17619
|
}
|
|
17613
17620
|
.pf-v6-c-switch__toggle::after {
|
|
17614
17621
|
position: absolute;
|
|
@@ -19605,11 +19612,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19605
19612
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
19606
19613
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
19607
19614
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19615
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19608
19616
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
19609
19617
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
19610
19618
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19611
19619
|
color: var(--pf-v6-c-table--cell--Color);
|
|
19612
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19613
19620
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19614
19621
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19615
19622
|
}
|
|
@@ -19715,24 +19722,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19715
19722
|
}
|
|
19716
19723
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
19717
19724
|
cursor: pointer;
|
|
19718
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19719
19725
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
19726
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19720
19727
|
}
|
|
19721
19728
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
19722
19729
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
19723
19730
|
}
|
|
19724
19731
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
19725
19732
|
position: relative;
|
|
19726
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19727
19733
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
19734
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19728
19735
|
}
|
|
19729
19736
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
19730
19737
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
19731
19738
|
}
|
|
19732
19739
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
19733
19740
|
cursor: pointer;
|
|
19734
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19735
19741
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
19742
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19736
19743
|
}
|
|
19737
19744
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
19738
19745
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -19741,8 +19748,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19741
19748
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
19742
19749
|
}
|
|
19743
19750
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
19744
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19745
19751
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
19752
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19746
19753
|
}
|
|
19747
19754
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
|
19748
19755
|
border: none;
|
|
@@ -19767,11 +19774,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19767
19774
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
19768
19775
|
visibility: hidden;
|
|
19769
19776
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
19777
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19770
19778
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
19771
19779
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
19772
19780
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
19773
19781
|
transition-property: opacity, translate, visibility, background-color;
|
|
19774
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19775
19782
|
}
|
|
19776
19783
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
19777
19784
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -19779,9 +19786,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19779
19786
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
19780
19787
|
visibility: visible;
|
|
19781
19788
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
19789
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19782
19790
|
transition-delay: 0s;
|
|
19783
19791
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
19784
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19785
19792
|
}
|
|
19786
19793
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
19787
19794
|
max-height: 99999px;
|
|
@@ -19847,8 +19854,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19847
19854
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
19848
19855
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
19849
19856
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19850
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19851
19857
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19858
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19852
19859
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19853
19860
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19854
19861
|
}
|
|
@@ -19877,10 +19884,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19877
19884
|
text-align: start;
|
|
19878
19885
|
white-space: inherit;
|
|
19879
19886
|
user-select: text;
|
|
19887
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19880
19888
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
19881
19889
|
border: 0;
|
|
19882
19890
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
19883
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19884
19891
|
}
|
|
19885
19892
|
.pf-v6-c-table__button::after {
|
|
19886
19893
|
position: absolute;
|
|
@@ -19974,10 +19981,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19974
19981
|
}
|
|
19975
19982
|
|
|
19976
19983
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
19984
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19977
19985
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
19978
19986
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
19979
19987
|
transition-property: transform;
|
|
19980
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19981
19988
|
}
|
|
19982
19989
|
.pf-v6-c-table__toggle svg {
|
|
19983
19990
|
pointer-events: none;
|
|
@@ -20533,8 +20540,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20533
20540
|
}
|
|
20534
20541
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20535
20542
|
position: relative;
|
|
20536
|
-
border: none;
|
|
20537
20543
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20544
|
+
border: none;
|
|
20538
20545
|
}
|
|
20539
20546
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20540
20547
|
position: absolute;
|
|
@@ -20572,7 +20579,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20572
20579
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20573
20580
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20574
20581
|
grid-column: 1;
|
|
20575
|
-
|
|
20582
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20576
20583
|
align-items: start;
|
|
20577
20584
|
}
|
|
20578
20585
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20675,8 +20682,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20675
20682
|
}
|
|
20676
20683
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20677
20684
|
position: relative;
|
|
20678
|
-
border: none;
|
|
20679
20685
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20686
|
+
border: none;
|
|
20680
20687
|
}
|
|
20681
20688
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20682
20689
|
position: absolute;
|
|
@@ -20714,7 +20721,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20714
20721
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20715
20722
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20716
20723
|
grid-column: 1;
|
|
20717
|
-
|
|
20724
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20718
20725
|
align-items: start;
|
|
20719
20726
|
}
|
|
20720
20727
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20818,8 +20825,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20818
20825
|
}
|
|
20819
20826
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20820
20827
|
position: relative;
|
|
20821
|
-
border: none;
|
|
20822
20828
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20829
|
+
border: none;
|
|
20823
20830
|
}
|
|
20824
20831
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20825
20832
|
position: absolute;
|
|
@@ -20857,7 +20864,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20857
20864
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20858
20865
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20859
20866
|
grid-column: 1;
|
|
20860
|
-
|
|
20867
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20861
20868
|
align-items: start;
|
|
20862
20869
|
}
|
|
20863
20870
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20961,8 +20968,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20961
20968
|
}
|
|
20962
20969
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20963
20970
|
position: relative;
|
|
20964
|
-
border: none;
|
|
20965
20971
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20972
|
+
border: none;
|
|
20966
20973
|
}
|
|
20967
20974
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20968
20975
|
position: absolute;
|
|
@@ -21000,7 +21007,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21000
21007
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21001
21008
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21002
21009
|
grid-column: 1;
|
|
21003
|
-
|
|
21010
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21004
21011
|
align-items: start;
|
|
21005
21012
|
}
|
|
21006
21013
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21104,8 +21111,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21104
21111
|
}
|
|
21105
21112
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
21106
21113
|
position: relative;
|
|
21107
|
-
border: none;
|
|
21108
21114
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21115
|
+
border: none;
|
|
21109
21116
|
}
|
|
21110
21117
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
21111
21118
|
position: absolute;
|
|
@@ -21143,7 +21150,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21143
21150
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21144
21151
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21145
21152
|
grid-column: 1;
|
|
21146
|
-
|
|
21153
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21147
21154
|
align-items: start;
|
|
21148
21155
|
}
|
|
21149
21156
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21696,8 +21703,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21696
21703
|
|
|
21697
21704
|
.pf-v6-c-tabs__toggle-icon {
|
|
21698
21705
|
display: inline-block;
|
|
21699
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21700
21706
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
21707
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21701
21708
|
}
|
|
21702
21709
|
|
|
21703
21710
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -21861,8 +21868,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21861
21868
|
align-self: end;
|
|
21862
21869
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
21863
21870
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
21864
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21865
21871
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
21872
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21866
21873
|
}
|
|
21867
21874
|
|
|
21868
21875
|
.pf-v6-c-tabs__item-action {
|
|
@@ -22125,10 +22132,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22125
22132
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
22126
22133
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
22127
22134
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
22135
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22128
22136
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
22129
22137
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
22130
22138
|
transition-property: width, height, translate;
|
|
22131
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22132
22139
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
22133
22140
|
}
|
|
22134
22141
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
@@ -22334,9 +22341,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22334
22341
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
22335
22342
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
22336
22343
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
22344
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22337
22345
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
22338
22346
|
border: 0;
|
|
22339
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22340
22347
|
}
|
|
22341
22348
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
22342
22349
|
grid-area: text-input;
|
|
@@ -22544,7 +22551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22544
22551
|
|
|
22545
22552
|
.pf-v6-c-title {
|
|
22546
22553
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22547
|
-
|
|
22554
|
+
overflow-wrap: break-word;
|
|
22548
22555
|
}
|
|
22549
22556
|
.pf-v6-c-title.pf-m-4xl {
|
|
22550
22557
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -23327,10 +23334,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23327
23334
|
|
|
23328
23335
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
23329
23336
|
display: inline-flex;
|
|
23337
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23330
23338
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
23331
23339
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
23332
23340
|
transition-property: transform;
|
|
23333
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23334
23341
|
}
|
|
23335
23342
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
23336
23343
|
scale: -1 1;
|
|
@@ -24966,7 +24973,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24966
24973
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24967
24974
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24968
24975
|
text-align: center;
|
|
24969
|
-
|
|
24976
|
+
overflow-wrap: break-word;
|
|
24970
24977
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24971
24978
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24972
24979
|
}
|
|
@@ -25348,19 +25355,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25348
25355
|
display: inline-block;
|
|
25349
25356
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
25350
25357
|
text-align: center;
|
|
25351
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25352
25358
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
25359
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25353
25360
|
}
|
|
25354
25361
|
|
|
25355
25362
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
25356
|
-
max-height: 0;
|
|
25357
25363
|
visibility: hidden;
|
|
25364
|
+
max-height: 0;
|
|
25358
25365
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
25366
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25359
25367
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
25360
25368
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
25361
25369
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
25362
25370
|
transition-property: opacity, translate, visibility, max-height;
|
|
25363
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25364
25371
|
}
|
|
25365
25372
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
25366
25373
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -25371,12 +25378,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25371
25378
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
25372
25379
|
}
|
|
25373
25380
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
25374
|
-
max-height: 99999px;
|
|
25375
25381
|
visibility: revert;
|
|
25382
|
+
max-height: 99999px;
|
|
25376
25383
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
25384
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25377
25385
|
transition-delay: 0s;
|
|
25378
25386
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
25379
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25380
25387
|
}
|
|
25381
25388
|
|
|
25382
25389
|
.pf-v6-c-tree-view__node,
|
|
@@ -25815,7 +25822,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25815
25822
|
|
|
25816
25823
|
.pf-v6-c-wizard__title {
|
|
25817
25824
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
25818
|
-
|
|
25825
|
+
overflow-wrap: break-word;
|
|
25819
25826
|
}
|
|
25820
25827
|
|
|
25821
25828
|
.pf-v6-c-wizard__title-text {
|
|
@@ -25878,7 +25885,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25878
25885
|
align-items: baseline;
|
|
25879
25886
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25880
25887
|
text-align: start;
|
|
25881
|
-
|
|
25888
|
+
overflow-wrap: break-word;
|
|
25882
25889
|
}
|
|
25883
25890
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25884
25891
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26014,8 +26021,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26014
26021
|
padding-inline: 0;
|
|
26015
26022
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26016
26023
|
text-align: start;
|
|
26024
|
+
overflow-wrap: break-word;
|
|
26017
26025
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26018
|
-
word-break: break-word;
|
|
26019
26026
|
counter-increment: wizard-nav-count;
|
|
26020
26027
|
background-color: transparent;
|
|
26021
26028
|
border: none;
|
|
@@ -26120,10 +26127,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26120
26127
|
|
|
26121
26128
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
26122
26129
|
display: inline-block;
|
|
26130
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26123
26131
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
26124
26132
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
26125
26133
|
transition-property: transform;
|
|
26126
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26127
26134
|
}
|
|
26128
26135
|
|
|
26129
26136
|
.pf-v6-c-wizard__main {
|
|
@@ -26133,7 +26140,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26133
26140
|
flex-direction: column;
|
|
26134
26141
|
overflow-x: hidden;
|
|
26135
26142
|
overflow-y: auto;
|
|
26136
|
-
|
|
26143
|
+
overflow-wrap: break-word;
|
|
26137
26144
|
}
|
|
26138
26145
|
|
|
26139
26146
|
.pf-v6-c-wizard__main-body {
|