@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/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 +8 -4
- package/components/Accordion/accordion.scss +9 -4
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +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 +3 -3
- package/components/Compass/compass.scss +3 -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 +3 -3
- package/components/Page/page.scss +3 -3
- 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 +132 -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 +195 -192
- package/patternfly.css +195 -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) {
|
|
@@ -241,7 +241,9 @@
|
|
|
241
241
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
242
242
|
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
243
243
|
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
244
|
+
--pf-v6-c-accordion__expandable-content--Overflow: hidden;
|
|
244
245
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
246
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
|
|
245
247
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
246
248
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
247
249
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
@@ -374,6 +376,7 @@
|
|
|
374
376
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
375
377
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
376
378
|
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
379
|
+
--pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
|
|
377
380
|
}
|
|
378
381
|
|
|
379
382
|
.pf-v6-c-accordion__toggle {
|
|
@@ -421,8 +424,8 @@
|
|
|
421
424
|
}
|
|
422
425
|
|
|
423
426
|
.pf-v6-c-accordion__toggle-icon {
|
|
424
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
425
427
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
428
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
426
429
|
}
|
|
427
430
|
|
|
428
431
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -430,26 +433,27 @@
|
|
|
430
433
|
}
|
|
431
434
|
|
|
432
435
|
.pf-v6-c-accordion__expandable-content {
|
|
436
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
433
437
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
434
438
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
435
439
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
436
440
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
441
|
+
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
437
442
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
438
443
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
439
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
440
444
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
441
445
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
442
446
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
443
447
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
448
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
444
449
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
445
450
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
446
451
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
447
452
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
448
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
449
453
|
}
|
|
450
454
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
455
|
+
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
451
456
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
452
|
-
overflow-y: auto;
|
|
453
457
|
}
|
|
454
458
|
|
|
455
459
|
.pf-v6-c-accordion__expandable-content-body {
|
|
@@ -649,8 +653,8 @@
|
|
|
649
653
|
|
|
650
654
|
.pf-v6-c-alert__toggle-icon {
|
|
651
655
|
display: inline-block;
|
|
652
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
653
656
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
657
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
654
658
|
}
|
|
655
659
|
|
|
656
660
|
.pf-v6-c-alert__icon {
|
|
@@ -665,7 +669,7 @@
|
|
|
665
669
|
grid-area: title;
|
|
666
670
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
667
671
|
color: var(--pf-v6-c-alert__title--Color);
|
|
668
|
-
|
|
672
|
+
overflow-wrap: break-word;
|
|
669
673
|
}
|
|
670
674
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
671
675
|
display: -webkit-box;
|
|
@@ -677,7 +681,7 @@
|
|
|
677
681
|
.pf-v6-c-alert__description {
|
|
678
682
|
grid-area: description;
|
|
679
683
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
680
|
-
|
|
684
|
+
overflow-wrap: break-word;
|
|
681
685
|
}
|
|
682
686
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
683
687
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -827,8 +831,8 @@
|
|
|
827
831
|
display: grid;
|
|
828
832
|
grid-template-rows: 1fr;
|
|
829
833
|
opacity: 1;
|
|
830
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
831
834
|
transform: translateX(0) translateY(0);
|
|
835
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
832
836
|
}
|
|
833
837
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
834
838
|
.pf-v6-c-alert-group__item {
|
|
@@ -1573,10 +1577,10 @@
|
|
|
1573
1577
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1574
1578
|
line-height: inherit;
|
|
1575
1579
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1580
|
+
overflow-wrap: break-word;
|
|
1576
1581
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1577
1582
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1578
1583
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
1579
|
-
word-break: break-word;
|
|
1580
1584
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1581
1585
|
}
|
|
1582
1586
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -1994,10 +1998,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1994
1998
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1995
1999
|
color: var(--pf-v6-c-button--Color);
|
|
1996
2000
|
text-align: center;
|
|
2001
|
+
white-space: nowrap;
|
|
1997
2002
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
1998
2003
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
1999
2004
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
2000
|
-
white-space: nowrap;
|
|
2001
2005
|
cursor: pointer;
|
|
2002
2006
|
-webkit-user-select: none;
|
|
2003
2007
|
user-select: none;
|
|
@@ -2007,11 +2011,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2007
2011
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2008
2012
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2009
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);
|
|
2010
2015
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
2011
2016
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
2012
2017
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
2013
2018
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
2014
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2015
2019
|
}
|
|
2016
2020
|
.pf-v6-c-button::after {
|
|
2017
2021
|
position: absolute;
|
|
@@ -2138,10 +2142,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2138
2142
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2139
2143
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
2140
2144
|
text-align: start;
|
|
2141
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2142
2145
|
white-space: normal;
|
|
2143
|
-
|
|
2146
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2144
2147
|
outline-offset: 0.125rem;
|
|
2148
|
+
background: transparent;
|
|
2145
2149
|
}
|
|
2146
2150
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2147
2151
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -2499,12 +2503,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2499
2503
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2500
2504
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2501
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);
|
|
2502
2508
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
2503
2509
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
2504
2510
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2505
2511
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
2506
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2507
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2508
2512
|
}
|
|
2509
2513
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2510
2514
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2931,8 +2935,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2931
2935
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
2932
2936
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
2933
2937
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
2934
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2935
2938
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
2939
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2936
2940
|
}
|
|
2937
2941
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2938
2942
|
gap: 0;
|
|
@@ -3174,9 +3178,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3174
3178
|
}
|
|
3175
3179
|
|
|
3176
3180
|
.pf-v6-c-card__clickable-action {
|
|
3181
|
+
outline: 0;
|
|
3177
3182
|
background: none;
|
|
3178
3183
|
border: 0;
|
|
3179
|
-
outline: 0;
|
|
3180
3184
|
}
|
|
3181
3185
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
3182
3186
|
pointer-events: none;
|
|
@@ -3244,7 +3248,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3244
3248
|
.pf-v6-c-check {
|
|
3245
3249
|
display: grid;
|
|
3246
3250
|
grid-template-columns: auto 1fr;
|
|
3247
|
-
|
|
3251
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
3248
3252
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
3249
3253
|
}
|
|
3250
3254
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -3375,7 +3379,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3375
3379
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
3376
3380
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
3377
3381
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
3378
|
-
|
|
3382
|
+
overflow-wrap: break-word;
|
|
3379
3383
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
3380
3384
|
background-clip: padding-box;
|
|
3381
3385
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -3391,7 +3395,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3391
3395
|
}
|
|
3392
3396
|
|
|
3393
3397
|
.pf-v6-c-clipboard-copy__text {
|
|
3394
|
-
|
|
3398
|
+
overflow-wrap: break-word;
|
|
3395
3399
|
white-space: normal;
|
|
3396
3400
|
}
|
|
3397
3401
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -3880,8 +3884,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3880
3884
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
3881
3885
|
.pf-v6-c-compass__main-footer,
|
|
3882
3886
|
.pf-v6-c-compass__footer {
|
|
3883
|
-
margin: 0;
|
|
3884
3887
|
visibility: hidden;
|
|
3888
|
+
margin: 0;
|
|
3885
3889
|
opacity: 0;
|
|
3886
3890
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
3887
3891
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -4002,8 +4006,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4002
4006
|
flex-direction: column;
|
|
4003
4007
|
grid-area: dock;
|
|
4004
4008
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
4005
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4006
4009
|
translate: -100% 0;
|
|
4010
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4007
4011
|
}
|
|
4008
4012
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4009
4013
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
@@ -4029,9 +4033,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4029
4033
|
.pf-v6-c-compass__dock-main {
|
|
4030
4034
|
flex-grow: 1;
|
|
4031
4035
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
4032
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4033
4036
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
4034
4037
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
4038
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4035
4039
|
}
|
|
4036
4040
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
4037
4041
|
border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -4362,8 +4366,8 @@ ul) {
|
|
|
4362
4366
|
@media screen and (min-width: 36rem) {
|
|
4363
4367
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
4364
4368
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
4365
|
-
|
|
4366
|
-
|
|
4369
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
4370
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
4367
4371
|
}
|
|
4368
4372
|
}
|
|
4369
4373
|
|
|
@@ -5152,8 +5156,8 @@ ul) {
|
|
|
5152
5156
|
.pf-v6-c-data-list__toggle-icon {
|
|
5153
5157
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
5154
5158
|
pointer-events: none;
|
|
5155
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5156
5159
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
5160
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5157
5161
|
}
|
|
5158
5162
|
|
|
5159
5163
|
.pf-v6-c-data-list__item-content {
|
|
@@ -5370,7 +5374,6 @@ ul) {
|
|
|
5370
5374
|
width: 100%;
|
|
5371
5375
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5372
5376
|
break-inside: avoid;
|
|
5373
|
-
page-break-inside: avoid;
|
|
5374
5377
|
-webkit-column-break-inside: avoid;
|
|
5375
5378
|
-moz-column-break-inside: avoid;
|
|
5376
5379
|
}
|
|
@@ -5778,9 +5781,9 @@ ul) {
|
|
|
5778
5781
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
5779
5782
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
5780
5783
|
overflow: auto;
|
|
5784
|
+
outline-offset: 2px;
|
|
5781
5785
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
5782
5786
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5783
|
-
outline-offset: 2px;
|
|
5784
5787
|
}
|
|
5785
5788
|
|
|
5786
5789
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5816,25 +5819,25 @@ ul) {
|
|
|
5816
5819
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
5817
5820
|
}
|
|
5818
5821
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
5819
|
-
max-height: 0;
|
|
5820
5822
|
visibility: hidden;
|
|
5823
|
+
max-height: 0;
|
|
5821
5824
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
5825
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5822
5826
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
5823
5827
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
5824
5828
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
5825
5829
|
transition-property: opacity, translate, visibility, max-height;
|
|
5826
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5827
5830
|
}
|
|
5828
5831
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
5829
5832
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
5830
5833
|
}
|
|
5831
5834
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
5832
|
-
max-height: 99999px;
|
|
5833
5835
|
visibility: revert;
|
|
5836
|
+
max-height: 99999px;
|
|
5834
5837
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5838
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5835
5839
|
transition-delay: 0s;
|
|
5836
5840
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
5837
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5838
5841
|
}
|
|
5839
5842
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
5840
5843
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -5969,10 +5972,10 @@ ul) {
|
|
|
5969
5972
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5970
5973
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5971
5974
|
text-align: center;
|
|
5975
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5972
5976
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5973
5977
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
5974
5978
|
transition-property: transform;
|
|
5975
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5976
5979
|
}
|
|
5977
5980
|
|
|
5978
5981
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -6757,6 +6760,7 @@ ul) {
|
|
|
6757
6760
|
.pf-v6-c-drawer__panel {
|
|
6758
6761
|
position: relative;
|
|
6759
6762
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
6763
|
+
visibility: hidden;
|
|
6760
6764
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
6761
6765
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
6762
6766
|
order: 1;
|
|
@@ -6764,7 +6768,6 @@ ul) {
|
|
|
6764
6768
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
6765
6769
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
6766
6770
|
overflow: auto;
|
|
6767
|
-
visibility: hidden;
|
|
6768
6771
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
6769
6772
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
6770
6773
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -6874,8 +6877,8 @@ ul) {
|
|
|
6874
6877
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6875
6878
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6876
6879
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6877
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6878
6880
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
6881
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6879
6882
|
}
|
|
6880
6883
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6881
6884
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -7665,8 +7668,8 @@ ul) {
|
|
|
7665
7668
|
display: inline-block;
|
|
7666
7669
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
7667
7670
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
7668
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7669
7671
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
7672
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7670
7673
|
}
|
|
7671
7674
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
7672
7675
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -7681,15 +7684,15 @@ ul) {
|
|
|
7681
7684
|
display: revert;
|
|
7682
7685
|
}
|
|
7683
7686
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
7687
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7684
7688
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
7685
7689
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
7686
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7687
7690
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
7691
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7688
7692
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
7689
7693
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
7690
7694
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
7691
7695
|
transition-property: opacity, translate, visibility, max-height;
|
|
7692
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7693
7696
|
}
|
|
7694
7697
|
|
|
7695
7698
|
.pf-v6-c-file-upload {
|
|
@@ -7860,7 +7863,7 @@ ul) {
|
|
|
7860
7863
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
7861
7864
|
display: grid;
|
|
7862
7865
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7863
|
-
|
|
7866
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7864
7867
|
}
|
|
7865
7868
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
7866
7869
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7888,7 +7891,7 @@ ul) {
|
|
|
7888
7891
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
7889
7892
|
display: grid;
|
|
7890
7893
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7891
|
-
|
|
7894
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7892
7895
|
}
|
|
7893
7896
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
7894
7897
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7916,7 +7919,7 @@ ul) {
|
|
|
7916
7919
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
7917
7920
|
display: grid;
|
|
7918
7921
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7919
|
-
|
|
7922
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7920
7923
|
}
|
|
7921
7924
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
7922
7925
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7944,7 +7947,7 @@ ul) {
|
|
|
7944
7947
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
7945
7948
|
display: grid;
|
|
7946
7949
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7947
|
-
|
|
7950
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7948
7951
|
}
|
|
7949
7952
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
7950
7953
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7972,7 +7975,7 @@ ul) {
|
|
|
7972
7975
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
7973
7976
|
display: grid;
|
|
7974
7977
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7975
|
-
|
|
7978
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7976
7979
|
}
|
|
7977
7980
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
7978
7981
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8000,7 +8003,7 @@ ul) {
|
|
|
8000
8003
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
8001
8004
|
display: grid;
|
|
8002
8005
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
8003
|
-
|
|
8006
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8004
8007
|
}
|
|
8005
8008
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
8006
8009
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8028,7 +8031,7 @@ ul) {
|
|
|
8028
8031
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
8029
8032
|
display: grid;
|
|
8030
8033
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
8031
|
-
|
|
8034
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8032
8035
|
}
|
|
8033
8036
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
8034
8037
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8201,14 +8204,14 @@ ul) {
|
|
|
8201
8204
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
8202
8205
|
}
|
|
8203
8206
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8207
|
+
visibility: visible;
|
|
8204
8208
|
max-height: 99999px;
|
|
8205
8209
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
8206
8210
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8207
|
-
visibility: visible;
|
|
8208
8211
|
opacity: 1;
|
|
8212
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8209
8213
|
transition-delay: 0s;
|
|
8210
8214
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
8211
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8212
8215
|
}
|
|
8213
8216
|
|
|
8214
8217
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -8230,10 +8233,10 @@ ul) {
|
|
|
8230
8233
|
display: inline-block;
|
|
8231
8234
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
8232
8235
|
text-align: center;
|
|
8236
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8233
8237
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
8234
8238
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
8235
8239
|
transition-property: transform;
|
|
8236
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8237
8240
|
}
|
|
8238
8241
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
8239
8242
|
scale: -1 1;
|
|
@@ -8282,15 +8285,15 @@ ul) {
|
|
|
8282
8285
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8283
8286
|
}
|
|
8284
8287
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8288
|
+
visibility: hidden;
|
|
8285
8289
|
max-height: 0;
|
|
8286
8290
|
padding-block-start: 0;
|
|
8287
8291
|
padding-block-end: 0;
|
|
8288
|
-
visibility: hidden;
|
|
8289
8292
|
opacity: 0;
|
|
8293
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8290
8294
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
8291
8295
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
8292
8296
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
8293
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8294
8297
|
}
|
|
8295
8298
|
|
|
8296
8299
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -8450,10 +8453,10 @@ ul) {
|
|
|
8450
8453
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
8451
8454
|
color: var(--pf-v6-c-form-control--Color);
|
|
8452
8455
|
appearance: none;
|
|
8456
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8453
8457
|
background-color: transparent;
|
|
8454
8458
|
border: none;
|
|
8455
8459
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8456
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8457
8460
|
}
|
|
8458
8461
|
.pf-v6-c-form-control > ::placeholder {
|
|
8459
8462
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -8819,8 +8822,8 @@ ul) {
|
|
|
8819
8822
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
8820
8823
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
8821
8824
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
8822
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8823
8825
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
8826
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8824
8827
|
}
|
|
8825
8828
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
8826
8829
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -8856,7 +8859,7 @@ ul) {
|
|
|
8856
8859
|
.pf-v6-c-hint {
|
|
8857
8860
|
display: grid;
|
|
8858
8861
|
grid-template-columns: 1fr auto;
|
|
8859
|
-
|
|
8862
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
8860
8863
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
8861
8864
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
8862
8865
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -9304,20 +9307,20 @@ ul) {
|
|
|
9304
9307
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9305
9308
|
}
|
|
9306
9309
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
9310
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9307
9311
|
flex-grow: 1;
|
|
9308
9312
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
9309
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9310
9313
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
9314
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9315
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9311
9316
|
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9312
9317
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
9313
9318
|
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
|
9314
9319
|
transition-property: opacity, scale, visibility, max-width;
|
|
9315
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9316
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9317
9320
|
}
|
|
9318
9321
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
9319
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9320
9322
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
9323
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9321
9324
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
9322
9325
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9323
9326
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -9325,8 +9328,8 @@ ul) {
|
|
|
9325
9328
|
transition-property: opacity, visibility, max-width;
|
|
9326
9329
|
}
|
|
9327
9330
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
9328
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9329
9331
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
9332
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9330
9333
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
9331
9334
|
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9332
9335
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -9653,10 +9656,10 @@ label.pf-v6-c-input-group__text {
|
|
|
9653
9656
|
.pf-v6-c-jump-links__toggle-icon {
|
|
9654
9657
|
display: inline-block;
|
|
9655
9658
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
9659
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9656
9660
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
9657
9661
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
9658
9662
|
transition-property: transform;
|
|
9659
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9660
9663
|
}
|
|
9661
9664
|
|
|
9662
9665
|
.pf-v6-c-label {
|
|
@@ -9869,9 +9872,9 @@ label.pf-v6-c-input-group__text {
|
|
|
9869
9872
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
9870
9873
|
white-space: nowrap;
|
|
9871
9874
|
background: transparent;
|
|
9872
|
-
isolation: isolate;
|
|
9873
9875
|
border: 0;
|
|
9874
9876
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
9877
|
+
isolation: isolate;
|
|
9875
9878
|
}
|
|
9876
9879
|
.pf-v6-c-label.pf-m-blue {
|
|
9877
9880
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -10529,7 +10532,7 @@ ul.pf-v6-c-list {
|
|
|
10529
10532
|
display: grid;
|
|
10530
10533
|
grid-template-areas: "main header" "main footer" "main .";
|
|
10531
10534
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
10532
|
-
|
|
10535
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
10533
10536
|
justify-content: center;
|
|
10534
10537
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
10535
10538
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -10555,10 +10558,10 @@ ul.pf-v6-c-list {
|
|
|
10555
10558
|
align-self: start;
|
|
10556
10559
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10557
10560
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10558
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10559
10561
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10560
10562
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10561
10563
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10564
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10562
10565
|
}
|
|
10563
10566
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10564
10567
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10902,9 +10905,9 @@ ul.pf-v6-c-list {
|
|
|
10902
10905
|
}
|
|
10903
10906
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10904
10907
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10905
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10906
10908
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10907
10909
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
10910
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10908
10911
|
}
|
|
10909
10912
|
|
|
10910
10913
|
.pf-v6-c-masthead__main {
|
|
@@ -11613,8 +11616,8 @@ ul.pf-v6-c-list {
|
|
|
11613
11616
|
}
|
|
11614
11617
|
|
|
11615
11618
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
11616
|
-
overflow: hidden;
|
|
11617
11619
|
visibility: visible;
|
|
11620
|
+
overflow: hidden;
|
|
11618
11621
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
11619
11622
|
}
|
|
11620
11623
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -11640,8 +11643,8 @@ ul.pf-v6-c-list {
|
|
|
11640
11643
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11641
11644
|
}
|
|
11642
11645
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
11643
|
-
overflow: visible;
|
|
11644
11646
|
visibility: hidden;
|
|
11647
|
+
overflow: visible;
|
|
11645
11648
|
}
|
|
11646
11649
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
11647
11650
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
|
|
@@ -11782,10 +11785,10 @@ ul.pf-v6-c-list {
|
|
|
11782
11785
|
color: var(--pf-v6-c-menu__item--Color);
|
|
11783
11786
|
text-align: start;
|
|
11784
11787
|
text-decoration-line: none;
|
|
11788
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11785
11789
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11786
11790
|
border: 0;
|
|
11787
11791
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11788
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11789
11792
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11790
11793
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
11791
11794
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -11879,7 +11882,7 @@ ul.pf-v6-c-list {
|
|
|
11879
11882
|
.pf-v6-c-menu__item-description {
|
|
11880
11883
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11881
11884
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11882
|
-
|
|
11885
|
+
overflow-wrap: break-word;
|
|
11883
11886
|
}
|
|
11884
11887
|
|
|
11885
11888
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12462,10 +12465,10 @@ ul.pf-v6-c-list {
|
|
|
12462
12465
|
|
|
12463
12466
|
.pf-v6-c-menu-toggle__icon {
|
|
12464
12467
|
flex-shrink: 0;
|
|
12468
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12465
12469
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12466
12470
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12467
12471
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
12468
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12469
12472
|
}
|
|
12470
12473
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
12471
12474
|
vertical-align: middle;
|
|
@@ -12673,7 +12676,7 @@ ul.pf-v6-c-list {
|
|
|
12673
12676
|
overflow-x: hidden;
|
|
12674
12677
|
overflow-y: auto;
|
|
12675
12678
|
overscroll-behavior: contain;
|
|
12676
|
-
|
|
12679
|
+
overflow-wrap: break-word;
|
|
12677
12680
|
-webkit-overflow-scrolling: touch;
|
|
12678
12681
|
}
|
|
12679
12682
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13122,17 +13125,17 @@ ul.pf-v6-c-list {
|
|
|
13122
13125
|
|
|
13123
13126
|
.pf-v6-c-nav__subnav {
|
|
13124
13127
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
13128
|
+
visibility: visible;
|
|
13125
13129
|
max-height: 99999px;
|
|
13126
13130
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
13127
13131
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
13128
13132
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
13129
13133
|
overflow-y: clip;
|
|
13130
|
-
|
|
13134
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13131
13135
|
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
13132
13136
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
13133
13137
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
13134
13138
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
13135
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13136
13139
|
}
|
|
13137
13140
|
.pf-v6-c-nav__subnav[hidden] {
|
|
13138
13141
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -13142,8 +13145,8 @@ ul.pf-v6-c-list {
|
|
|
13142
13145
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
13143
13146
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
13144
13147
|
display: grid;
|
|
13145
|
-
max-height: 0;
|
|
13146
13148
|
visibility: hidden;
|
|
13149
|
+
max-height: 0;
|
|
13147
13150
|
opacity: 0;
|
|
13148
13151
|
}
|
|
13149
13152
|
|
|
@@ -13161,10 +13164,10 @@ ul.pf-v6-c-list {
|
|
|
13161
13164
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
13162
13165
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
13163
13166
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
13167
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13164
13168
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
13165
13169
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
13166
13170
|
transition-property: scale;
|
|
13167
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13168
13171
|
}
|
|
13169
13172
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
13170
13173
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -13252,10 +13255,10 @@ ul.pf-v6-c-list {
|
|
|
13252
13255
|
|
|
13253
13256
|
.pf-v6-c-nav__toggle-icon {
|
|
13254
13257
|
display: inline-block;
|
|
13258
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13255
13259
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
13256
13260
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
13257
13261
|
transition-property: transform;
|
|
13258
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13259
13262
|
}
|
|
13260
13263
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
13261
13264
|
scale: -1 1;
|
|
@@ -13488,9 +13491,9 @@ ul.pf-v6-c-list {
|
|
|
13488
13491
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
13489
13492
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13490
13493
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13494
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13491
13495
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
13492
13496
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13493
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13494
13497
|
}
|
|
13495
13498
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
13496
13499
|
position: absolute;
|
|
@@ -13547,7 +13550,7 @@ ul.pf-v6-c-list {
|
|
|
13547
13550
|
|
|
13548
13551
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13549
13552
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13550
|
-
|
|
13553
|
+
overflow-wrap: break-word;
|
|
13551
13554
|
}
|
|
13552
13555
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13553
13556
|
display: -webkit-box;
|
|
@@ -13569,7 +13572,7 @@ ul.pf-v6-c-list {
|
|
|
13569
13572
|
grid-row: 2/3;
|
|
13570
13573
|
grid-column: 1/2;
|
|
13571
13574
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13572
|
-
|
|
13575
|
+
overflow-wrap: break-word;
|
|
13573
13576
|
}
|
|
13574
13577
|
|
|
13575
13578
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13600,9 +13603,9 @@ ul.pf-v6-c-list {
|
|
|
13600
13603
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
13601
13604
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
13602
13605
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
13606
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13603
13607
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
13604
13608
|
border: none;
|
|
13605
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13606
13609
|
}
|
|
13607
13610
|
|
|
13608
13611
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -13614,7 +13617,7 @@ ul.pf-v6-c-list {
|
|
|
13614
13617
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13615
13618
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13616
13619
|
text-align: start;
|
|
13617
|
-
|
|
13620
|
+
overflow-wrap: break-word;
|
|
13618
13621
|
}
|
|
13619
13622
|
|
|
13620
13623
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -14118,9 +14121,9 @@ ul.pf-v6-c-list {
|
|
|
14118
14121
|
.pf-v6-c-page__dock-main {
|
|
14119
14122
|
flex-grow: 1;
|
|
14120
14123
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
14121
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14122
14124
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
14123
14125
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
14126
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14124
14127
|
}
|
|
14125
14128
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
14126
14129
|
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -14202,10 +14205,10 @@ ul.pf-v6-c-list {
|
|
|
14202
14205
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
14203
14206
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
14204
14207
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
14205
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14206
14208
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14207
14209
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14208
14210
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
14211
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14209
14212
|
}
|
|
14210
14213
|
|
|
14211
14214
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14571,7 +14574,6 @@ ul.pf-v6-c-list {
|
|
|
14571
14574
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
14572
14575
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
14573
14576
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14574
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14575
14577
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
14576
14578
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
14577
14579
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -14579,6 +14581,7 @@ ul.pf-v6-c-list {
|
|
|
14579
14581
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
14580
14582
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14581
14583
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
14584
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14582
14585
|
}
|
|
14583
14586
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14584
14587
|
.pf-v6-c-page__main-container {
|
|
@@ -15603,7 +15606,7 @@ ul.pf-v6-c-list {
|
|
|
15603
15606
|
}
|
|
15604
15607
|
|
|
15605
15608
|
.pf-v6-c-popover__body {
|
|
15606
|
-
|
|
15609
|
+
overflow-wrap: break-word;
|
|
15607
15610
|
}
|
|
15608
15611
|
|
|
15609
15612
|
.pf-v6-c-popover__footer {
|
|
@@ -15648,7 +15651,7 @@ ul.pf-v6-c-list {
|
|
|
15648
15651
|
display: grid;
|
|
15649
15652
|
grid-template-rows: 1fr auto;
|
|
15650
15653
|
grid-template-columns: auto auto;
|
|
15651
|
-
|
|
15654
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
15652
15655
|
align-items: end;
|
|
15653
15656
|
}
|
|
15654
15657
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -15742,7 +15745,7 @@ ul.pf-v6-c-list {
|
|
|
15742
15745
|
|
|
15743
15746
|
.pf-v6-c-progress__description {
|
|
15744
15747
|
grid-column: 1/2;
|
|
15745
|
-
|
|
15748
|
+
overflow-wrap: break-word;
|
|
15746
15749
|
}
|
|
15747
15750
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15748
15751
|
overflow: hidden;
|
|
@@ -15758,7 +15761,7 @@ ul.pf-v6-c-list {
|
|
|
15758
15761
|
align-items: flex-start;
|
|
15759
15762
|
justify-content: flex-end;
|
|
15760
15763
|
text-align: end;
|
|
15761
|
-
|
|
15764
|
+
overflow-wrap: break-word;
|
|
15762
15765
|
}
|
|
15763
15766
|
|
|
15764
15767
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16021,9 +16024,9 @@ ul.pf-v6-c-list {
|
|
|
16021
16024
|
inset-block-start: 0;
|
|
16022
16025
|
inset-inline-start: 0;
|
|
16023
16026
|
overflow: hidden;
|
|
16024
|
-
clip: rect(0, 0, 0, 0);
|
|
16025
16027
|
white-space: nowrap;
|
|
16026
16028
|
border: 0;
|
|
16029
|
+
clip-path: inset(50%);
|
|
16027
16030
|
}
|
|
16028
16031
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
16029
16032
|
grid-row: 1/2;
|
|
@@ -16445,7 +16448,7 @@ ul.pf-v6-c-list {
|
|
|
16445
16448
|
.pf-v6-c-radio {
|
|
16446
16449
|
display: grid;
|
|
16447
16450
|
grid-template-columns: auto 1fr;
|
|
16448
|
-
|
|
16451
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
16449
16452
|
align-items: baseline;
|
|
16450
16453
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
16451
16454
|
}
|
|
@@ -17440,10 +17443,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17440
17443
|
width: 100%;
|
|
17441
17444
|
height: 100%;
|
|
17442
17445
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
17446
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17447
|
+
stroke-linecap: round;
|
|
17443
17448
|
stroke-dasharray: 283;
|
|
17444
17449
|
stroke-dashoffset: 280;
|
|
17445
|
-
stroke-linecap: round;
|
|
17446
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17447
17450
|
transform-origin: 50% 50%;
|
|
17448
17451
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
17449
17452
|
}
|
|
@@ -17603,8 +17606,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17603
17606
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
17604
17607
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
17605
17608
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
17606
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17607
17609
|
transform: translateY(-50%);
|
|
17610
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17608
17611
|
}
|
|
17609
17612
|
.pf-v6-c-switch__toggle::after {
|
|
17610
17613
|
position: absolute;
|
|
@@ -19601,11 +19604,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19601
19604
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
19602
19605
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
19603
19606
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19607
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19604
19608
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
19605
19609
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
19606
19610
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19607
19611
|
color: var(--pf-v6-c-table--cell--Color);
|
|
19608
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19609
19612
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19610
19613
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19611
19614
|
}
|
|
@@ -19711,24 +19714,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19711
19714
|
}
|
|
19712
19715
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
19713
19716
|
cursor: pointer;
|
|
19714
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19715
19717
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
19718
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19716
19719
|
}
|
|
19717
19720
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
19718
19721
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
19719
19722
|
}
|
|
19720
19723
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
19721
19724
|
position: relative;
|
|
19722
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19723
19725
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
19726
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19724
19727
|
}
|
|
19725
19728
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
19726
19729
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
19727
19730
|
}
|
|
19728
19731
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
19729
19732
|
cursor: pointer;
|
|
19730
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19731
19733
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
19734
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19732
19735
|
}
|
|
19733
19736
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
19734
19737
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -19737,8 +19740,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19737
19740
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
19738
19741
|
}
|
|
19739
19742
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
19740
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19741
19743
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
19744
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19742
19745
|
}
|
|
19743
19746
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
|
19744
19747
|
border: none;
|
|
@@ -19763,11 +19766,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19763
19766
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
19764
19767
|
visibility: hidden;
|
|
19765
19768
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
19769
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19766
19770
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
19767
19771
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
19768
19772
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
19769
19773
|
transition-property: opacity, translate, visibility, background-color;
|
|
19770
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19771
19774
|
}
|
|
19772
19775
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
19773
19776
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -19775,9 +19778,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19775
19778
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
19776
19779
|
visibility: visible;
|
|
19777
19780
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
19781
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19778
19782
|
transition-delay: 0s;
|
|
19779
19783
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
19780
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19781
19784
|
}
|
|
19782
19785
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
19783
19786
|
max-height: 99999px;
|
|
@@ -19843,8 +19846,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19843
19846
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
19844
19847
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
19845
19848
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19846
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19847
19849
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19850
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19848
19851
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19849
19852
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19850
19853
|
}
|
|
@@ -19873,10 +19876,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19873
19876
|
text-align: start;
|
|
19874
19877
|
white-space: inherit;
|
|
19875
19878
|
user-select: text;
|
|
19879
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19876
19880
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
19877
19881
|
border: 0;
|
|
19878
19882
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
19879
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19880
19883
|
}
|
|
19881
19884
|
.pf-v6-c-table__button::after {
|
|
19882
19885
|
position: absolute;
|
|
@@ -19970,10 +19973,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19970
19973
|
}
|
|
19971
19974
|
|
|
19972
19975
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
19976
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19973
19977
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
19974
19978
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
19975
19979
|
transition-property: transform;
|
|
19976
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19977
19980
|
}
|
|
19978
19981
|
.pf-v6-c-table__toggle svg {
|
|
19979
19982
|
pointer-events: none;
|
|
@@ -20529,8 +20532,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20529
20532
|
}
|
|
20530
20533
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20531
20534
|
position: relative;
|
|
20532
|
-
border: none;
|
|
20533
20535
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20536
|
+
border: none;
|
|
20534
20537
|
}
|
|
20535
20538
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20536
20539
|
position: absolute;
|
|
@@ -20568,7 +20571,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20568
20571
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20569
20572
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20570
20573
|
grid-column: 1;
|
|
20571
|
-
|
|
20574
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20572
20575
|
align-items: start;
|
|
20573
20576
|
}
|
|
20574
20577
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20671,8 +20674,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20671
20674
|
}
|
|
20672
20675
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20673
20676
|
position: relative;
|
|
20674
|
-
border: none;
|
|
20675
20677
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20678
|
+
border: none;
|
|
20676
20679
|
}
|
|
20677
20680
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20678
20681
|
position: absolute;
|
|
@@ -20710,7 +20713,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20710
20713
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20711
20714
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20712
20715
|
grid-column: 1;
|
|
20713
|
-
|
|
20716
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20714
20717
|
align-items: start;
|
|
20715
20718
|
}
|
|
20716
20719
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20814,8 +20817,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20814
20817
|
}
|
|
20815
20818
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20816
20819
|
position: relative;
|
|
20817
|
-
border: none;
|
|
20818
20820
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20821
|
+
border: none;
|
|
20819
20822
|
}
|
|
20820
20823
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20821
20824
|
position: absolute;
|
|
@@ -20853,7 +20856,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20853
20856
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20854
20857
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20855
20858
|
grid-column: 1;
|
|
20856
|
-
|
|
20859
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20857
20860
|
align-items: start;
|
|
20858
20861
|
}
|
|
20859
20862
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20957,8 +20960,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20957
20960
|
}
|
|
20958
20961
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20959
20962
|
position: relative;
|
|
20960
|
-
border: none;
|
|
20961
20963
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20964
|
+
border: none;
|
|
20962
20965
|
}
|
|
20963
20966
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20964
20967
|
position: absolute;
|
|
@@ -20996,7 +20999,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20996
20999
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20997
21000
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20998
21001
|
grid-column: 1;
|
|
20999
|
-
|
|
21002
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21000
21003
|
align-items: start;
|
|
21001
21004
|
}
|
|
21002
21005
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21100,8 +21103,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21100
21103
|
}
|
|
21101
21104
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
21102
21105
|
position: relative;
|
|
21103
|
-
border: none;
|
|
21104
21106
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21107
|
+
border: none;
|
|
21105
21108
|
}
|
|
21106
21109
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
21107
21110
|
position: absolute;
|
|
@@ -21139,7 +21142,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21139
21142
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21140
21143
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21141
21144
|
grid-column: 1;
|
|
21142
|
-
|
|
21145
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21143
21146
|
align-items: start;
|
|
21144
21147
|
}
|
|
21145
21148
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21692,8 +21695,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21692
21695
|
|
|
21693
21696
|
.pf-v6-c-tabs__toggle-icon {
|
|
21694
21697
|
display: inline-block;
|
|
21695
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21696
21698
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
21699
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21697
21700
|
}
|
|
21698
21701
|
|
|
21699
21702
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -21857,8 +21860,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21857
21860
|
align-self: end;
|
|
21858
21861
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
21859
21862
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
21860
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21861
21863
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
21864
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21862
21865
|
}
|
|
21863
21866
|
|
|
21864
21867
|
.pf-v6-c-tabs__item-action {
|
|
@@ -22121,10 +22124,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22121
22124
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
22122
22125
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
22123
22126
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
22127
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22124
22128
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
22125
22129
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
22126
22130
|
transition-property: width, height, translate;
|
|
22127
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22128
22131
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
22129
22132
|
}
|
|
22130
22133
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
@@ -22330,9 +22333,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22330
22333
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
22331
22334
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
22332
22335
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
22336
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22333
22337
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
22334
22338
|
border: 0;
|
|
22335
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22336
22339
|
}
|
|
22337
22340
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
22338
22341
|
grid-area: text-input;
|
|
@@ -22540,7 +22543,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22540
22543
|
|
|
22541
22544
|
.pf-v6-c-title {
|
|
22542
22545
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22543
|
-
|
|
22546
|
+
overflow-wrap: break-word;
|
|
22544
22547
|
}
|
|
22545
22548
|
.pf-v6-c-title.pf-m-4xl {
|
|
22546
22549
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -23323,10 +23326,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23323
23326
|
|
|
23324
23327
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
23325
23328
|
display: inline-flex;
|
|
23329
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23326
23330
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
23327
23331
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
23328
23332
|
transition-property: transform;
|
|
23329
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23330
23333
|
}
|
|
23331
23334
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
23332
23335
|
scale: -1 1;
|
|
@@ -24962,7 +24965,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24962
24965
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24963
24966
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24964
24967
|
text-align: center;
|
|
24965
|
-
|
|
24968
|
+
overflow-wrap: break-word;
|
|
24966
24969
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24967
24970
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24968
24971
|
}
|
|
@@ -25344,19 +25347,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25344
25347
|
display: inline-block;
|
|
25345
25348
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
25346
25349
|
text-align: center;
|
|
25347
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25348
25350
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
25351
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25349
25352
|
}
|
|
25350
25353
|
|
|
25351
25354
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
25352
|
-
max-height: 0;
|
|
25353
25355
|
visibility: hidden;
|
|
25356
|
+
max-height: 0;
|
|
25354
25357
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
25358
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25355
25359
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
25356
25360
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
25357
25361
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
25358
25362
|
transition-property: opacity, translate, visibility, max-height;
|
|
25359
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25360
25363
|
}
|
|
25361
25364
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
25362
25365
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -25367,12 +25370,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25367
25370
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
25368
25371
|
}
|
|
25369
25372
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
25370
|
-
max-height: 99999px;
|
|
25371
25373
|
visibility: revert;
|
|
25374
|
+
max-height: 99999px;
|
|
25372
25375
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
25376
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25373
25377
|
transition-delay: 0s;
|
|
25374
25378
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
25375
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25376
25379
|
}
|
|
25377
25380
|
|
|
25378
25381
|
.pf-v6-c-tree-view__node,
|
|
@@ -25811,7 +25814,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25811
25814
|
|
|
25812
25815
|
.pf-v6-c-wizard__title {
|
|
25813
25816
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
25814
|
-
|
|
25817
|
+
overflow-wrap: break-word;
|
|
25815
25818
|
}
|
|
25816
25819
|
|
|
25817
25820
|
.pf-v6-c-wizard__title-text {
|
|
@@ -25874,7 +25877,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25874
25877
|
align-items: baseline;
|
|
25875
25878
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25876
25879
|
text-align: start;
|
|
25877
|
-
|
|
25880
|
+
overflow-wrap: break-word;
|
|
25878
25881
|
}
|
|
25879
25882
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25880
25883
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26010,8 +26013,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26010
26013
|
padding-inline: 0;
|
|
26011
26014
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26012
26015
|
text-align: start;
|
|
26016
|
+
overflow-wrap: break-word;
|
|
26013
26017
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26014
|
-
word-break: break-word;
|
|
26015
26018
|
counter-increment: wizard-nav-count;
|
|
26016
26019
|
background-color: transparent;
|
|
26017
26020
|
border: none;
|
|
@@ -26116,10 +26119,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26116
26119
|
|
|
26117
26120
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
26118
26121
|
display: inline-block;
|
|
26122
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26119
26123
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
26120
26124
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
26121
26125
|
transition-property: transform;
|
|
26122
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26123
26126
|
}
|
|
26124
26127
|
|
|
26125
26128
|
.pf-v6-c-wizard__main {
|
|
@@ -26129,7 +26132,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26129
26132
|
flex-direction: column;
|
|
26130
26133
|
overflow-x: hidden;
|
|
26131
26134
|
overflow-y: auto;
|
|
26132
|
-
|
|
26135
|
+
overflow-wrap: break-word;
|
|
26133
26136
|
}
|
|
26134
26137
|
|
|
26135
26138
|
.pf-v6-c-wizard__main-body {
|