@patternfly/react-styles 6.5.1 → 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/CHANGELOG.md +6 -2
- package/css/assets/images/img_avatar-rhds.svg +22 -0
- package/css/assets/images/pf-logo-avatar.jpg +0 -0
- package/css/components/AboutModalBox/about-modal-box.css +1 -1
- package/css/components/Accordion/accordion.css +8 -4
- package/css/components/Alert/alert-group.css +1 -1
- package/css/components/Alert/alert.css +3 -3
- package/css/components/Avatar/avatar.css +144 -0
- package/css/components/Avatar/avatar.d.ts +12 -1
- package/css/components/Avatar/avatar.js +12 -1
- package/css/components/Avatar/avatar.mjs +12 -1
- package/css/components/Breadcrumb/breadcrumb.css +1 -1
- package/css/components/Button/button.css +9 -6
- package/css/components/Card/card.css +2 -2
- package/css/components/Check/check.css +1 -1
- package/css/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/css/components/Compass/compass.css +7 -3
- package/css/components/Content/content.css +2 -2
- package/css/components/DataList/data-list.css +1 -1
- package/css/components/DescriptionList/description-list.css +0 -1
- package/css/components/Drawer/drawer.css +2 -2
- package/css/components/DualListSelector/dual-list-selector.css +6 -6
- package/css/components/ExpandableSection/expandable-section.css +3 -3
- package/css/components/Form/form.css +12 -12
- package/css/components/FormControl/form-control.css +1 -1
- package/css/components/Hero/hero.css +1 -1
- package/css/components/Hint/hint.css +1 -1
- package/css/components/InputGroup/input-group.css +5 -5
- package/css/components/JumpLinks/jump-links.css +1 -1
- package/css/components/Label/label.css +1 -1
- package/css/components/Login/login.css +2 -2
- package/css/components/Masthead/masthead.css +2 -2
- package/css/components/Menu/menu.css +4 -4
- package/css/components/MenuToggle/menu-toggle.css +4 -1
- package/css/components/ModalBox/modal-box.css +1 -1
- package/css/components/Nav/nav.css +5 -5
- package/css/components/NotificationDrawer/notification-drawer.css +5 -5
- package/css/components/Page/page.css +26 -21
- package/css/components/Popover/popover.css +1 -1
- package/css/components/Progress/progress.css +3 -3
- package/css/components/ProgressStepper/progress-stepper.css +1 -1
- package/css/components/Radio/radio.css +1 -1
- package/css/components/Sidebar/sidebar.css +4 -7
- package/css/components/Sidebar/sidebar.d.ts +5 -2
- package/css/components/Sidebar/sidebar.js +5 -2
- package/css/components/Sidebar/sidebar.mjs +5 -2
- package/css/components/Spinner/spinner.css +2 -2
- package/css/components/Switch/switch.css +1 -1
- package/css/components/Table/table-tree-view.css +10 -10
- package/css/components/Table/table.css +37 -10
- package/css/components/Table/table.d.ts +2 -0
- package/css/components/Table/table.js +2 -0
- package/css/components/Table/table.mjs +2 -0
- package/css/components/Tabs/tabs.css +3 -3
- package/css/components/TextInputGroup/text-input-group.css +1 -1
- package/css/components/Title/title.css +1 -1
- package/css/components/Toolbar/toolbar.css +1 -1
- package/css/components/Tooltip/tooltip.css +1 -1
- package/css/components/TreeView/tree-view.css +5 -5
- package/css/components/Wizard/wizard.css +5 -5
- package/css/components/_index.css +341 -155
- package/css/components/_index.d.ts +9 -4
- package/css/components/_index.js +9 -4
- package/css/components/_index.mjs +9 -4
- package/css/docs/components/Avatar/examples/Avatar.css +6 -0
- package/css/docs/components/Avatar/examples/Avatar.d.ts +6 -0
- package/css/docs/components/Avatar/examples/Avatar.js +7 -0
- package/css/docs/components/Avatar/examples/Avatar.mjs +5 -0
- package/css/docs/components/Table/examples/Table.css +6 -0
- package/css/layouts/Gallery/gallery.css +1 -1
- package/css/layouts/Grid/grid.css +1 -1
- package/css/layouts/_index.css +2 -2
- package/css/utilities/Accessibility/accessibility.css +12 -12
- package/css/utilities/_index.css +12 -12
- package/package.json +3 -4
- package/LICENSE +0 -21
|
@@ -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 {
|
|
@@ -884,24 +888,87 @@
|
|
|
884
888
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
885
889
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
886
890
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
891
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
887
892
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
888
893
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
894
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
889
895
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
890
896
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
897
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
891
898
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
892
899
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
900
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
893
901
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
894
902
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
903
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
895
904
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
896
905
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
906
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
907
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
908
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
909
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
910
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
911
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
912
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
913
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
914
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
915
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
916
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
917
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
918
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
919
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
920
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
921
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
922
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
923
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
924
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
925
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
926
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
927
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
928
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
929
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
930
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
931
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
932
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
933
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
934
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
935
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
936
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
937
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
938
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
939
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
940
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
941
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
942
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
943
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
944
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
945
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
946
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
947
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
948
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
949
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
950
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
951
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
952
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
897
953
|
}
|
|
898
954
|
|
|
899
955
|
.pf-v6-c-avatar {
|
|
900
956
|
width: var(--pf-v6-c-avatar--Width);
|
|
901
957
|
height: var(--pf-v6-c-avatar--Height);
|
|
958
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
959
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
960
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
902
961
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
903
962
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
904
963
|
}
|
|
964
|
+
div.pf-v6-c-avatar {
|
|
965
|
+
display: inline-flex;
|
|
966
|
+
align-items: center;
|
|
967
|
+
justify-content: center;
|
|
968
|
+
overflow: clip;
|
|
969
|
+
vertical-align: middle;
|
|
970
|
+
}
|
|
971
|
+
|
|
905
972
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
906
973
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
907
974
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -1130,6 +1197,87 @@
|
|
|
1130
1197
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
1131
1198
|
}
|
|
1132
1199
|
}
|
|
1200
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
1201
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
1202
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
1203
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
1204
|
+
}
|
|
1205
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
1206
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
1207
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
1208
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
1209
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
1210
|
+
}
|
|
1211
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
1212
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
1213
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
1214
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
1215
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
1216
|
+
}
|
|
1217
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
1218
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
1219
|
+
}
|
|
1220
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
1221
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
1222
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
1223
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
1224
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
1225
|
+
}
|
|
1226
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
1227
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
1228
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
1229
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
1230
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
1231
|
+
}
|
|
1232
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
1233
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
1234
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
1235
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
1236
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
1237
|
+
}
|
|
1238
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
1239
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
1240
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
1241
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
1242
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
1243
|
+
}
|
|
1244
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
1245
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
1246
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
1247
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
1248
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
1249
|
+
}
|
|
1250
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
1251
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
1252
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
1253
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
1254
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
1255
|
+
}
|
|
1256
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
1257
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
1258
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
1259
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
1260
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
1261
|
+
}
|
|
1262
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
1263
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
1264
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
1265
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
1266
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
1267
|
+
}
|
|
1268
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
1269
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
1270
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
1271
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
1272
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
1273
|
+
}
|
|
1274
|
+
|
|
1275
|
+
.pf-v6-c-avatar__initials {
|
|
1276
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
1277
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
1278
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
1279
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
1280
|
+
}
|
|
1133
1281
|
|
|
1134
1282
|
.pf-v6-c-backdrop {
|
|
1135
1283
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -1573,10 +1721,10 @@
|
|
|
1573
1721
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1574
1722
|
line-height: inherit;
|
|
1575
1723
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1724
|
+
overflow-wrap: break-word;
|
|
1576
1725
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1577
1726
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1578
1727
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
1579
|
-
word-break: break-word;
|
|
1580
1728
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1581
1729
|
}
|
|
1582
1730
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -1994,10 +2142,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1994
2142
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1995
2143
|
color: var(--pf-v6-c-button--Color);
|
|
1996
2144
|
text-align: center;
|
|
2145
|
+
white-space: nowrap;
|
|
1997
2146
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
1998
2147
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
1999
2148
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
2000
|
-
white-space: nowrap;
|
|
2001
2149
|
cursor: pointer;
|
|
2002
2150
|
-webkit-user-select: none;
|
|
2003
2151
|
user-select: none;
|
|
@@ -2007,11 +2155,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2007
2155
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2008
2156
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2009
2157
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2158
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2010
2159
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
2011
2160
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
2012
2161
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
2013
2162
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
2014
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2015
2163
|
}
|
|
2016
2164
|
.pf-v6-c-button::after {
|
|
2017
2165
|
position: absolute;
|
|
@@ -2138,10 +2286,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2138
2286
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2139
2287
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
2140
2288
|
text-align: start;
|
|
2141
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2142
2289
|
white-space: normal;
|
|
2143
|
-
|
|
2290
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2144
2291
|
outline-offset: 0.125rem;
|
|
2292
|
+
background: transparent;
|
|
2145
2293
|
}
|
|
2146
2294
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2147
2295
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -2479,6 +2627,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2479
2627
|
justify-content: flex-start;
|
|
2480
2628
|
width: 100%;
|
|
2481
2629
|
}
|
|
2630
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
2631
|
+
min-width: 1lh;
|
|
2632
|
+
}
|
|
2482
2633
|
@media (min-width: 62rem) {
|
|
2483
2634
|
.pf-v6-c-button.pf-m-docked {
|
|
2484
2635
|
justify-content: center;
|
|
@@ -2499,12 +2650,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2499
2650
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2500
2651
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2501
2652
|
color: var(--pf-v6-c-button__icon--Color);
|
|
2653
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2654
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2502
2655
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
2503
2656
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
2504
2657
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2505
2658
|
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
2659
|
}
|
|
2509
2660
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2510
2661
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2931,8 +3082,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2931
3082
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
2932
3083
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
2933
3084
|
--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
3085
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
3086
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2936
3087
|
}
|
|
2937
3088
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2938
3089
|
gap: 0;
|
|
@@ -3174,9 +3325,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3174
3325
|
}
|
|
3175
3326
|
|
|
3176
3327
|
.pf-v6-c-card__clickable-action {
|
|
3328
|
+
outline: 0;
|
|
3177
3329
|
background: none;
|
|
3178
3330
|
border: 0;
|
|
3179
|
-
outline: 0;
|
|
3180
3331
|
}
|
|
3181
3332
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
3182
3333
|
pointer-events: none;
|
|
@@ -3244,7 +3395,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3244
3395
|
.pf-v6-c-check {
|
|
3245
3396
|
display: grid;
|
|
3246
3397
|
grid-template-columns: auto 1fr;
|
|
3247
|
-
|
|
3398
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
3248
3399
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
3249
3400
|
}
|
|
3250
3401
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -3375,7 +3526,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3375
3526
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
3376
3527
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
3377
3528
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
3378
|
-
|
|
3529
|
+
overflow-wrap: break-word;
|
|
3379
3530
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
3380
3531
|
background-clip: padding-box;
|
|
3381
3532
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -3391,7 +3542,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3391
3542
|
}
|
|
3392
3543
|
|
|
3393
3544
|
.pf-v6-c-clipboard-copy__text {
|
|
3394
|
-
|
|
3545
|
+
overflow-wrap: break-word;
|
|
3395
3546
|
white-space: normal;
|
|
3396
3547
|
}
|
|
3397
3548
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -3880,8 +4031,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3880
4031
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
3881
4032
|
.pf-v6-c-compass__main-footer,
|
|
3882
4033
|
.pf-v6-c-compass__footer {
|
|
3883
|
-
margin: 0;
|
|
3884
4034
|
visibility: hidden;
|
|
4035
|
+
margin: 0;
|
|
3885
4036
|
opacity: 0;
|
|
3886
4037
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
3887
4038
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -3999,15 +4150,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3999
4150
|
inset-inline-start: 0;
|
|
4000
4151
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
4001
4152
|
display: flex;
|
|
4153
|
+
visibility: hidden;
|
|
4002
4154
|
flex-direction: column;
|
|
4003
4155
|
grid-area: dock;
|
|
4004
4156
|
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
4157
|
translate: -100% 0;
|
|
4158
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
|
|
4007
4159
|
}
|
|
4008
4160
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4009
4161
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
4162
|
+
visibility: visible;
|
|
4010
4163
|
translate: 0;
|
|
4164
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
4011
4165
|
}
|
|
4012
4166
|
@media (min-width: 62rem) {
|
|
4013
4167
|
.pf-v6-c-compass__dock {
|
|
@@ -4015,6 +4169,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4015
4169
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
4016
4170
|
position: revert;
|
|
4017
4171
|
inset: revert;
|
|
4172
|
+
visibility: revert;
|
|
4018
4173
|
width: auto;
|
|
4019
4174
|
translate: 0;
|
|
4020
4175
|
}
|
|
@@ -4029,9 +4184,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4029
4184
|
.pf-v6-c-compass__dock-main {
|
|
4030
4185
|
flex-grow: 1;
|
|
4031
4186
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
4032
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4033
4187
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
4034
4188
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
4189
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4035
4190
|
}
|
|
4036
4191
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
4037
4192
|
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 +4517,8 @@ ul) {
|
|
|
4362
4517
|
@media screen and (min-width: 36rem) {
|
|
4363
4518
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
4364
4519
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
4365
|
-
|
|
4366
|
-
|
|
4520
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
4521
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
4367
4522
|
}
|
|
4368
4523
|
}
|
|
4369
4524
|
|
|
@@ -5152,8 +5307,8 @@ ul) {
|
|
|
5152
5307
|
.pf-v6-c-data-list__toggle-icon {
|
|
5153
5308
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
5154
5309
|
pointer-events: none;
|
|
5155
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5156
5310
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
5311
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5157
5312
|
}
|
|
5158
5313
|
|
|
5159
5314
|
.pf-v6-c-data-list__item-content {
|
|
@@ -5370,7 +5525,6 @@ ul) {
|
|
|
5370
5525
|
width: 100%;
|
|
5371
5526
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5372
5527
|
break-inside: avoid;
|
|
5373
|
-
page-break-inside: avoid;
|
|
5374
5528
|
-webkit-column-break-inside: avoid;
|
|
5375
5529
|
-moz-column-break-inside: avoid;
|
|
5376
5530
|
}
|
|
@@ -5778,9 +5932,9 @@ ul) {
|
|
|
5778
5932
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
5779
5933
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
5780
5934
|
overflow: auto;
|
|
5935
|
+
outline-offset: 2px;
|
|
5781
5936
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
5782
5937
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5783
|
-
outline-offset: 2px;
|
|
5784
5938
|
}
|
|
5785
5939
|
|
|
5786
5940
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5816,25 +5970,25 @@ ul) {
|
|
|
5816
5970
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
5817
5971
|
}
|
|
5818
5972
|
.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
5973
|
visibility: hidden;
|
|
5974
|
+
max-height: 0;
|
|
5821
5975
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
5976
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5822
5977
|
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
5978
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
5824
5979
|
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
5980
|
transition-property: opacity, translate, visibility, max-height;
|
|
5826
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5827
5981
|
}
|
|
5828
5982
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
5829
5983
|
--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
5984
|
}
|
|
5831
5985
|
.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
5986
|
visibility: revert;
|
|
5987
|
+
max-height: 99999px;
|
|
5834
5988
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5989
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5835
5990
|
transition-delay: 0s;
|
|
5836
5991
|
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
5992
|
}
|
|
5839
5993
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
5840
5994
|
--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 +6123,10 @@ ul) {
|
|
|
5969
6123
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5970
6124
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5971
6125
|
text-align: center;
|
|
6126
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5972
6127
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5973
6128
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
5974
6129
|
transition-property: transform;
|
|
5975
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5976
6130
|
}
|
|
5977
6131
|
|
|
5978
6132
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -6757,6 +6911,7 @@ ul) {
|
|
|
6757
6911
|
.pf-v6-c-drawer__panel {
|
|
6758
6912
|
position: relative;
|
|
6759
6913
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
6914
|
+
visibility: hidden;
|
|
6760
6915
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
6761
6916
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
6762
6917
|
order: 1;
|
|
@@ -6764,7 +6919,6 @@ ul) {
|
|
|
6764
6919
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
6765
6920
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
6766
6921
|
overflow: auto;
|
|
6767
|
-
visibility: hidden;
|
|
6768
6922
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
6769
6923
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
6770
6924
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -6874,8 +7028,8 @@ ul) {
|
|
|
6874
7028
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6875
7029
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6876
7030
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6877
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6878
7031
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
7032
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6879
7033
|
}
|
|
6880
7034
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6881
7035
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -7665,8 +7819,8 @@ ul) {
|
|
|
7665
7819
|
display: inline-block;
|
|
7666
7820
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
7667
7821
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
7668
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7669
7822
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
7823
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7670
7824
|
}
|
|
7671
7825
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
7672
7826
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -7681,15 +7835,15 @@ ul) {
|
|
|
7681
7835
|
display: revert;
|
|
7682
7836
|
}
|
|
7683
7837
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
7838
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7684
7839
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
7685
7840
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
7686
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7687
7841
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
7842
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7688
7843
|
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
7844
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
7690
7845
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
7691
7846
|
transition-property: opacity, translate, visibility, max-height;
|
|
7692
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7693
7847
|
}
|
|
7694
7848
|
|
|
7695
7849
|
.pf-v6-c-file-upload {
|
|
@@ -7860,7 +8014,7 @@ ul) {
|
|
|
7860
8014
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
7861
8015
|
display: grid;
|
|
7862
8016
|
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
|
-
|
|
8017
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7864
8018
|
}
|
|
7865
8019
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
7866
8020
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7888,7 +8042,7 @@ ul) {
|
|
|
7888
8042
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
7889
8043
|
display: grid;
|
|
7890
8044
|
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
|
-
|
|
8045
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7892
8046
|
}
|
|
7893
8047
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
7894
8048
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7916,7 +8070,7 @@ ul) {
|
|
|
7916
8070
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
7917
8071
|
display: grid;
|
|
7918
8072
|
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
|
-
|
|
8073
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7920
8074
|
}
|
|
7921
8075
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
7922
8076
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7944,7 +8098,7 @@ ul) {
|
|
|
7944
8098
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
7945
8099
|
display: grid;
|
|
7946
8100
|
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
|
-
|
|
8101
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7948
8102
|
}
|
|
7949
8103
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
7950
8104
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7972,7 +8126,7 @@ ul) {
|
|
|
7972
8126
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
7973
8127
|
display: grid;
|
|
7974
8128
|
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
|
-
|
|
8129
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7976
8130
|
}
|
|
7977
8131
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
7978
8132
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8000,7 +8154,7 @@ ul) {
|
|
|
8000
8154
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
8001
8155
|
display: grid;
|
|
8002
8156
|
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
|
-
|
|
8157
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8004
8158
|
}
|
|
8005
8159
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
8006
8160
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8028,7 +8182,7 @@ ul) {
|
|
|
8028
8182
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
8029
8183
|
display: grid;
|
|
8030
8184
|
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
|
-
|
|
8185
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8032
8186
|
}
|
|
8033
8187
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
8034
8188
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8201,14 +8355,14 @@ ul) {
|
|
|
8201
8355
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
8202
8356
|
}
|
|
8203
8357
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8358
|
+
visibility: visible;
|
|
8204
8359
|
max-height: 99999px;
|
|
8205
8360
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
8206
8361
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8207
|
-
visibility: visible;
|
|
8208
8362
|
opacity: 1;
|
|
8363
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8209
8364
|
transition-delay: 0s;
|
|
8210
8365
|
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
8366
|
}
|
|
8213
8367
|
|
|
8214
8368
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -8230,10 +8384,10 @@ ul) {
|
|
|
8230
8384
|
display: inline-block;
|
|
8231
8385
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
8232
8386
|
text-align: center;
|
|
8387
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8233
8388
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
8234
8389
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
8235
8390
|
transition-property: transform;
|
|
8236
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8237
8391
|
}
|
|
8238
8392
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
8239
8393
|
scale: -1 1;
|
|
@@ -8282,15 +8436,15 @@ ul) {
|
|
|
8282
8436
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8283
8437
|
}
|
|
8284
8438
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8439
|
+
visibility: hidden;
|
|
8285
8440
|
max-height: 0;
|
|
8286
8441
|
padding-block-start: 0;
|
|
8287
8442
|
padding-block-end: 0;
|
|
8288
|
-
visibility: hidden;
|
|
8289
8443
|
opacity: 0;
|
|
8444
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8290
8445
|
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
8446
|
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
8447
|
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
8448
|
}
|
|
8295
8449
|
|
|
8296
8450
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -8450,10 +8604,10 @@ ul) {
|
|
|
8450
8604
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
8451
8605
|
color: var(--pf-v6-c-form-control--Color);
|
|
8452
8606
|
appearance: none;
|
|
8607
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8453
8608
|
background-color: transparent;
|
|
8454
8609
|
border: none;
|
|
8455
8610
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8456
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8457
8611
|
}
|
|
8458
8612
|
.pf-v6-c-form-control > ::placeholder {
|
|
8459
8613
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -8819,8 +8973,8 @@ ul) {
|
|
|
8819
8973
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
8820
8974
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
8821
8975
|
--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
8976
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
8977
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8824
8978
|
}
|
|
8825
8979
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
8826
8980
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -8856,7 +9010,7 @@ ul) {
|
|
|
8856
9010
|
.pf-v6-c-hint {
|
|
8857
9011
|
display: grid;
|
|
8858
9012
|
grid-template-columns: 1fr auto;
|
|
8859
|
-
|
|
9013
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
8860
9014
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
8861
9015
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
8862
9016
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -9304,20 +9458,20 @@ ul) {
|
|
|
9304
9458
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9305
9459
|
}
|
|
9306
9460
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
9461
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9307
9462
|
flex-grow: 1;
|
|
9308
9463
|
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
9464
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
9465
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9466
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9311
9467
|
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
9468
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
9313
9469
|
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
9470
|
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
9471
|
}
|
|
9318
9472
|
.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
9473
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
9474
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9321
9475
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
9322
9476
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9323
9477
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -9325,8 +9479,8 @@ ul) {
|
|
|
9325
9479
|
transition-property: opacity, visibility, max-width;
|
|
9326
9480
|
}
|
|
9327
9481
|
.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
9482
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
9483
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9330
9484
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
9331
9485
|
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
9486
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -9653,10 +9807,10 @@ label.pf-v6-c-input-group__text {
|
|
|
9653
9807
|
.pf-v6-c-jump-links__toggle-icon {
|
|
9654
9808
|
display: inline-block;
|
|
9655
9809
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
9810
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9656
9811
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
9657
9812
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
9658
9813
|
transition-property: transform;
|
|
9659
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9660
9814
|
}
|
|
9661
9815
|
|
|
9662
9816
|
.pf-v6-c-label {
|
|
@@ -9869,9 +10023,9 @@ label.pf-v6-c-input-group__text {
|
|
|
9869
10023
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
9870
10024
|
white-space: nowrap;
|
|
9871
10025
|
background: transparent;
|
|
9872
|
-
isolation: isolate;
|
|
9873
10026
|
border: 0;
|
|
9874
10027
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
10028
|
+
isolation: isolate;
|
|
9875
10029
|
}
|
|
9876
10030
|
.pf-v6-c-label.pf-m-blue {
|
|
9877
10031
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -10529,7 +10683,7 @@ ul.pf-v6-c-list {
|
|
|
10529
10683
|
display: grid;
|
|
10530
10684
|
grid-template-areas: "main header" "main footer" "main .";
|
|
10531
10685
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
10532
|
-
|
|
10686
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
10533
10687
|
justify-content: center;
|
|
10534
10688
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
10535
10689
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -10555,10 +10709,10 @@ ul.pf-v6-c-list {
|
|
|
10555
10709
|
align-self: start;
|
|
10556
10710
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10557
10711
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10558
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10559
10712
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10560
10713
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10561
10714
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10715
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10562
10716
|
}
|
|
10563
10717
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10564
10718
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10665,7 +10819,7 @@ ul.pf-v6-c-list {
|
|
|
10665
10819
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
10666
10820
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
10667
10821
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
10668
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
10822
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10669
10823
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
10670
10824
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10671
10825
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -10902,9 +11056,9 @@ ul.pf-v6-c-list {
|
|
|
10902
11056
|
}
|
|
10903
11057
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10904
11058
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10905
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10906
11059
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10907
11060
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
11061
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10908
11062
|
}
|
|
10909
11063
|
|
|
10910
11064
|
.pf-v6-c-masthead__main {
|
|
@@ -11613,8 +11767,8 @@ ul.pf-v6-c-list {
|
|
|
11613
11767
|
}
|
|
11614
11768
|
|
|
11615
11769
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
11616
|
-
overflow: hidden;
|
|
11617
11770
|
visibility: visible;
|
|
11771
|
+
overflow: hidden;
|
|
11618
11772
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
11619
11773
|
}
|
|
11620
11774
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -11640,8 +11794,8 @@ ul.pf-v6-c-list {
|
|
|
11640
11794
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11641
11795
|
}
|
|
11642
11796
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
11643
|
-
overflow: visible;
|
|
11644
11797
|
visibility: hidden;
|
|
11798
|
+
overflow: visible;
|
|
11645
11799
|
}
|
|
11646
11800
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
11647
11801
|
.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 +11936,10 @@ ul.pf-v6-c-list {
|
|
|
11782
11936
|
color: var(--pf-v6-c-menu__item--Color);
|
|
11783
11937
|
text-align: start;
|
|
11784
11938
|
text-decoration-line: none;
|
|
11939
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11785
11940
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11786
11941
|
border: 0;
|
|
11787
11942
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11788
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11789
11943
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11790
11944
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
11791
11945
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -11879,7 +12033,7 @@ ul.pf-v6-c-list {
|
|
|
11879
12033
|
.pf-v6-c-menu__item-description {
|
|
11880
12034
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11881
12035
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11882
|
-
|
|
12036
|
+
overflow-wrap: break-word;
|
|
11883
12037
|
}
|
|
11884
12038
|
|
|
11885
12039
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12296,6 +12450,9 @@ ul.pf-v6-c-list {
|
|
|
12296
12450
|
justify-content: flex-start;
|
|
12297
12451
|
width: 100%;
|
|
12298
12452
|
}
|
|
12453
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
12454
|
+
min-width: 1lh;
|
|
12455
|
+
}
|
|
12299
12456
|
@media (min-width: 62rem) {
|
|
12300
12457
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
12301
12458
|
justify-content: center;
|
|
@@ -12462,10 +12619,10 @@ ul.pf-v6-c-list {
|
|
|
12462
12619
|
|
|
12463
12620
|
.pf-v6-c-menu-toggle__icon {
|
|
12464
12621
|
flex-shrink: 0;
|
|
12622
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12465
12623
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12466
12624
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12467
12625
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
12468
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12469
12626
|
}
|
|
12470
12627
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
12471
12628
|
vertical-align: middle;
|
|
@@ -12673,7 +12830,7 @@ ul.pf-v6-c-list {
|
|
|
12673
12830
|
overflow-x: hidden;
|
|
12674
12831
|
overflow-y: auto;
|
|
12675
12832
|
overscroll-behavior: contain;
|
|
12676
|
-
|
|
12833
|
+
overflow-wrap: break-word;
|
|
12677
12834
|
-webkit-overflow-scrolling: touch;
|
|
12678
12835
|
}
|
|
12679
12836
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13122,17 +13279,17 @@ ul.pf-v6-c-list {
|
|
|
13122
13279
|
|
|
13123
13280
|
.pf-v6-c-nav__subnav {
|
|
13124
13281
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
13282
|
+
visibility: visible;
|
|
13125
13283
|
max-height: 99999px;
|
|
13126
13284
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
13127
13285
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
13128
13286
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
13129
13287
|
overflow-y: clip;
|
|
13130
|
-
|
|
13288
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13131
13289
|
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
13290
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
13133
13291
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
13134
13292
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
13135
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13136
13293
|
}
|
|
13137
13294
|
.pf-v6-c-nav__subnav[hidden] {
|
|
13138
13295
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -13142,8 +13299,8 @@ ul.pf-v6-c-list {
|
|
|
13142
13299
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
13143
13300
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
13144
13301
|
display: grid;
|
|
13145
|
-
max-height: 0;
|
|
13146
13302
|
visibility: hidden;
|
|
13303
|
+
max-height: 0;
|
|
13147
13304
|
opacity: 0;
|
|
13148
13305
|
}
|
|
13149
13306
|
|
|
@@ -13161,10 +13318,10 @@ ul.pf-v6-c-list {
|
|
|
13161
13318
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
13162
13319
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
13163
13320
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
13321
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13164
13322
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
13165
13323
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
13166
13324
|
transition-property: scale;
|
|
13167
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13168
13325
|
}
|
|
13169
13326
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
13170
13327
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -13252,10 +13409,10 @@ ul.pf-v6-c-list {
|
|
|
13252
13409
|
|
|
13253
13410
|
.pf-v6-c-nav__toggle-icon {
|
|
13254
13411
|
display: inline-block;
|
|
13412
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13255
13413
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
13256
13414
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
13257
13415
|
transition-property: transform;
|
|
13258
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13259
13416
|
}
|
|
13260
13417
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
13261
13418
|
scale: -1 1;
|
|
@@ -13488,9 +13645,9 @@ ul.pf-v6-c-list {
|
|
|
13488
13645
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
13489
13646
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13490
13647
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13648
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13491
13649
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
13492
13650
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13493
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13494
13651
|
}
|
|
13495
13652
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
13496
13653
|
position: absolute;
|
|
@@ -13547,7 +13704,7 @@ ul.pf-v6-c-list {
|
|
|
13547
13704
|
|
|
13548
13705
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13549
13706
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13550
|
-
|
|
13707
|
+
overflow-wrap: break-word;
|
|
13551
13708
|
}
|
|
13552
13709
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13553
13710
|
display: -webkit-box;
|
|
@@ -13569,7 +13726,7 @@ ul.pf-v6-c-list {
|
|
|
13569
13726
|
grid-row: 2/3;
|
|
13570
13727
|
grid-column: 1/2;
|
|
13571
13728
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13572
|
-
|
|
13729
|
+
overflow-wrap: break-word;
|
|
13573
13730
|
}
|
|
13574
13731
|
|
|
13575
13732
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13600,9 +13757,9 @@ ul.pf-v6-c-list {
|
|
|
13600
13757
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
13601
13758
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
13602
13759
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
13760
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13603
13761
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
13604
13762
|
border: none;
|
|
13605
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13606
13763
|
}
|
|
13607
13764
|
|
|
13608
13765
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -13614,7 +13771,7 @@ ul.pf-v6-c-list {
|
|
|
13614
13771
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13615
13772
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13616
13773
|
text-align: start;
|
|
13617
|
-
|
|
13774
|
+
overflow-wrap: break-word;
|
|
13618
13775
|
}
|
|
13619
13776
|
|
|
13620
13777
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -13691,11 +13848,6 @@ ul.pf-v6-c-list {
|
|
|
13691
13848
|
.pf-v6-c-page {
|
|
13692
13849
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13693
13850
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13694
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13695
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
13696
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13697
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13698
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13699
13851
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13700
13852
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13701
13853
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -13714,6 +13866,11 @@ ul.pf-v6-c-list {
|
|
|
13714
13866
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
13715
13867
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
13716
13868
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
13869
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13870
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13871
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13872
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13873
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13717
13874
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13718
13875
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
13719
13876
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -13884,20 +14041,17 @@ ul.pf-v6-c-list {
|
|
|
13884
14041
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
13885
14042
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13886
14043
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
13887
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13888
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13889
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13890
14044
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
13891
14045
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13892
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13893
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
13894
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
14046
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14047
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
14048
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13895
14049
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13896
14050
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13897
14051
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13898
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
13899
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
13900
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
14052
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14053
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
14054
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
13901
14055
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13902
14056
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13903
14057
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -13908,9 +14062,11 @@ ul.pf-v6-c-list {
|
|
|
13908
14062
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
13909
14063
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13910
14064
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13911
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
13912
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13913
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
14065
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14066
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14067
|
+
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14068
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14069
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
13914
14070
|
}
|
|
13915
14071
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13916
14072
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -13933,6 +14089,8 @@ ul.pf-v6-c-list {
|
|
|
13933
14089
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
13934
14090
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
13935
14091
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
14092
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
14093
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
13936
14094
|
}
|
|
13937
14095
|
@media (min-width: 75rem) {
|
|
13938
14096
|
.pf-v6-c-page {
|
|
@@ -14084,10 +14242,11 @@ ul.pf-v6-c-list {
|
|
|
14084
14242
|
inset-inline-start: 0;
|
|
14085
14243
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
14086
14244
|
display: flex;
|
|
14245
|
+
visibility: hidden;
|
|
14087
14246
|
flex-direction: column;
|
|
14088
14247
|
grid-area: dock;
|
|
14089
14248
|
width: var(--pf-v6-c-page__dock--Width);
|
|
14090
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
14249
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
14091
14250
|
translate: -100% 0;
|
|
14092
14251
|
}
|
|
14093
14252
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -14096,7 +14255,9 @@ ul.pf-v6-c-list {
|
|
|
14096
14255
|
|
|
14097
14256
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
14098
14257
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
14258
|
+
visibility: visible;
|
|
14099
14259
|
translate: 0;
|
|
14260
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
14100
14261
|
}
|
|
14101
14262
|
@media (min-width: 62rem) {
|
|
14102
14263
|
.pf-v6-c-page__dock {
|
|
@@ -14104,6 +14265,7 @@ ul.pf-v6-c-list {
|
|
|
14104
14265
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14105
14266
|
position: revert;
|
|
14106
14267
|
inset: revert;
|
|
14268
|
+
visibility: revert;
|
|
14107
14269
|
width: auto;
|
|
14108
14270
|
translate: 0;
|
|
14109
14271
|
}
|
|
@@ -14118,9 +14280,9 @@ ul.pf-v6-c-list {
|
|
|
14118
14280
|
.pf-v6-c-page__dock-main {
|
|
14119
14281
|
flex-grow: 1;
|
|
14120
14282
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
14121
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14122
14283
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
14123
14284
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
14285
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14124
14286
|
}
|
|
14125
14287
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
14126
14288
|
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 +14364,10 @@ ul.pf-v6-c-list {
|
|
|
14202
14364
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
14203
14365
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
14204
14366
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
14205
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14206
14367
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14207
14368
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14208
14369
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
14370
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14209
14371
|
}
|
|
14210
14372
|
|
|
14211
14373
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14571,7 +14733,6 @@ ul.pf-v6-c-list {
|
|
|
14571
14733
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
14572
14734
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
14573
14735
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14574
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14575
14736
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
14576
14737
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
14577
14738
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -14579,6 +14740,7 @@ ul.pf-v6-c-list {
|
|
|
14579
14740
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
14580
14741
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14581
14742
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
14743
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14582
14744
|
}
|
|
14583
14745
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14584
14746
|
.pf-v6-c-page__main-container {
|
|
@@ -15603,7 +15765,7 @@ ul.pf-v6-c-list {
|
|
|
15603
15765
|
}
|
|
15604
15766
|
|
|
15605
15767
|
.pf-v6-c-popover__body {
|
|
15606
|
-
|
|
15768
|
+
overflow-wrap: break-word;
|
|
15607
15769
|
}
|
|
15608
15770
|
|
|
15609
15771
|
.pf-v6-c-popover__footer {
|
|
@@ -15648,7 +15810,7 @@ ul.pf-v6-c-list {
|
|
|
15648
15810
|
display: grid;
|
|
15649
15811
|
grid-template-rows: 1fr auto;
|
|
15650
15812
|
grid-template-columns: auto auto;
|
|
15651
|
-
|
|
15813
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
15652
15814
|
align-items: end;
|
|
15653
15815
|
}
|
|
15654
15816
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -15742,7 +15904,7 @@ ul.pf-v6-c-list {
|
|
|
15742
15904
|
|
|
15743
15905
|
.pf-v6-c-progress__description {
|
|
15744
15906
|
grid-column: 1/2;
|
|
15745
|
-
|
|
15907
|
+
overflow-wrap: break-word;
|
|
15746
15908
|
}
|
|
15747
15909
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15748
15910
|
overflow: hidden;
|
|
@@ -15758,7 +15920,7 @@ ul.pf-v6-c-list {
|
|
|
15758
15920
|
align-items: flex-start;
|
|
15759
15921
|
justify-content: flex-end;
|
|
15760
15922
|
text-align: end;
|
|
15761
|
-
|
|
15923
|
+
overflow-wrap: break-word;
|
|
15762
15924
|
}
|
|
15763
15925
|
|
|
15764
15926
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16021,9 +16183,9 @@ ul.pf-v6-c-list {
|
|
|
16021
16183
|
inset-block-start: 0;
|
|
16022
16184
|
inset-inline-start: 0;
|
|
16023
16185
|
overflow: hidden;
|
|
16024
|
-
clip: rect(0, 0, 0, 0);
|
|
16025
16186
|
white-space: nowrap;
|
|
16026
16187
|
border: 0;
|
|
16188
|
+
clip-path: inset(50%);
|
|
16027
16189
|
}
|
|
16028
16190
|
.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
16191
|
grid-row: 1/2;
|
|
@@ -16445,7 +16607,7 @@ ul.pf-v6-c-list {
|
|
|
16445
16607
|
.pf-v6-c-radio {
|
|
16446
16608
|
display: grid;
|
|
16447
16609
|
grid-template-columns: auto 1fr;
|
|
16448
|
-
|
|
16610
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
16449
16611
|
align-items: baseline;
|
|
16450
16612
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
16451
16613
|
}
|
|
@@ -16676,6 +16838,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16676
16838
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
16677
16839
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
16678
16840
|
}
|
|
16841
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
|
|
16842
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
16843
|
+
}
|
|
16679
16844
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
16680
16845
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
16681
16846
|
}
|
|
@@ -16695,7 +16860,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16695
16860
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
16696
16861
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
16697
16862
|
}
|
|
16698
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16863
|
+
.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
|
|
16699
16864
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
16700
16865
|
}
|
|
16701
16866
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -16708,12 +16873,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16708
16873
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
16709
16874
|
}
|
|
16710
16875
|
|
|
16711
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
16712
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
16713
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16714
|
-
background-color: transparent;
|
|
16715
|
-
}
|
|
16716
|
-
|
|
16717
16876
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
16718
16877
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
16719
16878
|
}
|
|
@@ -17440,10 +17599,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17440
17599
|
width: 100%;
|
|
17441
17600
|
height: 100%;
|
|
17442
17601
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
17602
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17603
|
+
stroke-linecap: round;
|
|
17443
17604
|
stroke-dasharray: 283;
|
|
17444
17605
|
stroke-dashoffset: 280;
|
|
17445
|
-
stroke-linecap: round;
|
|
17446
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17447
17606
|
transform-origin: 50% 50%;
|
|
17448
17607
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
17449
17608
|
}
|
|
@@ -17603,8 +17762,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17603
17762
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
17604
17763
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
17605
17764
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
17606
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17607
17765
|
transform: translateY(-50%);
|
|
17766
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17608
17767
|
}
|
|
17609
17768
|
.pf-v6-c-switch__toggle::after {
|
|
17610
17769
|
position: absolute;
|
|
@@ -19462,6 +19621,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19462
19621
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19463
19622
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19464
19623
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
19624
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
19625
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
19465
19626
|
}
|
|
19466
19627
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
19467
19628
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -19531,6 +19692,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19531
19692
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
19532
19693
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
19533
19694
|
}
|
|
19695
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
19696
|
+
position: sticky;
|
|
19697
|
+
inset-block-end: 0;
|
|
19698
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
19699
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
19700
|
+
}
|
|
19701
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
19702
|
+
position: absolute;
|
|
19703
|
+
inset: 0;
|
|
19704
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
19705
|
+
pointer-events: none;
|
|
19706
|
+
content: "";
|
|
19707
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
19708
|
+
}
|
|
19709
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
19710
|
+
border-block-end: 0;
|
|
19711
|
+
}
|
|
19712
|
+
.pf-v6-c-table.pf-m-plain {
|
|
19713
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
19714
|
+
}
|
|
19534
19715
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
19535
19716
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
19536
19717
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -19601,11 +19782,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19601
19782
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
19602
19783
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
19603
19784
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19785
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19604
19786
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
19605
19787
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
19606
19788
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19607
19789
|
color: var(--pf-v6-c-table--cell--Color);
|
|
19608
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19609
19790
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19610
19791
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19611
19792
|
}
|
|
@@ -19711,24 +19892,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19711
19892
|
}
|
|
19712
19893
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
19713
19894
|
cursor: pointer;
|
|
19714
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19715
19895
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
19896
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19716
19897
|
}
|
|
19717
19898
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
19718
19899
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
19719
19900
|
}
|
|
19720
19901
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
19721
19902
|
position: relative;
|
|
19722
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19723
19903
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
19904
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19724
19905
|
}
|
|
19725
19906
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
19726
19907
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
19727
19908
|
}
|
|
19728
19909
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
19729
19910
|
cursor: pointer;
|
|
19730
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19731
19911
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
19912
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19732
19913
|
}
|
|
19733
19914
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
19734
19915
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -19737,8 +19918,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19737
19918
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
19738
19919
|
}
|
|
19739
19920
|
.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
19921
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
19922
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19742
19923
|
}
|
|
19743
19924
|
.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
19925
|
border: none;
|
|
@@ -19763,11 +19944,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19763
19944
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
19764
19945
|
visibility: hidden;
|
|
19765
19946
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
19947
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19766
19948
|
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
19949
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
19768
19950
|
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
19951
|
transition-property: opacity, translate, visibility, background-color;
|
|
19770
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19771
19952
|
}
|
|
19772
19953
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
19773
19954
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -19775,9 +19956,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19775
19956
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
19776
19957
|
visibility: visible;
|
|
19777
19958
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
19959
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19778
19960
|
transition-delay: 0s;
|
|
19779
19961
|
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
19962
|
}
|
|
19782
19963
|
.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
19964
|
max-height: 99999px;
|
|
@@ -19843,8 +20024,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19843
20024
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
19844
20025
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
19845
20026
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19846
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19847
20027
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
20028
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19848
20029
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19849
20030
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19850
20031
|
}
|
|
@@ -19873,10 +20054,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19873
20054
|
text-align: start;
|
|
19874
20055
|
white-space: inherit;
|
|
19875
20056
|
user-select: text;
|
|
20057
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19876
20058
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
19877
20059
|
border: 0;
|
|
19878
20060
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
19879
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19880
20061
|
}
|
|
19881
20062
|
.pf-v6-c-table__button::after {
|
|
19882
20063
|
position: absolute;
|
|
@@ -19970,10 +20151,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19970
20151
|
}
|
|
19971
20152
|
|
|
19972
20153
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
20154
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19973
20155
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
19974
20156
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
19975
20157
|
transition-property: transform;
|
|
19976
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19977
20158
|
}
|
|
19978
20159
|
.pf-v6-c-table__toggle svg {
|
|
19979
20160
|
pointer-events: none;
|
|
@@ -20265,6 +20446,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20265
20446
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
20266
20447
|
}
|
|
20267
20448
|
|
|
20449
|
+
.pf-v6-c-table__tfoot {
|
|
20450
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
20451
|
+
vertical-align: top;
|
|
20452
|
+
}
|
|
20453
|
+
|
|
20268
20454
|
.pf-v6-c-table__icon-inline {
|
|
20269
20455
|
display: flex;
|
|
20270
20456
|
align-items: center;
|
|
@@ -20529,8 +20715,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20529
20715
|
}
|
|
20530
20716
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20531
20717
|
position: relative;
|
|
20532
|
-
border: none;
|
|
20533
20718
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20719
|
+
border: none;
|
|
20534
20720
|
}
|
|
20535
20721
|
.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
20722
|
position: absolute;
|
|
@@ -20568,7 +20754,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20568
20754
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20569
20755
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20570
20756
|
grid-column: 1;
|
|
20571
|
-
|
|
20757
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20572
20758
|
align-items: start;
|
|
20573
20759
|
}
|
|
20574
20760
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20671,8 +20857,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20671
20857
|
}
|
|
20672
20858
|
.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
20859
|
position: relative;
|
|
20674
|
-
border: none;
|
|
20675
20860
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20861
|
+
border: none;
|
|
20676
20862
|
}
|
|
20677
20863
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20678
20864
|
position: absolute;
|
|
@@ -20710,7 +20896,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20710
20896
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20711
20897
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20712
20898
|
grid-column: 1;
|
|
20713
|
-
|
|
20899
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20714
20900
|
align-items: start;
|
|
20715
20901
|
}
|
|
20716
20902
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20814,8 +21000,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20814
21000
|
}
|
|
20815
21001
|
.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
21002
|
position: relative;
|
|
20817
|
-
border: none;
|
|
20818
21003
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21004
|
+
border: none;
|
|
20819
21005
|
}
|
|
20820
21006
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20821
21007
|
position: absolute;
|
|
@@ -20853,7 +21039,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20853
21039
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20854
21040
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20855
21041
|
grid-column: 1;
|
|
20856
|
-
|
|
21042
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20857
21043
|
align-items: start;
|
|
20858
21044
|
}
|
|
20859
21045
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20957,8 +21143,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20957
21143
|
}
|
|
20958
21144
|
.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
21145
|
position: relative;
|
|
20960
|
-
border: none;
|
|
20961
21146
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21147
|
+
border: none;
|
|
20962
21148
|
}
|
|
20963
21149
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20964
21150
|
position: absolute;
|
|
@@ -20996,7 +21182,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20996
21182
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20997
21183
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20998
21184
|
grid-column: 1;
|
|
20999
|
-
|
|
21185
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21000
21186
|
align-items: start;
|
|
21001
21187
|
}
|
|
21002
21188
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21100,8 +21286,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21100
21286
|
}
|
|
21101
21287
|
.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
21288
|
position: relative;
|
|
21103
|
-
border: none;
|
|
21104
21289
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21290
|
+
border: none;
|
|
21105
21291
|
}
|
|
21106
21292
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
21107
21293
|
position: absolute;
|
|
@@ -21139,7 +21325,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21139
21325
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21140
21326
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21141
21327
|
grid-column: 1;
|
|
21142
|
-
|
|
21328
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21143
21329
|
align-items: start;
|
|
21144
21330
|
}
|
|
21145
21331
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21692,8 +21878,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21692
21878
|
|
|
21693
21879
|
.pf-v6-c-tabs__toggle-icon {
|
|
21694
21880
|
display: inline-block;
|
|
21695
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21696
21881
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
21882
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21697
21883
|
}
|
|
21698
21884
|
|
|
21699
21885
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -21857,8 +22043,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21857
22043
|
align-self: end;
|
|
21858
22044
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
21859
22045
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
21860
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21861
22046
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
22047
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21862
22048
|
}
|
|
21863
22049
|
|
|
21864
22050
|
.pf-v6-c-tabs__item-action {
|
|
@@ -22121,10 +22307,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22121
22307
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
22122
22308
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
22123
22309
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
22310
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22124
22311
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
22125
22312
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
22126
22313
|
transition-property: width, height, translate;
|
|
22127
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22128
22314
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
22129
22315
|
}
|
|
22130
22316
|
: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 +22516,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22330
22516
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
22331
22517
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
22332
22518
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
22519
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22333
22520
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
22334
22521
|
border: 0;
|
|
22335
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22336
22522
|
}
|
|
22337
22523
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
22338
22524
|
grid-area: text-input;
|
|
@@ -22540,7 +22726,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22540
22726
|
|
|
22541
22727
|
.pf-v6-c-title {
|
|
22542
22728
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22543
|
-
|
|
22729
|
+
overflow-wrap: break-word;
|
|
22544
22730
|
}
|
|
22545
22731
|
.pf-v6-c-title.pf-m-4xl {
|
|
22546
22732
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -23323,10 +23509,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23323
23509
|
|
|
23324
23510
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
23325
23511
|
display: inline-flex;
|
|
23512
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23326
23513
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
23327
23514
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
23328
23515
|
transition-property: transform;
|
|
23329
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23330
23516
|
}
|
|
23331
23517
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
23332
23518
|
scale: -1 1;
|
|
@@ -24962,7 +25148,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24962
25148
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24963
25149
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24964
25150
|
text-align: center;
|
|
24965
|
-
|
|
25151
|
+
overflow-wrap: break-word;
|
|
24966
25152
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24967
25153
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24968
25154
|
}
|
|
@@ -25344,19 +25530,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25344
25530
|
display: inline-block;
|
|
25345
25531
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
25346
25532
|
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
25533
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
25534
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25349
25535
|
}
|
|
25350
25536
|
|
|
25351
25537
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
25352
|
-
max-height: 0;
|
|
25353
25538
|
visibility: hidden;
|
|
25539
|
+
max-height: 0;
|
|
25354
25540
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
25541
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25355
25542
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
25356
25543
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
25357
25544
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
25358
25545
|
transition-property: opacity, translate, visibility, max-height;
|
|
25359
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25360
25546
|
}
|
|
25361
25547
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
25362
25548
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -25367,12 +25553,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25367
25553
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
25368
25554
|
}
|
|
25369
25555
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
25370
|
-
max-height: 99999px;
|
|
25371
25556
|
visibility: revert;
|
|
25557
|
+
max-height: 99999px;
|
|
25372
25558
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
25559
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25373
25560
|
transition-delay: 0s;
|
|
25374
25561
|
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
25562
|
}
|
|
25377
25563
|
|
|
25378
25564
|
.pf-v6-c-tree-view__node,
|
|
@@ -25811,7 +25997,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25811
25997
|
|
|
25812
25998
|
.pf-v6-c-wizard__title {
|
|
25813
25999
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
25814
|
-
|
|
26000
|
+
overflow-wrap: break-word;
|
|
25815
26001
|
}
|
|
25816
26002
|
|
|
25817
26003
|
.pf-v6-c-wizard__title-text {
|
|
@@ -25874,7 +26060,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25874
26060
|
align-items: baseline;
|
|
25875
26061
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25876
26062
|
text-align: start;
|
|
25877
|
-
|
|
26063
|
+
overflow-wrap: break-word;
|
|
25878
26064
|
}
|
|
25879
26065
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25880
26066
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26010,8 +26196,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26010
26196
|
padding-inline: 0;
|
|
26011
26197
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26012
26198
|
text-align: start;
|
|
26199
|
+
overflow-wrap: break-word;
|
|
26013
26200
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26014
|
-
word-break: break-word;
|
|
26015
26201
|
counter-increment: wizard-nav-count;
|
|
26016
26202
|
background-color: transparent;
|
|
26017
26203
|
border: none;
|
|
@@ -26116,10 +26302,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26116
26302
|
|
|
26117
26303
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
26118
26304
|
display: inline-block;
|
|
26305
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26119
26306
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
26120
26307
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
26121
26308
|
transition-property: transform;
|
|
26122
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26123
26309
|
}
|
|
26124
26310
|
|
|
26125
26311
|
.pf-v6-c-wizard__main {
|
|
@@ -26129,7 +26315,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26129
26315
|
flex-direction: column;
|
|
26130
26316
|
overflow-x: hidden;
|
|
26131
26317
|
overflow-y: auto;
|
|
26132
|
-
|
|
26318
|
+
overflow-wrap: break-word;
|
|
26133
26319
|
}
|
|
26134
26320
|
|
|
26135
26321
|
.pf-v6-c-wizard__main-body {
|