@patternfly/react-core 4.255.2 → 4.257.0
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 +22 -0
- package/dist/esm/components/Banner/Banner.d.ts +7 -5
- package/dist/esm/components/Banner/Banner.d.ts.map +1 -1
- package/dist/esm/components/Banner/Banner.js +2 -2
- package/dist/esm/components/Banner/Banner.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +2 -2
- package/dist/esm/components/Card/Card.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataList.d.ts +1 -1
- package/dist/esm/components/DataList/DataList.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataListItem.d.ts +1 -1
- package/dist/esm/components/DataList/DataListItem.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts +2 -0
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +7 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/esm/components/Popover/Popover.d.ts +3 -3
- package/dist/esm/components/Popover/Popover.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Wizard.d.ts +4 -4
- package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/components/Wizard/WizardToggle.d.ts +2 -2
- package/dist/esm/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/js/components/Banner/Banner.d.ts +7 -5
- package/dist/js/components/Banner/Banner.d.ts.map +1 -1
- package/dist/js/components/Banner/Banner.js +2 -2
- package/dist/js/components/Banner/Banner.js.map +1 -1
- package/dist/js/components/Card/Card.d.ts +2 -2
- package/dist/js/components/Card/Card.d.ts.map +1 -1
- package/dist/js/components/DataList/DataList.d.ts +1 -1
- package/dist/js/components/DataList/DataList.d.ts.map +1 -1
- package/dist/js/components/DataList/DataListItem.d.ts +1 -1
- package/dist/js/components/DataList/DataListItem.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts +2 -0
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +7 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/js/components/Popover/Popover.d.ts +3 -3
- package/dist/js/components/Popover/Popover.d.ts.map +1 -1
- package/dist/js/components/Wizard/Wizard.d.ts +4 -4
- package/dist/js/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/js/components/Wizard/WizardToggle.d.ts +2 -2
- package/dist/js/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/umd/react-core.min.css +1045 -1045
- package/dist/umd/react-core.min.js +2 -2
- package/package.json +2 -2
- package/src/components/AlertGroup/examples/AlertGroup.md +2 -2
- package/src/components/Banner/Banner.tsx +8 -6
- package/src/components/Banner/__tests__/Banner.test.tsx +3 -13
- package/src/components/Banner/__tests__/__snapshots__/Banner.test.tsx.snap +0 -5
- package/src/components/Banner/examples/Banner.md +19 -0
- package/src/components/Banner/examples/BannerBasic.tsx +7 -9
- package/src/components/Banner/examples/BannerStatus.tsx +56 -0
- package/src/components/CalendarMonth/examples/CalendarMonth.md +0 -1
- package/src/components/Card/Card.tsx +2 -2
- package/src/components/DataList/DataList.tsx +1 -1
- package/src/components/DataList/DataListItem.tsx +1 -1
- package/src/components/DualListSelector/examples/DualListSelector.md +0 -1
- package/src/components/LabelGroup/examples/LabelGroup.md +2 -3
- package/src/components/Masthead/examples/Masthead.md +0 -1
- package/src/components/Menu/examples/Menu.md +1 -1
- package/src/components/MenuToggle/examples/MenuToggle.md +0 -1
- package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +10 -0
- package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx +33 -1
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +269 -3
- package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +0 -1
- package/src/components/NotificationDrawer/examples/NotificationDrawer.md +0 -1
- package/src/components/Panel/examples/Panel.md +0 -1
- package/src/components/Popover/Popover.tsx +3 -3
- package/src/components/Popover/examples/Popover.md +2 -2
- package/src/components/Select/examples/Select.md +2 -2
- package/src/components/Slider/examples/Slider.md +0 -1
- package/src/components/TextArea/examples/TextArea.md +1 -1
- package/src/components/TextInput/examples/TextInput.md +1 -1
- package/src/components/TreeView/examples/TreeView.md +0 -1
- package/src/components/Wizard/Wizard.tsx +4 -4
- package/src/components/Wizard/WizardToggle.tsx +2 -2
- package/src/components/Wizard/examples/Wizard.md +1 -1
- package/src/demos/MultipleFileUploadDemos.md +0 -1
- package/src/demos/NotificationDrawer/NotificationDrawer.md +0 -1
|
@@ -3666,7 +3666,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3666
3666
|
font-family: var(--pf-c-code-block__code--FontFamily, inherit);
|
|
3667
3667
|
}
|
|
3668
3668
|
|
|
3669
|
-
.pf-c-
|
|
3669
|
+
.pf-c-data-list {
|
|
3670
3670
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
3671
3671
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
3672
3672
|
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
@@ -3676,429 +3676,95 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3676
3676
|
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
3677
3677
|
}
|
|
3678
3678
|
|
|
3679
|
-
.pf-c-
|
|
3680
|
-
--pf-
|
|
3681
|
-
--pf-
|
|
3682
|
-
--pf-
|
|
3683
|
-
--pf-
|
|
3684
|
-
--pf-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
--pf-c-context-selector__toggle--BorderRightColor: var(--pf-global--BorderColor--300);
|
|
3688
|
-
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-global--BorderColor--200);
|
|
3689
|
-
--pf-c-context-selector__toggle--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
3690
|
-
--pf-c-context-selector__toggle--Color: var(--pf-global--Color--100);
|
|
3691
|
-
--pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector__toggle--BorderWidth);
|
|
3692
|
-
--pf-c-context-selector__toggle--hover--BorderBottomColor: var(--pf-global--active-color--100);
|
|
3693
|
-
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
3694
|
-
--pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
|
|
3695
|
-
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
3696
|
-
--pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
|
|
3697
|
-
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
|
|
3698
|
-
--pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
|
|
3699
|
-
--pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
|
|
3700
|
-
--pf-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
|
|
3701
|
-
--pf-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
|
|
3702
|
-
--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-global--spacer--sm);
|
|
3703
|
-
--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-global--spacer--sm);
|
|
3704
|
-
--pf-c-context-selector__toggle-text--FontSize: var(--pf-global--FontSize--md);
|
|
3705
|
-
--pf-c-context-selector__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
3706
|
-
--pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
3707
|
-
--pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
3708
|
-
--pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
3709
|
-
--pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
3710
|
-
--pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
3711
|
-
--pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
|
|
3712
|
-
--pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
|
|
3713
|
-
--pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
|
|
3714
|
-
--pf-c-context-selector__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
3715
|
-
--pf-c-context-selector__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
3716
|
-
--pf-c-context-selector__menu-search--PaddingTop: var(--pf-global--spacer--md);
|
|
3717
|
-
--pf-c-context-selector__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
3718
|
-
--pf-c-context-selector__menu-search--PaddingBottom: var(--pf-global--spacer--md);
|
|
3719
|
-
--pf-c-context-selector__menu-search--PaddingLeft: var(--pf-global--spacer--md);
|
|
3720
|
-
--pf-c-context-selector__menu-search--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
3721
|
-
--pf-c-context-selector__menu-search--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
3722
|
-
--pf-c-context-selector__menu-footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
3723
|
-
--pf-c-context-selector__menu-footer--PaddingTop: var(--pf-global--spacer--md);
|
|
3724
|
-
--pf-c-context-selector__menu-footer--PaddingRight: var(--pf-global--spacer--md);
|
|
3725
|
-
--pf-c-context-selector__menu-footer--PaddingBottom: var(--pf-global--spacer--md);
|
|
3726
|
-
--pf-c-context-selector__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
|
|
3727
|
-
--pf-c-context-selector__menu-list--MaxHeight: 12.5rem;
|
|
3728
|
-
--pf-c-context-selector__menu-list--PaddingTop: var(--pf-c-context-selector__menu--PaddingTop);
|
|
3729
|
-
--pf-c-context-selector__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
|
|
3730
|
-
--pf-c-context-selector__menu-list-item--Color: var(--pf-global--Color--dark-100);
|
|
3731
|
-
--pf-c-context-selector__menu-list-item--PaddingTop: var(--pf-global--spacer--sm);
|
|
3732
|
-
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
|
|
3733
|
-
--pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
|
|
3734
|
-
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3735
|
-
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
3736
|
-
--pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
|
|
3737
|
-
--pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
|
|
3738
|
-
--pf-c-context-selector__menu-item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
3739
|
-
--pf-c-context-selector__menu-item-icon--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3740
|
-
--pf-c-context-selector--m-full-height__toggle--PaddingRight: var(--pf-global--spacer--lg);
|
|
3741
|
-
--pf-c-context-selector--m-full-height__toggle--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3742
|
-
--pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth: 0;
|
|
3743
|
-
--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
3744
|
-
--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
3745
|
-
--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
3746
|
-
--pf-c-context-selector--m-large__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
3747
|
-
--pf-c-context-selector--m-large__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
3748
|
-
--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
3749
|
-
--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
3750
|
-
--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
3751
|
-
--pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
3752
|
-
--pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
3753
|
-
--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
3754
|
-
--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3755
|
-
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-global--spacer--md);
|
|
3756
|
-
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-global--spacer--md);
|
|
3757
|
-
--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
3758
|
-
--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3759
|
-
--pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
3760
|
-
--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-global--spacer--md);
|
|
3761
|
-
--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
3762
|
-
--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3763
|
-
--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-global--spacer--md);
|
|
3764
|
-
--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
|
|
3765
|
-
--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
3766
|
-
--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3767
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
|
|
3768
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
|
|
3769
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
3770
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3771
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-global--spacer--md);
|
|
3772
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-global--spacer--md);
|
|
3773
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
3774
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
3775
|
-
position: relative;
|
|
3776
|
-
display: inline-block;
|
|
3777
|
-
width: var(--pf-c-context-selector--Width);
|
|
3778
|
-
max-width: 100%;
|
|
3779
|
-
}
|
|
3780
|
-
|
|
3781
|
-
@media screen and (min-width: 1200px) {
|
|
3782
|
-
.pf-c-context-selector {
|
|
3783
|
-
--pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight);
|
|
3784
|
-
--pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft);
|
|
3785
|
-
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight);
|
|
3786
|
-
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft);
|
|
3787
|
-
--pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight);
|
|
3788
|
-
--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft);
|
|
3789
|
-
--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight);
|
|
3790
|
-
--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft);
|
|
3791
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight);
|
|
3792
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft);
|
|
3793
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight);
|
|
3794
|
-
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft);
|
|
3795
|
-
}
|
|
3796
|
-
}
|
|
3797
|
-
.pf-c-context-selector.pf-m-full-height {
|
|
3798
|
-
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth);
|
|
3799
|
-
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth);
|
|
3800
|
-
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector--m-full-height__toggle--PaddingRight);
|
|
3801
|
-
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector--m-full-height__toggle--PaddingLeft);
|
|
3802
|
-
display: inline-flex;
|
|
3803
|
-
align-items: center;
|
|
3804
|
-
height: 100%;
|
|
3679
|
+
.pf-c-data-list__item-action {
|
|
3680
|
+
--pf-hidden-visible--visible--Visibility: visible;
|
|
3681
|
+
--pf-hidden-visible--hidden--Display: none;
|
|
3682
|
+
--pf-hidden-visible--hidden--Visibility: hidden;
|
|
3683
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
3684
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
3685
|
+
display: var(--pf-hidden-visible--Display);
|
|
3686
|
+
visibility: var(--pf-hidden-visible--Visibility);
|
|
3805
3687
|
}
|
|
3806
3688
|
|
|
3807
|
-
.pf-
|
|
3808
|
-
|
|
3689
|
+
.pf-m-hidden.pf-c-data-list__item-action {
|
|
3690
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
3691
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
3809
3692
|
}
|
|
3810
3693
|
|
|
3811
|
-
|
|
3812
|
-
|
|
3813
|
-
|
|
3694
|
+
@media screen and (min-width: 576px) {
|
|
3695
|
+
.pf-m-hidden-on-sm.pf-c-data-list__item-action {
|
|
3696
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
3697
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
3698
|
+
}
|
|
3814
3699
|
|
|
3815
|
-
.pf-
|
|
3816
|
-
|
|
3700
|
+
.pf-m-visible-on-sm.pf-c-data-list__item-action {
|
|
3701
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
3702
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
3703
|
+
}
|
|
3817
3704
|
}
|
|
3705
|
+
@media screen and (min-width: 768px) {
|
|
3706
|
+
.pf-m-hidden-on-md.pf-c-data-list__item-action {
|
|
3707
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
3708
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
3709
|
+
}
|
|
3818
3710
|
|
|
3819
|
-
.pf-
|
|
3820
|
-
|
|
3821
|
-
|
|
3822
|
-
|
|
3823
|
-
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth);
|
|
3824
|
-
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth);
|
|
3711
|
+
.pf-m-visible-on-md.pf-c-data-list__item-action {
|
|
3712
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
3713
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
3714
|
+
}
|
|
3825
3715
|
}
|
|
3716
|
+
@media screen and (min-width: 992px) {
|
|
3717
|
+
.pf-m-hidden-on-lg.pf-c-data-list__item-action {
|
|
3718
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
3719
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
3720
|
+
}
|
|
3826
3721
|
|
|
3827
|
-
.pf-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft);
|
|
3832
|
-
--pf-c-context-selector__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingRight);
|
|
3833
|
-
--pf-c-context-selector__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft);
|
|
3834
|
-
--pf-c-context-selector__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight);
|
|
3835
|
-
--pf-c-context-selector__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft);
|
|
3836
|
-
--pf-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight);
|
|
3837
|
-
--pf-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft);
|
|
3838
|
-
--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight);
|
|
3839
|
-
--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft);
|
|
3722
|
+
.pf-m-visible-on-lg.pf-c-data-list__item-action {
|
|
3723
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
3724
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
3725
|
+
}
|
|
3840
3726
|
}
|
|
3727
|
+
@media screen and (min-width: 1200px) {
|
|
3728
|
+
.pf-m-hidden-on-xl.pf-c-data-list__item-action {
|
|
3729
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
3730
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
3731
|
+
}
|
|
3841
3732
|
|
|
3842
|
-
.pf-c-
|
|
3843
|
-
|
|
3844
|
-
|
|
3845
|
-
|
|
3846
|
-
justify-content: space-between;
|
|
3847
|
-
width: 100%;
|
|
3848
|
-
padding: var(--pf-c-context-selector__toggle--PaddingTop) var(--pf-c-context-selector__toggle--PaddingRight) var(--pf-c-context-selector__toggle--PaddingBottom) var(--pf-c-context-selector__toggle--PaddingLeft);
|
|
3849
|
-
color: var(--pf-c-context-selector__toggle--Color);
|
|
3850
|
-
white-space: nowrap;
|
|
3851
|
-
cursor: pointer;
|
|
3852
|
-
border: none;
|
|
3733
|
+
.pf-m-visible-on-xl.pf-c-data-list__item-action {
|
|
3734
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
3735
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
3736
|
+
}
|
|
3853
3737
|
}
|
|
3738
|
+
@media screen and (min-width: 1450px) {
|
|
3739
|
+
.pf-m-hidden-on-2xl.pf-c-data-list__item-action {
|
|
3740
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
3741
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
3742
|
+
}
|
|
3854
3743
|
|
|
3855
|
-
.pf-c-
|
|
3856
|
-
|
|
3857
|
-
|
|
3858
|
-
|
|
3859
|
-
bottom: 0;
|
|
3860
|
-
left: 0;
|
|
3861
|
-
content: "";
|
|
3862
|
-
border: var(--pf-c-context-selector__toggle--BorderWidth) solid;
|
|
3863
|
-
border-color: var(--pf-c-context-selector__toggle--BorderTopColor) var(--pf-c-context-selector__toggle--BorderRightColor) var(--pf-c-context-selector__toggle--BorderBottomColor) var(--pf-c-context-selector__toggle--BorderLeftColor);
|
|
3744
|
+
.pf-m-visible-on-2xl.pf-c-data-list__item-action {
|
|
3745
|
+
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
3746
|
+
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
3747
|
+
}
|
|
3864
3748
|
}
|
|
3865
|
-
|
|
3866
|
-
.pf-c-
|
|
3867
|
-
|
|
3868
|
-
|
|
3749
|
+
@media screen and (min-width: 768px) {
|
|
3750
|
+
.pf-c-data-list:not([class*=pf-m-grid]) {
|
|
3751
|
+
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
3752
|
+
--pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
|
|
3753
|
+
--pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
|
|
3754
|
+
--pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
|
|
3755
|
+
--pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
|
|
3756
|
+
--pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
|
|
3757
|
+
--pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
|
|
3758
|
+
--pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop);
|
|
3759
|
+
}
|
|
3869
3760
|
}
|
|
3870
|
-
|
|
3871
|
-
.pf-c-
|
|
3872
|
-
|
|
3873
|
-
|
|
3874
|
-
|
|
3875
|
-
|
|
3876
|
-
|
|
3877
|
-
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--expanded--BorderBottomColor);
|
|
3878
|
-
border-bottom-width: var(--pf-c-context-selector__toggle--expanded--BorderBottomWidth);
|
|
3879
|
-
}
|
|
3880
|
-
|
|
3881
|
-
.pf-c-context-selector__toggle.pf-m-plain {
|
|
3882
|
-
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
|
|
3883
|
-
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
|
|
3884
|
-
--pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
|
|
3885
|
-
}
|
|
3886
|
-
|
|
3887
|
-
.pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
|
|
3888
|
-
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
|
|
3889
|
-
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft);
|
|
3890
|
-
}
|
|
3891
|
-
|
|
3892
|
-
.pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
|
|
3893
|
-
display: inline-block;
|
|
3894
|
-
width: auto;
|
|
3895
|
-
color: var(--pf-c-context-selector__toggle--m-plain--Color);
|
|
3896
|
-
}
|
|
3897
|
-
|
|
3898
|
-
.pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
|
|
3899
|
-
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
|
|
3900
|
-
}
|
|
3901
|
-
|
|
3902
|
-
.pf-c-context-selector__toggle.pf-m-plain:hover, .pf-c-context-selector__toggle.pf-m-plain:active, .pf-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain {
|
|
3903
|
-
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
|
|
3904
|
-
--pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
|
|
3905
|
-
}
|
|
3906
|
-
|
|
3907
|
-
.pf-c-context-selector__toggle.pf-m-plain::before {
|
|
3908
|
-
border: 0;
|
|
3909
|
-
}
|
|
3910
|
-
|
|
3911
|
-
.pf-c-context-selector__toggle .pf-c-context-selector__toggle-text {
|
|
3912
|
-
overflow: hidden;
|
|
3913
|
-
text-overflow: ellipsis;
|
|
3914
|
-
white-space: nowrap;
|
|
3915
|
-
font-size: var(--pf-c-context-selector__toggle-text--FontSize);
|
|
3916
|
-
font-weight: var(--pf-c-context-selector__toggle-text--FontWeight);
|
|
3917
|
-
line-height: var(--pf-c-context-selector__toggle-text--LineHeight);
|
|
3918
|
-
}
|
|
3919
|
-
|
|
3920
|
-
.pf-c-context-selector__toggle-icon {
|
|
3921
|
-
margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
|
|
3922
|
-
margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
|
|
3923
|
-
color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
|
|
3924
|
-
}
|
|
3925
|
-
|
|
3926
|
-
.pf-c-context-selector__menu {
|
|
3927
|
-
color: var(--pf-global--Color--100);
|
|
3928
|
-
position: absolute;
|
|
3929
|
-
top: var(--pf-c-context-selector__menu--Top);
|
|
3930
|
-
z-index: var(--pf-c-context-selector__menu--ZIndex);
|
|
3931
|
-
min-width: 100%;
|
|
3932
|
-
background-color: var(--pf-c-context-selector__menu--BackgroundColor);
|
|
3933
|
-
background-clip: padding-box;
|
|
3934
|
-
box-shadow: var(--pf-c-context-selector__menu--BoxShadow);
|
|
3935
|
-
}
|
|
3936
|
-
|
|
3937
|
-
.pf-c-context-selector__menu.pf-m-static {
|
|
3938
|
-
position: static;
|
|
3939
|
-
top: auto;
|
|
3940
|
-
z-index: auto;
|
|
3941
|
-
min-width: min-content;
|
|
3942
|
-
}
|
|
3943
|
-
|
|
3944
|
-
.pf-c-context-selector__menu-search {
|
|
3945
|
-
position: relative;
|
|
3946
|
-
padding: var(--pf-c-context-selector__menu-search--PaddingTop) var(--pf-c-context-selector__menu-search--PaddingRight) var(--pf-c-context-selector__menu-search--PaddingBottom) var(--pf-c-context-selector__menu-search--PaddingLeft);
|
|
3947
|
-
border-bottom: var(--pf-c-context-selector__menu-search--BorderBottomWidth) solid var(--pf-c-context-selector__menu-search--BorderBottomColor);
|
|
3948
|
-
}
|
|
3949
|
-
|
|
3950
|
-
.pf-c-context-selector__menu-footer {
|
|
3951
|
-
padding: var(--pf-c-context-selector__menu-footer--PaddingTop) var(--pf-c-context-selector__menu-footer--PaddingRight) var(--pf-c-context-selector__menu-footer--PaddingBottom) var(--pf-c-context-selector__menu-footer--PaddingLeft);
|
|
3952
|
-
box-shadow: var(--pf-c-context-selector__menu-footer--BoxShadow);
|
|
3953
|
-
}
|
|
3954
|
-
|
|
3955
|
-
.pf-c-context-selector__menu-list {
|
|
3956
|
-
max-height: var(--pf-c-context-selector__menu-list--MaxHeight);
|
|
3957
|
-
padding-top: var(--pf-c-context-selector__menu-list--PaddingTop);
|
|
3958
|
-
padding-bottom: var(--pf-c-context-selector__menu-list--PaddingBottom);
|
|
3959
|
-
overflow-y: auto;
|
|
3960
|
-
}
|
|
3961
|
-
|
|
3962
|
-
.pf-c-context-selector__menu-list-item {
|
|
3963
|
-
display: flex;
|
|
3964
|
-
align-items: center;
|
|
3965
|
-
width: 100%;
|
|
3966
|
-
padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
|
|
3967
|
-
color: var(--pf-c-context-selector__menu-list-item--Color);
|
|
3968
|
-
white-space: nowrap;
|
|
3969
|
-
border: none;
|
|
3970
|
-
}
|
|
3971
|
-
|
|
3972
|
-
.pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
|
|
3973
|
-
text-decoration: none;
|
|
3974
|
-
background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
3975
|
-
}
|
|
3976
|
-
|
|
3977
|
-
.pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
|
|
3978
|
-
--pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
|
|
3979
|
-
pointer-events: none;
|
|
3980
|
-
}
|
|
3981
|
-
|
|
3982
|
-
:where(.pf-theme-dark) .pf-c-context-selector {
|
|
3983
|
-
--pf-c-context-selector__menu--Top: 100%;
|
|
3984
|
-
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
3985
|
-
}
|
|
3986
|
-
|
|
3987
|
-
:where(.pf-theme-dark) .pf-c-context-selector__toggle {
|
|
3988
|
-
background: var(--pf-global--BackgroundColor--400);
|
|
3989
|
-
}
|
|
3990
|
-
|
|
3991
|
-
:where(.pf-theme-dark) .pf-c-context-selector__toggle.pf-m-plain {
|
|
3992
|
-
background: transparent;
|
|
3993
|
-
}
|
|
3994
|
-
|
|
3995
|
-
:where(.pf-theme-dark) .pf-c-context-selector__menu {
|
|
3996
|
-
background: var(--pf-global--BackgroundColor--300);
|
|
3997
|
-
}
|
|
3998
|
-
|
|
3999
|
-
:where(.pf-theme-dark) .pf-c-context-selector__menu-footer {
|
|
4000
|
-
border-top: 1px solid var(--pf-global--BorderColor--300);
|
|
4001
|
-
}
|
|
4002
|
-
|
|
4003
|
-
.pf-c-data-list {
|
|
4004
|
-
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
4005
|
-
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
4006
|
-
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
4007
|
-
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
4008
|
-
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
4009
|
-
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
4010
|
-
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
4011
|
-
}
|
|
4012
|
-
|
|
4013
|
-
.pf-c-data-list__item-action {
|
|
4014
|
-
--pf-hidden-visible--visible--Visibility: visible;
|
|
4015
|
-
--pf-hidden-visible--hidden--Display: none;
|
|
4016
|
-
--pf-hidden-visible--hidden--Visibility: hidden;
|
|
4017
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
4018
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
4019
|
-
display: var(--pf-hidden-visible--Display);
|
|
4020
|
-
visibility: var(--pf-hidden-visible--Visibility);
|
|
4021
|
-
}
|
|
4022
|
-
|
|
4023
|
-
.pf-m-hidden.pf-c-data-list__item-action {
|
|
4024
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
4025
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
4026
|
-
}
|
|
4027
|
-
|
|
4028
|
-
@media screen and (min-width: 576px) {
|
|
4029
|
-
.pf-m-hidden-on-sm.pf-c-data-list__item-action {
|
|
4030
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
4031
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
4032
|
-
}
|
|
4033
|
-
|
|
4034
|
-
.pf-m-visible-on-sm.pf-c-data-list__item-action {
|
|
4035
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
4036
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
4037
|
-
}
|
|
4038
|
-
}
|
|
4039
|
-
@media screen and (min-width: 768px) {
|
|
4040
|
-
.pf-m-hidden-on-md.pf-c-data-list__item-action {
|
|
4041
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
4042
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
4043
|
-
}
|
|
4044
|
-
|
|
4045
|
-
.pf-m-visible-on-md.pf-c-data-list__item-action {
|
|
4046
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
4047
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
4048
|
-
}
|
|
4049
|
-
}
|
|
4050
|
-
@media screen and (min-width: 992px) {
|
|
4051
|
-
.pf-m-hidden-on-lg.pf-c-data-list__item-action {
|
|
4052
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
4053
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
4054
|
-
}
|
|
4055
|
-
|
|
4056
|
-
.pf-m-visible-on-lg.pf-c-data-list__item-action {
|
|
4057
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
4058
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
4059
|
-
}
|
|
4060
|
-
}
|
|
4061
|
-
@media screen and (min-width: 1200px) {
|
|
4062
|
-
.pf-m-hidden-on-xl.pf-c-data-list__item-action {
|
|
4063
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
4064
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
4065
|
-
}
|
|
4066
|
-
|
|
4067
|
-
.pf-m-visible-on-xl.pf-c-data-list__item-action {
|
|
4068
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
4069
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
4070
|
-
}
|
|
4071
|
-
}
|
|
4072
|
-
@media screen and (min-width: 1450px) {
|
|
4073
|
-
.pf-m-hidden-on-2xl.pf-c-data-list__item-action {
|
|
4074
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
4075
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
4076
|
-
}
|
|
4077
|
-
|
|
4078
|
-
.pf-m-visible-on-2xl.pf-c-data-list__item-action {
|
|
4079
|
-
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
4080
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
4081
|
-
}
|
|
4082
|
-
}
|
|
4083
|
-
@media screen and (min-width: 768px) {
|
|
4084
|
-
.pf-c-data-list:not([class*=pf-m-grid]) {
|
|
4085
|
-
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
4086
|
-
--pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
|
|
4087
|
-
--pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
|
|
4088
|
-
--pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
|
|
4089
|
-
--pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
|
|
4090
|
-
--pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
|
|
4091
|
-
--pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
|
|
4092
|
-
--pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop);
|
|
4093
|
-
}
|
|
4094
|
-
}
|
|
4095
|
-
@media screen and (min-width: 768px) and (min-width: 1200px) {
|
|
4096
|
-
.pf-c-data-list:not([class*=pf-m-grid]) {
|
|
4097
|
-
--pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
|
|
4098
|
-
--pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
|
|
4099
|
-
--pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
|
|
4100
|
-
--pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft);
|
|
4101
|
-
}
|
|
3761
|
+
@media screen and (min-width: 768px) and (min-width: 1200px) {
|
|
3762
|
+
.pf-c-data-list:not([class*=pf-m-grid]) {
|
|
3763
|
+
--pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
|
|
3764
|
+
--pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
|
|
3765
|
+
--pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
|
|
3766
|
+
--pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft);
|
|
3767
|
+
}
|
|
4102
3768
|
}
|
|
4103
3769
|
@media screen and (min-width: 768px) {
|
|
4104
3770
|
.pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
|
|
@@ -5376,163 +5042,497 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
5376
5042
|
order: initial;
|
|
5377
5043
|
}
|
|
5378
5044
|
|
|
5379
|
-
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-align-right {
|
|
5380
|
-
margin-left: auto;
|
|
5381
|
-
}
|
|
5045
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-align-right {
|
|
5046
|
+
margin-left: auto;
|
|
5047
|
+
}
|
|
5048
|
+
|
|
5049
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-no-fill {
|
|
5050
|
+
flex: none;
|
|
5051
|
+
}
|
|
5052
|
+
|
|
5053
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-2 {
|
|
5054
|
+
flex-grow: 2;
|
|
5055
|
+
}
|
|
5056
|
+
|
|
5057
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-3 {
|
|
5058
|
+
flex-grow: 3;
|
|
5059
|
+
}
|
|
5060
|
+
|
|
5061
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-4 {
|
|
5062
|
+
flex-grow: 4;
|
|
5063
|
+
}
|
|
5064
|
+
|
|
5065
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-5 {
|
|
5066
|
+
flex-grow: 5;
|
|
5067
|
+
}
|
|
5068
|
+
}
|
|
5069
|
+
@media screen and (min-width: 1200px) {
|
|
5070
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__expandable-content {
|
|
5071
|
+
max-height: initial;
|
|
5072
|
+
overflow-y: visible;
|
|
5073
|
+
}
|
|
5074
|
+
}
|
|
5075
|
+
@media screen and (min-width: 1450px) {
|
|
5076
|
+
.pf-c-data-list.pf-m-grid-2xl {
|
|
5077
|
+
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
5078
|
+
--pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
|
|
5079
|
+
--pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
|
|
5080
|
+
--pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
|
|
5081
|
+
--pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
|
|
5082
|
+
--pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
|
|
5083
|
+
--pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
|
|
5084
|
+
--pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop);
|
|
5085
|
+
}
|
|
5086
|
+
}
|
|
5087
|
+
@media screen and (min-width: 1450px) and (min-width: 1200px) {
|
|
5088
|
+
.pf-c-data-list.pf-m-grid-2xl {
|
|
5089
|
+
--pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
|
|
5090
|
+
--pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
|
|
5091
|
+
--pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
|
|
5092
|
+
--pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft);
|
|
5093
|
+
}
|
|
5094
|
+
}
|
|
5095
|
+
@media screen and (min-width: 1450px) {
|
|
5096
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
|
|
5097
|
+
display: flex;
|
|
5098
|
+
flex-wrap: wrap;
|
|
5099
|
+
flex-grow: 1;
|
|
5100
|
+
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
5101
|
+
}
|
|
5102
|
+
}
|
|
5103
|
+
@media screen and (min-width: 1450px) {
|
|
5104
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
|
|
5105
|
+
margin-right: var(--pf-c-data-list__cell--MarginRight);
|
|
5106
|
+
}
|
|
5107
|
+
|
|
5108
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell + .pf-c-data-list__cell {
|
|
5109
|
+
flex: 1;
|
|
5110
|
+
order: initial;
|
|
5111
|
+
}
|
|
5112
|
+
|
|
5113
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-align-right {
|
|
5114
|
+
margin-left: auto;
|
|
5115
|
+
}
|
|
5116
|
+
|
|
5117
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-no-fill {
|
|
5118
|
+
flex: none;
|
|
5119
|
+
}
|
|
5120
|
+
|
|
5121
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-2 {
|
|
5122
|
+
flex-grow: 2;
|
|
5123
|
+
}
|
|
5124
|
+
|
|
5125
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-3 {
|
|
5126
|
+
flex-grow: 3;
|
|
5127
|
+
}
|
|
5128
|
+
|
|
5129
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-4 {
|
|
5130
|
+
flex-grow: 4;
|
|
5131
|
+
}
|
|
5132
|
+
|
|
5133
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-5 {
|
|
5134
|
+
flex-grow: 5;
|
|
5135
|
+
}
|
|
5136
|
+
}
|
|
5137
|
+
@media screen and (min-width: 1450px) {
|
|
5138
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__expandable-content {
|
|
5139
|
+
max-height: initial;
|
|
5140
|
+
overflow-y: visible;
|
|
5141
|
+
}
|
|
5142
|
+
}
|
|
5143
|
+
.pf-c-date-picker {
|
|
5144
|
+
--pf-c-date-picker--m-top__calendar--Top: 0;
|
|
5145
|
+
--pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
|
|
5146
|
+
--pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
|
|
5147
|
+
--pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
|
|
5148
|
+
--pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
|
|
5149
|
+
--pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
|
|
5150
|
+
--pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
|
|
5151
|
+
--pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
5152
|
+
--pf-c-date-picker__input--c-form-control--width-chars: 10;
|
|
5153
|
+
--pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
5154
|
+
--pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
5155
|
+
--pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
|
|
5156
|
+
--pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
|
|
5157
|
+
--pf-c-date-picker__calendar--Right: auto;
|
|
5158
|
+
--pf-c-date-picker__calendar--Left: 0;
|
|
5159
|
+
--pf-c-date-picker__calendar--m-align-right--Right: 0;
|
|
5160
|
+
--pf-c-date-picker__calendar--m-align-right--Left: auto;
|
|
5161
|
+
position: relative;
|
|
5162
|
+
display: inline-block;
|
|
5163
|
+
}
|
|
5164
|
+
|
|
5165
|
+
.pf-c-date-picker__helper-text {
|
|
5166
|
+
margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
|
|
5167
|
+
font-size: var(--pf-c-date-picker__helper-text--FontSize);
|
|
5168
|
+
color: var(--pf-c-date-picker__helper-text--Color);
|
|
5169
|
+
}
|
|
5170
|
+
|
|
5171
|
+
.pf-c-date-picker__helper-text.pf-m-error {
|
|
5172
|
+
--pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
|
|
5173
|
+
}
|
|
5174
|
+
|
|
5175
|
+
.pf-c-date-picker__input .pf-c-form-control {
|
|
5176
|
+
width: var(--pf-c-date-picker__input--c-form-control--Width);
|
|
5177
|
+
}
|
|
5178
|
+
|
|
5179
|
+
.pf-c-date-picker__calendar {
|
|
5180
|
+
position: absolute;
|
|
5181
|
+
top: var(--pf-c-date-picker__calendar--Top);
|
|
5182
|
+
right: var(--pf-c-date-picker__calendar--Right);
|
|
5183
|
+
left: var(--pf-c-date-picker__calendar--Left);
|
|
5184
|
+
z-index: var(--pf-c-date-picker__calendar--ZIndex);
|
|
5185
|
+
background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
|
|
5186
|
+
box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
|
|
5187
|
+
}
|
|
5188
|
+
|
|
5189
|
+
.pf-c-date-picker__calendar.pf-m-align-right {
|
|
5190
|
+
--pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
|
|
5191
|
+
--pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
|
|
5192
|
+
}
|
|
5193
|
+
|
|
5194
|
+
.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
|
|
5195
|
+
--pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
|
|
5196
|
+
transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
|
|
5197
|
+
}
|
|
5198
|
+
|
|
5199
|
+
:where(.pf-theme-dark) .pf-c-date-picker {
|
|
5200
|
+
--pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
5201
|
+
--pf-c-date-picker__calendar--Top: 100%;
|
|
5202
|
+
}
|
|
5203
|
+
|
|
5204
|
+
.pf-c-context-selector__menu {
|
|
5205
|
+
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
5206
|
+
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
5207
|
+
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
5208
|
+
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
5209
|
+
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
5210
|
+
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
5211
|
+
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
5212
|
+
}
|
|
5213
|
+
|
|
5214
|
+
.pf-c-context-selector {
|
|
5215
|
+
--pf-c-context-selector--Width: 15.625rem;
|
|
5216
|
+
--pf-c-context-selector__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
5217
|
+
--pf-c-context-selector__toggle--PaddingRight: var(--pf-global--spacer--sm);
|
|
5218
|
+
--pf-c-context-selector__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
5219
|
+
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-global--spacer--sm);
|
|
5220
|
+
--pf-c-context-selector__toggle--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
5221
|
+
--pf-c-context-selector__toggle--BorderTopColor: var(--pf-global--BorderColor--300);
|
|
5222
|
+
--pf-c-context-selector__toggle--BorderRightColor: var(--pf-global--BorderColor--300);
|
|
5223
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-global--BorderColor--200);
|
|
5224
|
+
--pf-c-context-selector__toggle--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
5225
|
+
--pf-c-context-selector__toggle--Color: var(--pf-global--Color--100);
|
|
5226
|
+
--pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector__toggle--BorderWidth);
|
|
5227
|
+
--pf-c-context-selector__toggle--hover--BorderBottomColor: var(--pf-global--active-color--100);
|
|
5228
|
+
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
5229
|
+
--pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
|
|
5230
|
+
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
5231
|
+
--pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
|
|
5232
|
+
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
|
|
5233
|
+
--pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
|
|
5234
|
+
--pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
|
|
5235
|
+
--pf-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
|
|
5236
|
+
--pf-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
|
|
5237
|
+
--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-global--spacer--sm);
|
|
5238
|
+
--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-global--spacer--sm);
|
|
5239
|
+
--pf-c-context-selector__toggle-text--FontSize: var(--pf-global--FontSize--md);
|
|
5240
|
+
--pf-c-context-selector__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
5241
|
+
--pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
5242
|
+
--pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
5243
|
+
--pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
5244
|
+
--pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
5245
|
+
--pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
5246
|
+
--pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
|
|
5247
|
+
--pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
|
|
5248
|
+
--pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
|
|
5249
|
+
--pf-c-context-selector__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
5250
|
+
--pf-c-context-selector__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
5251
|
+
--pf-c-context-selector__menu-search--PaddingTop: var(--pf-global--spacer--md);
|
|
5252
|
+
--pf-c-context-selector__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
5253
|
+
--pf-c-context-selector__menu-search--PaddingBottom: var(--pf-global--spacer--md);
|
|
5254
|
+
--pf-c-context-selector__menu-search--PaddingLeft: var(--pf-global--spacer--md);
|
|
5255
|
+
--pf-c-context-selector__menu-search--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
5256
|
+
--pf-c-context-selector__menu-search--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
5257
|
+
--pf-c-context-selector__menu-footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
5258
|
+
--pf-c-context-selector__menu-footer--PaddingTop: var(--pf-global--spacer--md);
|
|
5259
|
+
--pf-c-context-selector__menu-footer--PaddingRight: var(--pf-global--spacer--md);
|
|
5260
|
+
--pf-c-context-selector__menu-footer--PaddingBottom: var(--pf-global--spacer--md);
|
|
5261
|
+
--pf-c-context-selector__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
|
|
5262
|
+
--pf-c-context-selector__menu-list--MaxHeight: 12.5rem;
|
|
5263
|
+
--pf-c-context-selector__menu-list--PaddingTop: var(--pf-c-context-selector__menu--PaddingTop);
|
|
5264
|
+
--pf-c-context-selector__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
|
|
5265
|
+
--pf-c-context-selector__menu-list-item--Color: var(--pf-global--Color--dark-100);
|
|
5266
|
+
--pf-c-context-selector__menu-list-item--PaddingTop: var(--pf-global--spacer--sm);
|
|
5267
|
+
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
|
|
5268
|
+
--pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
|
|
5269
|
+
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5270
|
+
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
5271
|
+
--pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
|
|
5272
|
+
--pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
|
|
5273
|
+
--pf-c-context-selector__menu-item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
5274
|
+
--pf-c-context-selector__menu-item-icon--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5275
|
+
--pf-c-context-selector--m-full-height__toggle--PaddingRight: var(--pf-global--spacer--lg);
|
|
5276
|
+
--pf-c-context-selector--m-full-height__toggle--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5277
|
+
--pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth: 0;
|
|
5278
|
+
--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
5279
|
+
--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
5280
|
+
--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
5281
|
+
--pf-c-context-selector--m-large__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
5282
|
+
--pf-c-context-selector--m-large__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
5283
|
+
--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
5284
|
+
--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
5285
|
+
--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
5286
|
+
--pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
5287
|
+
--pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
5288
|
+
--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
5289
|
+
--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5290
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-global--spacer--md);
|
|
5291
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-global--spacer--md);
|
|
5292
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
5293
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5294
|
+
--pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
5295
|
+
--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-global--spacer--md);
|
|
5296
|
+
--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
5297
|
+
--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5298
|
+
--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-global--spacer--md);
|
|
5299
|
+
--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
|
|
5300
|
+
--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
5301
|
+
--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5302
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
|
|
5303
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
|
|
5304
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
5305
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5306
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-global--spacer--md);
|
|
5307
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-global--spacer--md);
|
|
5308
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
5309
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
5310
|
+
position: relative;
|
|
5311
|
+
display: inline-block;
|
|
5312
|
+
width: var(--pf-c-context-selector--Width);
|
|
5313
|
+
max-width: 100%;
|
|
5314
|
+
}
|
|
5315
|
+
|
|
5316
|
+
@media screen and (min-width: 1200px) {
|
|
5317
|
+
.pf-c-context-selector {
|
|
5318
|
+
--pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight);
|
|
5319
|
+
--pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft);
|
|
5320
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight);
|
|
5321
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft);
|
|
5322
|
+
--pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight);
|
|
5323
|
+
--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft);
|
|
5324
|
+
--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight);
|
|
5325
|
+
--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft);
|
|
5326
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight);
|
|
5327
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft);
|
|
5328
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight);
|
|
5329
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft);
|
|
5330
|
+
}
|
|
5331
|
+
}
|
|
5332
|
+
.pf-c-context-selector.pf-m-full-height {
|
|
5333
|
+
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth);
|
|
5334
|
+
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth);
|
|
5335
|
+
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector--m-full-height__toggle--PaddingRight);
|
|
5336
|
+
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector--m-full-height__toggle--PaddingLeft);
|
|
5337
|
+
display: inline-flex;
|
|
5338
|
+
align-items: center;
|
|
5339
|
+
height: 100%;
|
|
5340
|
+
}
|
|
5341
|
+
|
|
5342
|
+
.pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle {
|
|
5343
|
+
align-self: stretch;
|
|
5344
|
+
}
|
|
5345
|
+
|
|
5346
|
+
.pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle::before {
|
|
5347
|
+
border-top-width: var(--pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth);
|
|
5348
|
+
}
|
|
5349
|
+
|
|
5350
|
+
.pf-c-context-selector.pf-m-full-height:hover .pf-c-context-selector__toggle::before {
|
|
5351
|
+
border-bottom-width: var(--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth);
|
|
5352
|
+
}
|
|
5353
|
+
|
|
5354
|
+
.pf-c-context-selector.pf-m-large {
|
|
5355
|
+
--pf-c-context-selector__toggle--PaddingTop: var(--pf-c-context-selector--m-large__toggle--PaddingTop);
|
|
5356
|
+
--pf-c-context-selector__toggle--PaddingBottom: var(--pf-c-context-selector--m-large__toggle--PaddingBottom);
|
|
5357
|
+
--pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth);
|
|
5358
|
+
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth);
|
|
5359
|
+
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth);
|
|
5360
|
+
}
|
|
5361
|
+
|
|
5362
|
+
.pf-c-context-selector.pf-m-page-insets {
|
|
5363
|
+
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--PaddingRight);
|
|
5364
|
+
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--PaddingLeft);
|
|
5365
|
+
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight);
|
|
5366
|
+
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft);
|
|
5367
|
+
--pf-c-context-selector__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingRight);
|
|
5368
|
+
--pf-c-context-selector__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft);
|
|
5369
|
+
--pf-c-context-selector__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight);
|
|
5370
|
+
--pf-c-context-selector__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft);
|
|
5371
|
+
--pf-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight);
|
|
5372
|
+
--pf-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft);
|
|
5373
|
+
--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight);
|
|
5374
|
+
--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft);
|
|
5375
|
+
}
|
|
5376
|
+
|
|
5377
|
+
.pf-c-context-selector__toggle {
|
|
5378
|
+
position: relative;
|
|
5379
|
+
display: flex;
|
|
5380
|
+
align-items: center;
|
|
5381
|
+
justify-content: space-between;
|
|
5382
|
+
width: 100%;
|
|
5383
|
+
padding: var(--pf-c-context-selector__toggle--PaddingTop) var(--pf-c-context-selector__toggle--PaddingRight) var(--pf-c-context-selector__toggle--PaddingBottom) var(--pf-c-context-selector__toggle--PaddingLeft);
|
|
5384
|
+
color: var(--pf-c-context-selector__toggle--Color);
|
|
5385
|
+
white-space: nowrap;
|
|
5386
|
+
cursor: pointer;
|
|
5387
|
+
border: none;
|
|
5388
|
+
}
|
|
5382
5389
|
|
|
5383
|
-
|
|
5384
|
-
|
|
5385
|
-
|
|
5390
|
+
.pf-c-context-selector__toggle::before {
|
|
5391
|
+
position: absolute;
|
|
5392
|
+
top: 0;
|
|
5393
|
+
right: 0;
|
|
5394
|
+
bottom: 0;
|
|
5395
|
+
left: 0;
|
|
5396
|
+
content: "";
|
|
5397
|
+
border: var(--pf-c-context-selector__toggle--BorderWidth) solid;
|
|
5398
|
+
border-color: var(--pf-c-context-selector__toggle--BorderTopColor) var(--pf-c-context-selector__toggle--BorderRightColor) var(--pf-c-context-selector__toggle--BorderBottomColor) var(--pf-c-context-selector__toggle--BorderLeftColor);
|
|
5399
|
+
}
|
|
5386
5400
|
|
|
5387
|
-
|
|
5388
|
-
|
|
5389
|
-
|
|
5401
|
+
.pf-c-context-selector__toggle:hover::before {
|
|
5402
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--hover--BorderBottomColor);
|
|
5403
|
+
border-bottom-width: var(--pf-c-context-selector__toggle--hover--BorderBottomWidth);
|
|
5404
|
+
}
|
|
5390
5405
|
|
|
5391
|
-
|
|
5392
|
-
|
|
5393
|
-
|
|
5406
|
+
.pf-c-context-selector__toggle:active::before, .pf-c-context-selector__toggle.pf-m-active::before, .pf-c-context-selector__toggle:focus-within::before {
|
|
5407
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--active--BorderBottomColor);
|
|
5408
|
+
border-bottom-width: var(--pf-c-context-selector__toggle--active--BorderBottomWidth);
|
|
5409
|
+
}
|
|
5394
5410
|
|
|
5395
|
-
|
|
5396
|
-
|
|
5397
|
-
|
|
5411
|
+
.pf-m-expanded > .pf-c-context-selector__toggle::before {
|
|
5412
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--expanded--BorderBottomColor);
|
|
5413
|
+
border-bottom-width: var(--pf-c-context-selector__toggle--expanded--BorderBottomWidth);
|
|
5414
|
+
}
|
|
5398
5415
|
|
|
5399
|
-
|
|
5400
|
-
|
|
5401
|
-
|
|
5416
|
+
.pf-c-context-selector__toggle.pf-m-plain {
|
|
5417
|
+
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
|
|
5418
|
+
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
|
|
5419
|
+
--pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
|
|
5402
5420
|
}
|
|
5403
|
-
|
|
5404
|
-
|
|
5405
|
-
|
|
5406
|
-
|
|
5407
|
-
}
|
|
5421
|
+
|
|
5422
|
+
.pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
|
|
5423
|
+
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
|
|
5424
|
+
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft);
|
|
5408
5425
|
}
|
|
5409
|
-
|
|
5410
|
-
|
|
5411
|
-
|
|
5412
|
-
|
|
5413
|
-
|
|
5414
|
-
--pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
|
|
5415
|
-
--pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
|
|
5416
|
-
--pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
|
|
5417
|
-
--pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
|
|
5418
|
-
--pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop);
|
|
5419
|
-
}
|
|
5426
|
+
|
|
5427
|
+
.pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
|
|
5428
|
+
display: inline-block;
|
|
5429
|
+
width: auto;
|
|
5430
|
+
color: var(--pf-c-context-selector__toggle--m-plain--Color);
|
|
5420
5431
|
}
|
|
5421
|
-
|
|
5422
|
-
|
|
5423
|
-
|
|
5424
|
-
--pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
|
|
5425
|
-
--pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
|
|
5426
|
-
--pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft);
|
|
5427
|
-
}
|
|
5432
|
+
|
|
5433
|
+
.pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
|
|
5434
|
+
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
|
|
5428
5435
|
}
|
|
5429
|
-
|
|
5430
|
-
|
|
5431
|
-
|
|
5432
|
-
|
|
5433
|
-
flex-grow: 1;
|
|
5434
|
-
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
5435
|
-
}
|
|
5436
|
+
|
|
5437
|
+
.pf-c-context-selector__toggle.pf-m-plain:hover, .pf-c-context-selector__toggle.pf-m-plain:active, .pf-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain {
|
|
5438
|
+
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
|
|
5439
|
+
--pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
|
|
5436
5440
|
}
|
|
5437
|
-
@media screen and (min-width: 1450px) {
|
|
5438
|
-
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
|
|
5439
|
-
margin-right: var(--pf-c-data-list__cell--MarginRight);
|
|
5440
|
-
}
|
|
5441
5441
|
|
|
5442
|
-
|
|
5443
|
-
|
|
5444
|
-
|
|
5445
|
-
}
|
|
5442
|
+
.pf-c-context-selector__toggle.pf-m-plain::before {
|
|
5443
|
+
border: 0;
|
|
5444
|
+
}
|
|
5446
5445
|
|
|
5447
|
-
|
|
5448
|
-
|
|
5449
|
-
|
|
5446
|
+
.pf-c-context-selector__toggle .pf-c-context-selector__toggle-text {
|
|
5447
|
+
overflow: hidden;
|
|
5448
|
+
text-overflow: ellipsis;
|
|
5449
|
+
white-space: nowrap;
|
|
5450
|
+
font-size: var(--pf-c-context-selector__toggle-text--FontSize);
|
|
5451
|
+
font-weight: var(--pf-c-context-selector__toggle-text--FontWeight);
|
|
5452
|
+
line-height: var(--pf-c-context-selector__toggle-text--LineHeight);
|
|
5453
|
+
}
|
|
5450
5454
|
|
|
5451
|
-
|
|
5452
|
-
|
|
5453
|
-
|
|
5455
|
+
.pf-c-context-selector__toggle-icon {
|
|
5456
|
+
margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
|
|
5457
|
+
margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
|
|
5458
|
+
color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
|
|
5459
|
+
}
|
|
5454
5460
|
|
|
5455
|
-
|
|
5456
|
-
|
|
5457
|
-
|
|
5461
|
+
.pf-c-context-selector__menu {
|
|
5462
|
+
color: var(--pf-global--Color--100);
|
|
5463
|
+
position: absolute;
|
|
5464
|
+
top: var(--pf-c-context-selector__menu--Top);
|
|
5465
|
+
z-index: var(--pf-c-context-selector__menu--ZIndex);
|
|
5466
|
+
min-width: 100%;
|
|
5467
|
+
background-color: var(--pf-c-context-selector__menu--BackgroundColor);
|
|
5468
|
+
background-clip: padding-box;
|
|
5469
|
+
box-shadow: var(--pf-c-context-selector__menu--BoxShadow);
|
|
5470
|
+
}
|
|
5458
5471
|
|
|
5459
|
-
|
|
5460
|
-
|
|
5461
|
-
|
|
5472
|
+
.pf-c-context-selector__menu.pf-m-static {
|
|
5473
|
+
position: static;
|
|
5474
|
+
top: auto;
|
|
5475
|
+
z-index: auto;
|
|
5476
|
+
min-width: min-content;
|
|
5477
|
+
}
|
|
5462
5478
|
|
|
5463
|
-
|
|
5464
|
-
|
|
5465
|
-
|
|
5479
|
+
.pf-c-context-selector__menu-search {
|
|
5480
|
+
position: relative;
|
|
5481
|
+
padding: var(--pf-c-context-selector__menu-search--PaddingTop) var(--pf-c-context-selector__menu-search--PaddingRight) var(--pf-c-context-selector__menu-search--PaddingBottom) var(--pf-c-context-selector__menu-search--PaddingLeft);
|
|
5482
|
+
border-bottom: var(--pf-c-context-selector__menu-search--BorderBottomWidth) solid var(--pf-c-context-selector__menu-search--BorderBottomColor);
|
|
5483
|
+
}
|
|
5466
5484
|
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5485
|
+
.pf-c-context-selector__menu-footer {
|
|
5486
|
+
padding: var(--pf-c-context-selector__menu-footer--PaddingTop) var(--pf-c-context-selector__menu-footer--PaddingRight) var(--pf-c-context-selector__menu-footer--PaddingBottom) var(--pf-c-context-selector__menu-footer--PaddingLeft);
|
|
5487
|
+
box-shadow: var(--pf-c-context-selector__menu-footer--BoxShadow);
|
|
5470
5488
|
}
|
|
5471
|
-
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5489
|
+
|
|
5490
|
+
.pf-c-context-selector__menu-list {
|
|
5491
|
+
max-height: var(--pf-c-context-selector__menu-list--MaxHeight);
|
|
5492
|
+
padding-top: var(--pf-c-context-selector__menu-list--PaddingTop);
|
|
5493
|
+
padding-bottom: var(--pf-c-context-selector__menu-list--PaddingBottom);
|
|
5494
|
+
overflow-y: auto;
|
|
5476
5495
|
}
|
|
5477
|
-
|
|
5478
|
-
|
|
5479
|
-
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
--pf-c-
|
|
5483
|
-
--pf-c-
|
|
5484
|
-
|
|
5485
|
-
|
|
5486
|
-
--pf-c-date-picker__input--c-form-control--width-chars: 10;
|
|
5487
|
-
--pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
5488
|
-
--pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
5489
|
-
--pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
|
|
5490
|
-
--pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
|
|
5491
|
-
--pf-c-date-picker__calendar--Right: auto;
|
|
5492
|
-
--pf-c-date-picker__calendar--Left: 0;
|
|
5493
|
-
--pf-c-date-picker__calendar--m-align-right--Right: 0;
|
|
5494
|
-
--pf-c-date-picker__calendar--m-align-right--Left: auto;
|
|
5495
|
-
position: relative;
|
|
5496
|
-
display: inline-block;
|
|
5496
|
+
|
|
5497
|
+
.pf-c-context-selector__menu-list-item {
|
|
5498
|
+
display: flex;
|
|
5499
|
+
align-items: center;
|
|
5500
|
+
width: 100%;
|
|
5501
|
+
padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
|
|
5502
|
+
color: var(--pf-c-context-selector__menu-list-item--Color);
|
|
5503
|
+
white-space: nowrap;
|
|
5504
|
+
border: none;
|
|
5497
5505
|
}
|
|
5498
5506
|
|
|
5499
|
-
.pf-c-
|
|
5500
|
-
|
|
5501
|
-
|
|
5502
|
-
color: var(--pf-c-date-picker__helper-text--Color);
|
|
5507
|
+
.pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
|
|
5508
|
+
text-decoration: none;
|
|
5509
|
+
background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
|
|
5503
5510
|
}
|
|
5504
5511
|
|
|
5505
|
-
.pf-c-
|
|
5506
|
-
--pf-c-
|
|
5512
|
+
.pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
|
|
5513
|
+
--pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
|
|
5514
|
+
pointer-events: none;
|
|
5507
5515
|
}
|
|
5508
5516
|
|
|
5509
|
-
.pf-
|
|
5510
|
-
|
|
5517
|
+
:where(.pf-theme-dark) .pf-c-context-selector {
|
|
5518
|
+
--pf-c-context-selector__menu--Top: 100%;
|
|
5519
|
+
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
5511
5520
|
}
|
|
5512
5521
|
|
|
5513
|
-
.pf-c-
|
|
5514
|
-
|
|
5515
|
-
top: var(--pf-c-date-picker__calendar--Top);
|
|
5516
|
-
right: var(--pf-c-date-picker__calendar--Right);
|
|
5517
|
-
left: var(--pf-c-date-picker__calendar--Left);
|
|
5518
|
-
z-index: var(--pf-c-date-picker__calendar--ZIndex);
|
|
5519
|
-
background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
|
|
5520
|
-
box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
|
|
5522
|
+
:where(.pf-theme-dark) .pf-c-context-selector__toggle {
|
|
5523
|
+
background: var(--pf-global--BackgroundColor--400);
|
|
5521
5524
|
}
|
|
5522
5525
|
|
|
5523
|
-
.pf-c-
|
|
5524
|
-
|
|
5525
|
-
--pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
|
|
5526
|
+
:where(.pf-theme-dark) .pf-c-context-selector__toggle.pf-m-plain {
|
|
5527
|
+
background: transparent;
|
|
5526
5528
|
}
|
|
5527
5529
|
|
|
5528
|
-
.pf-
|
|
5529
|
-
|
|
5530
|
-
transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
|
|
5530
|
+
:where(.pf-theme-dark) .pf-c-context-selector__menu {
|
|
5531
|
+
background: var(--pf-global--BackgroundColor--300);
|
|
5531
5532
|
}
|
|
5532
5533
|
|
|
5533
|
-
:where(.pf-theme-dark) .pf-c-
|
|
5534
|
-
|
|
5535
|
-
--pf-c-date-picker__calendar--Top: 100%;
|
|
5534
|
+
:where(.pf-theme-dark) .pf-c-context-selector__menu-footer {
|
|
5535
|
+
border-top: 1px solid var(--pf-global--BorderColor--300);
|
|
5536
5536
|
}
|
|
5537
5537
|
|
|
5538
5538
|
.pf-c-description-list {
|
|
@@ -9512,481 +9512,160 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9512
9512
|
|
|
9513
9513
|
.pf-c-icon__content.pf-m-sm,
|
|
9514
9514
|
.pf-c-icon__progress.pf-m-sm {
|
|
9515
|
-
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
|
|
9516
|
-
}
|
|
9517
|
-
|
|
9518
|
-
.pf-c-icon__content.pf-m-md,
|
|
9519
|
-
.pf-c-icon__progress.pf-m-md {
|
|
9520
|
-
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
|
|
9521
|
-
}
|
|
9522
|
-
|
|
9523
|
-
.pf-c-icon__content.pf-m-lg,
|
|
9524
|
-
.pf-c-icon__progress.pf-m-lg {
|
|
9525
|
-
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
|
|
9526
|
-
}
|
|
9527
|
-
|
|
9528
|
-
.pf-c-icon__content.pf-m-xl,
|
|
9529
|
-
.pf-c-icon__progress.pf-m-xl {
|
|
9530
|
-
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
|
|
9531
|
-
}
|
|
9532
|
-
|
|
9533
|
-
.pf-c-icon__content {
|
|
9534
|
-
color: var(--pf-c-icon__content--Color);
|
|
9535
|
-
opacity: var(--pf-c-icon__content--Opacity, 1);
|
|
9536
|
-
}
|
|
9537
|
-
|
|
9538
|
-
.pf-c-icon__content.pf-m-danger {
|
|
9539
|
-
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-danger--Color);
|
|
9540
|
-
}
|
|
9541
|
-
|
|
9542
|
-
.pf-c-icon__content.pf-m-warning {
|
|
9543
|
-
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-warning--Color);
|
|
9544
|
-
}
|
|
9545
|
-
|
|
9546
|
-
.pf-c-icon__content.pf-m-success {
|
|
9547
|
-
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-success--Color);
|
|
9548
|
-
}
|
|
9549
|
-
|
|
9550
|
-
.pf-c-icon__content.pf-m-info {
|
|
9551
|
-
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-info--Color);
|
|
9552
|
-
}
|
|
9553
|
-
|
|
9554
|
-
.pf-c-icon__content.pf-m-default {
|
|
9555
|
-
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-default--Color);
|
|
9556
|
-
}
|
|
9557
|
-
|
|
9558
|
-
.pf-c-icon__progress {
|
|
9559
|
-
position: absolute;
|
|
9560
|
-
top: calc(50% + 0.5 * var(--pf-c-icon__content--svg--VerticalAlign));
|
|
9561
|
-
opacity: var(--pf-c-icon__progress--Opacity, 0);
|
|
9562
|
-
transform: translateY(calc(-50% - 0.5 * var(--pf-c-icon__content--svg--VerticalAlign)));
|
|
9563
|
-
}
|
|
9564
|
-
|
|
9565
|
-
.pf-c-input-group {
|
|
9566
|
-
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
9567
|
-
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
9568
|
-
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
9569
|
-
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
9570
|
-
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
9571
|
-
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
9572
|
-
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
9573
|
-
}
|
|
9574
|
-
|
|
9575
|
-
.pf-c-input-group {
|
|
9576
|
-
--pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
9577
|
-
--pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
|
|
9578
|
-
--pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
|
|
9579
|
-
--pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
|
|
9580
|
-
--pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
|
|
9581
|
-
--pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
|
|
9582
|
-
--pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
9583
|
-
--pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
|
|
9584
|
-
--pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
|
|
9585
|
-
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
|
|
9586
|
-
--pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
9587
|
-
--pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
9588
|
-
--pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
|
|
9589
|
-
--pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
|
|
9590
|
-
--pf-c-input-group--c-form-control--MarginRight: 0;
|
|
9591
|
-
color: var(--pf-global--Color--100);
|
|
9592
|
-
display: flex;
|
|
9593
|
-
width: 100%;
|
|
9594
|
-
background-color: var(--pf-c-input-group--BackgroundColor);
|
|
9595
|
-
}
|
|
9596
|
-
|
|
9597
|
-
.pf-c-input-group.pf-m-plain {
|
|
9598
|
-
--pf-c-input-group--BackgroundColor: transparent;
|
|
9599
|
-
}
|
|
9600
|
-
|
|
9601
|
-
.pf-c-input-group > * + * {
|
|
9602
|
-
margin-left: -1px;
|
|
9603
|
-
}
|
|
9604
|
-
|
|
9605
|
-
.pf-c-input-group > :focus,
|
|
9606
|
-
.pf-c-input-group > :focus-within {
|
|
9607
|
-
z-index: var(--pf-c-input-group--child--ZIndex);
|
|
9608
|
-
}
|
|
9609
|
-
|
|
9610
|
-
.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
|
|
9611
|
-
margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
|
|
9612
|
-
}
|
|
9613
|
-
|
|
9614
|
-
.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
|
|
9615
|
-
.pf-c-input-group textarea {
|
|
9616
|
-
flex: 2;
|
|
9617
|
-
min-width: 0;
|
|
9618
|
-
}
|
|
9619
|
-
|
|
9620
|
-
.pf-c-input-group textarea {
|
|
9621
|
-
min-height: var(--pf-c-input-group__textarea--MinHeight);
|
|
9622
|
-
}
|
|
9623
|
-
|
|
9624
|
-
.pf-c-input-group__text {
|
|
9625
|
-
display: flex;
|
|
9626
|
-
align-items: center;
|
|
9627
|
-
padding-right: var(--pf-c-input-group__text--PaddingRight);
|
|
9628
|
-
padding-left: var(--pf-c-input-group__text--PaddingLeft);
|
|
9629
|
-
font-size: var(--pf-c-input-group__text--FontSize);
|
|
9630
|
-
color: var(--pf-c-input-group__text--Color);
|
|
9631
|
-
text-align: center;
|
|
9632
|
-
background-color: var(--pf-c-input-group__text--BackgroundColor);
|
|
9633
|
-
border: var(--pf-c-input-group__text--BorderWidth) solid;
|
|
9634
|
-
border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
|
|
9635
|
-
}
|
|
9636
|
-
|
|
9637
|
-
label.pf-c-input-group__text {
|
|
9638
|
-
cursor: pointer;
|
|
9639
|
-
}
|
|
9640
|
-
|
|
9641
|
-
.pf-c-input-group__text.pf-m-plain {
|
|
9642
|
-
--pf-c-input-group__text--BorderWidth: 0;
|
|
9643
|
-
margin-left: 0;
|
|
9644
|
-
}
|
|
9645
|
-
|
|
9646
|
-
:where(.pf-theme-dark) .pf-c-input-group {
|
|
9647
|
-
--pf-c-input-group--BackgroundColor: transparent;
|
|
9648
|
-
--pf-c-input-group__text--BorderTopColor: transparent;
|
|
9649
|
-
--pf-c-input-group__text--BorderRightColor: transparent;
|
|
9650
|
-
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
9651
|
-
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
9652
|
-
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
9653
|
-
}
|
|
9654
|
-
|
|
9655
|
-
:where(.pf-theme-dark) .pf-c-input-group > * + * {
|
|
9656
|
-
margin-left: 0;
|
|
9657
|
-
border-left: 1px solid var(--pf-global--palette--black-700);
|
|
9658
|
-
}
|
|
9659
|
-
|
|
9660
|
-
:where(.pf-theme-dark) .pf-c-input-group__text {
|
|
9661
|
-
--pf-c-input-group__text--BorderTopColor: transparent;
|
|
9662
|
-
--pf-c-input-group__text--BorderRightColor: transparent;
|
|
9663
|
-
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
9664
|
-
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
9665
|
-
}
|
|
9666
|
-
|
|
9667
|
-
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
|
|
9668
|
-
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
9669
|
-
}
|
|
9670
|
-
|
|
9671
|
-
.pf-c-jump-links {
|
|
9672
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9673
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9674
|
-
--pf-c-jump-links__list--PaddingTop: 0;
|
|
9675
|
-
--pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
|
|
9676
|
-
--pf-c-jump-links__list--PaddingBottom: 0;
|
|
9677
|
-
--pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
|
|
9678
|
-
--pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
|
|
9679
|
-
--pf-c-jump-links--m-vertical__list--PaddingRight: 0;
|
|
9680
|
-
--pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
|
|
9681
|
-
--pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
|
|
9682
|
-
--pf-c-jump-links__list--FlexDirection: row;
|
|
9683
|
-
--pf-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
9684
|
-
--pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
9685
|
-
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
9686
|
-
--pf-c-jump-links__list--before--BorderRightWidth: 0;
|
|
9687
|
-
--pf-c-jump-links__list--before--BorderBottomWidth: 0;
|
|
9688
|
-
--pf-c-jump-links__list--before--BorderLeftWidth: 0;
|
|
9689
|
-
--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
9690
|
-
--pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
|
|
9691
|
-
--pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
|
|
9692
|
-
--pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
|
|
9693
|
-
--pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
|
|
9694
|
-
--pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
|
|
9695
|
-
--pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
|
|
9696
|
-
--pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
|
|
9697
|
-
--pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
|
|
9698
|
-
--pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
|
|
9699
|
-
--pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
|
|
9700
|
-
--pf-c-jump-links__link--before--BorderTopWidth: 0;
|
|
9701
|
-
--pf-c-jump-links__link--before--BorderRightWidth: 0;
|
|
9702
|
-
--pf-c-jump-links__link--before--BorderBottomWidth: 0;
|
|
9703
|
-
--pf-c-jump-links__link--before--BorderLeftWidth: 0;
|
|
9704
|
-
--pf-c-jump-links__link--before--BorderColor: transparent;
|
|
9705
|
-
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
|
|
9706
|
-
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
|
|
9707
|
-
--pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
|
|
9708
|
-
--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
|
|
9709
|
-
--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
|
|
9710
|
-
--pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
|
|
9711
|
-
--pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
|
|
9712
|
-
--pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
|
|
9713
|
-
--pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
|
|
9714
|
-
--pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
|
|
9715
|
-
--pf-c-jump-links__label--Display: block;
|
|
9716
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9717
|
-
--pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
|
9718
|
-
--pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
|
|
9719
|
-
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
|
|
9720
|
-
--pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
|
|
9721
|
-
--pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
|
|
9722
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9723
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9724
|
-
--pf-c-jump-links__toggle-icon--Color: currentcolor;
|
|
9725
|
-
--pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
|
|
9726
|
-
--pf-c-jump-links__toggle-icon--Rotate: 0;
|
|
9727
|
-
--pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
9728
|
-
--pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
9729
|
-
--pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
|
|
9730
|
-
--pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
|
|
9731
|
-
display: flex;
|
|
9732
|
-
}
|
|
9733
|
-
|
|
9734
|
-
.pf-c-jump-links.pf-m-center {
|
|
9735
|
-
justify-content: center;
|
|
9736
|
-
}
|
|
9737
|
-
|
|
9738
|
-
.pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
|
|
9739
|
-
align-items: center;
|
|
9740
|
-
}
|
|
9741
|
-
|
|
9742
|
-
.pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
|
|
9743
|
-
--pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
|
|
9744
|
-
--pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
|
|
9745
|
-
--pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
|
|
9746
|
-
--pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
|
|
9747
|
-
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
|
|
9748
|
-
--pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
|
|
9749
|
-
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
|
|
9750
|
-
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
|
|
9751
|
-
--pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
|
|
9752
|
-
flex-direction: column;
|
|
9753
|
-
}
|
|
9754
|
-
|
|
9755
|
-
.pf-c-jump-links.pf-m-expandable {
|
|
9756
|
-
--pf-c-jump-links__list--Display: none;
|
|
9757
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9758
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9759
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9760
|
-
--pf-c-jump-links__label--Display: none;
|
|
9761
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9762
|
-
}
|
|
9763
|
-
|
|
9764
|
-
.pf-c-jump-links.pf-m-non-expandable {
|
|
9765
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9766
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9767
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9768
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9769
|
-
--pf-c-jump-links__label--Display: block;
|
|
9770
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9515
|
+
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
|
|
9771
9516
|
}
|
|
9772
9517
|
|
|
9773
|
-
|
|
9774
|
-
|
|
9775
|
-
|
|
9776
|
-
|
|
9777
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9778
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9779
|
-
--pf-c-jump-links__label--Display: none;
|
|
9780
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9781
|
-
}
|
|
9518
|
+
.pf-c-icon__content.pf-m-md,
|
|
9519
|
+
.pf-c-icon__progress.pf-m-md {
|
|
9520
|
+
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
|
|
9521
|
+
}
|
|
9782
9522
|
|
|
9783
|
-
|
|
9784
|
-
|
|
9785
|
-
|
|
9786
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9787
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9788
|
-
--pf-c-jump-links__label--Display: block;
|
|
9789
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9790
|
-
}
|
|
9523
|
+
.pf-c-icon__content.pf-m-lg,
|
|
9524
|
+
.pf-c-icon__progress.pf-m-lg {
|
|
9525
|
+
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
|
|
9791
9526
|
}
|
|
9792
|
-
@media (min-width: 768px) {
|
|
9793
|
-
.pf-c-jump-links.pf-m-expandable-on-md {
|
|
9794
|
-
--pf-c-jump-links__list--Display: none;
|
|
9795
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9796
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9797
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9798
|
-
--pf-c-jump-links__label--Display: none;
|
|
9799
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9800
|
-
}
|
|
9801
9527
|
|
|
9802
|
-
|
|
9803
|
-
|
|
9804
|
-
|
|
9805
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9806
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9807
|
-
--pf-c-jump-links__label--Display: block;
|
|
9808
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9809
|
-
}
|
|
9528
|
+
.pf-c-icon__content.pf-m-xl,
|
|
9529
|
+
.pf-c-icon__progress.pf-m-xl {
|
|
9530
|
+
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
|
|
9810
9531
|
}
|
|
9811
|
-
@media (min-width: 992px) {
|
|
9812
|
-
.pf-c-jump-links.pf-m-expandable-on-lg {
|
|
9813
|
-
--pf-c-jump-links__list--Display: none;
|
|
9814
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9815
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9816
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9817
|
-
--pf-c-jump-links__label--Display: none;
|
|
9818
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9819
|
-
}
|
|
9820
9532
|
|
|
9821
|
-
|
|
9822
|
-
|
|
9823
|
-
|
|
9824
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9825
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9826
|
-
--pf-c-jump-links__label--Display: block;
|
|
9827
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9828
|
-
}
|
|
9533
|
+
.pf-c-icon__content {
|
|
9534
|
+
color: var(--pf-c-icon__content--Color);
|
|
9535
|
+
opacity: var(--pf-c-icon__content--Opacity, 1);
|
|
9829
9536
|
}
|
|
9830
|
-
@media (min-width: 1200px) {
|
|
9831
|
-
.pf-c-jump-links.pf-m-expandable-on-xl {
|
|
9832
|
-
--pf-c-jump-links__list--Display: none;
|
|
9833
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9834
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9835
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9836
|
-
--pf-c-jump-links__label--Display: none;
|
|
9837
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9838
|
-
}
|
|
9839
9537
|
|
|
9840
|
-
|
|
9841
|
-
|
|
9842
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9843
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9844
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9845
|
-
--pf-c-jump-links__label--Display: block;
|
|
9846
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9847
|
-
}
|
|
9538
|
+
.pf-c-icon__content.pf-m-danger {
|
|
9539
|
+
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-danger--Color);
|
|
9848
9540
|
}
|
|
9849
|
-
@media (min-width: 1450px) {
|
|
9850
|
-
.pf-c-jump-links.pf-m-expandable-on-2xl {
|
|
9851
|
-
--pf-c-jump-links__list--Display: none;
|
|
9852
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9853
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9854
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9855
|
-
--pf-c-jump-links__label--Display: none;
|
|
9856
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9857
|
-
}
|
|
9858
9541
|
|
|
9859
|
-
|
|
9860
|
-
|
|
9861
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9862
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9863
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9864
|
-
--pf-c-jump-links__label--Display: block;
|
|
9865
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9866
|
-
}
|
|
9542
|
+
.pf-c-icon__content.pf-m-warning {
|
|
9543
|
+
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-warning--Color);
|
|
9867
9544
|
}
|
|
9868
|
-
|
|
9869
|
-
|
|
9870
|
-
--pf-c-
|
|
9871
|
-
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
|
|
9872
|
-
--pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
9873
|
-
--pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
|
|
9545
|
+
|
|
9546
|
+
.pf-c-icon__content.pf-m-success {
|
|
9547
|
+
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-success--Color);
|
|
9874
9548
|
}
|
|
9875
9549
|
|
|
9876
|
-
.pf-c-
|
|
9877
|
-
|
|
9878
|
-
display: var(--pf-c-jump-links__list--Display);
|
|
9879
|
-
flex-direction: var(--pf-c-jump-links__list--FlexDirection);
|
|
9880
|
-
padding-top: var(--pf-c-jump-links__list--PaddingTop);
|
|
9881
|
-
padding-right: var(--pf-c-jump-links__list--PaddingRight);
|
|
9882
|
-
padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
|
|
9883
|
-
padding-left: var(--pf-c-jump-links__list--PaddingLeft);
|
|
9884
|
-
visibility: var(--pf-c-jump-links__list--Visibility);
|
|
9550
|
+
.pf-c-icon__content.pf-m-info {
|
|
9551
|
+
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-info--Color);
|
|
9885
9552
|
}
|
|
9886
9553
|
|
|
9887
|
-
.pf-c-
|
|
9554
|
+
.pf-c-icon__content.pf-m-default {
|
|
9555
|
+
--pf-c-icon__content--Color: var(--pf-c-icon__content--m-default--Color);
|
|
9556
|
+
}
|
|
9557
|
+
|
|
9558
|
+
.pf-c-icon__progress {
|
|
9888
9559
|
position: absolute;
|
|
9889
|
-
top: 0;
|
|
9890
|
-
|
|
9891
|
-
|
|
9892
|
-
left: 0;
|
|
9893
|
-
pointer-events: none;
|
|
9894
|
-
content: "";
|
|
9895
|
-
border: solid var(--pf-c-jump-links__list--before--BorderColor);
|
|
9896
|
-
border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
|
|
9560
|
+
top: calc(50% + 0.5 * var(--pf-c-icon__content--svg--VerticalAlign));
|
|
9561
|
+
opacity: var(--pf-c-icon__progress--Opacity, 0);
|
|
9562
|
+
transform: translateY(calc(-50% - 0.5 * var(--pf-c-icon__content--svg--VerticalAlign)));
|
|
9897
9563
|
}
|
|
9898
9564
|
|
|
9899
|
-
.pf-c-
|
|
9900
|
-
--pf-
|
|
9901
|
-
--pf-
|
|
9902
|
-
--pf-
|
|
9903
|
-
--pf-
|
|
9904
|
-
--pf-
|
|
9905
|
-
|
|
9565
|
+
.pf-c-input-group {
|
|
9566
|
+
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
9567
|
+
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
9568
|
+
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
9569
|
+
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
9570
|
+
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
9571
|
+
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
9572
|
+
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
9906
9573
|
}
|
|
9907
9574
|
|
|
9908
|
-
.pf-c-
|
|
9909
|
-
|
|
9575
|
+
.pf-c-input-group {
|
|
9576
|
+
--pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
9577
|
+
--pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
|
|
9578
|
+
--pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
|
|
9579
|
+
--pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
|
|
9580
|
+
--pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
|
|
9581
|
+
--pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
|
|
9582
|
+
--pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
9583
|
+
--pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
|
|
9584
|
+
--pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
|
|
9585
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
|
|
9586
|
+
--pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
9587
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
9588
|
+
--pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
|
|
9589
|
+
--pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
|
|
9590
|
+
--pf-c-input-group--c-form-control--MarginRight: 0;
|
|
9591
|
+
color: var(--pf-global--Color--100);
|
|
9910
9592
|
display: flex;
|
|
9911
|
-
|
|
9912
|
-
|
|
9913
|
-
padding-right: var(--pf-c-jump-links__link--PaddingRight);
|
|
9914
|
-
padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
|
|
9915
|
-
padding-left: var(--pf-c-jump-links__link--PaddingLeft);
|
|
9916
|
-
text-decoration: none;
|
|
9917
|
-
outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
|
|
9593
|
+
width: 100%;
|
|
9594
|
+
background-color: var(--pf-c-input-group--BackgroundColor);
|
|
9918
9595
|
}
|
|
9919
9596
|
|
|
9920
|
-
.pf-c-
|
|
9921
|
-
--pf-c-
|
|
9597
|
+
.pf-c-input-group.pf-m-plain {
|
|
9598
|
+
--pf-c-input-group--BackgroundColor: transparent;
|
|
9922
9599
|
}
|
|
9923
9600
|
|
|
9924
|
-
.pf-c-
|
|
9925
|
-
|
|
9601
|
+
.pf-c-input-group > * + * {
|
|
9602
|
+
margin-left: -1px;
|
|
9926
9603
|
}
|
|
9927
9604
|
|
|
9928
|
-
.pf-c-
|
|
9929
|
-
|
|
9930
|
-
|
|
9931
|
-
right: 0;
|
|
9932
|
-
bottom: 0;
|
|
9933
|
-
left: 0;
|
|
9934
|
-
pointer-events: none;
|
|
9935
|
-
content: "";
|
|
9936
|
-
border-color: var(--pf-c-jump-links__link--before--BorderColor);
|
|
9937
|
-
border-style: solid;
|
|
9938
|
-
border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
|
|
9605
|
+
.pf-c-input-group > :focus,
|
|
9606
|
+
.pf-c-input-group > :focus-within {
|
|
9607
|
+
z-index: var(--pf-c-input-group--child--ZIndex);
|
|
9939
9608
|
}
|
|
9940
9609
|
|
|
9941
|
-
.pf-c-
|
|
9942
|
-
--pf-c-
|
|
9610
|
+
.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
|
|
9611
|
+
margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
|
|
9943
9612
|
}
|
|
9944
9613
|
|
|
9945
|
-
.pf-c-
|
|
9946
|
-
|
|
9947
|
-
|
|
9948
|
-
|
|
9949
|
-
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
|
|
9614
|
+
.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
|
|
9615
|
+
.pf-c-input-group textarea {
|
|
9616
|
+
flex: 2;
|
|
9617
|
+
min-width: 0;
|
|
9950
9618
|
}
|
|
9951
9619
|
|
|
9952
|
-
.pf-c-
|
|
9953
|
-
|
|
9620
|
+
.pf-c-input-group textarea {
|
|
9621
|
+
min-height: var(--pf-c-input-group__textarea--MinHeight);
|
|
9954
9622
|
}
|
|
9955
9623
|
|
|
9956
|
-
.pf-c-
|
|
9957
|
-
display:
|
|
9958
|
-
|
|
9959
|
-
|
|
9624
|
+
.pf-c-input-group__text {
|
|
9625
|
+
display: flex;
|
|
9626
|
+
align-items: center;
|
|
9627
|
+
padding-right: var(--pf-c-input-group__text--PaddingRight);
|
|
9628
|
+
padding-left: var(--pf-c-input-group__text--PaddingLeft);
|
|
9629
|
+
font-size: var(--pf-c-input-group__text--FontSize);
|
|
9630
|
+
color: var(--pf-c-input-group__text--Color);
|
|
9631
|
+
text-align: center;
|
|
9632
|
+
background-color: var(--pf-c-input-group__text--BackgroundColor);
|
|
9633
|
+
border: var(--pf-c-input-group__text--BorderWidth) solid;
|
|
9634
|
+
border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
|
|
9960
9635
|
}
|
|
9961
9636
|
|
|
9962
|
-
.pf-c-
|
|
9963
|
-
|
|
9964
|
-
flex-direction: column;
|
|
9637
|
+
label.pf-c-input-group__text {
|
|
9638
|
+
cursor: pointer;
|
|
9965
9639
|
}
|
|
9966
9640
|
|
|
9967
|
-
.pf-c-
|
|
9968
|
-
|
|
9969
|
-
margin-
|
|
9970
|
-
|
|
9971
|
-
|
|
9972
|
-
|
|
9641
|
+
.pf-c-input-group__text.pf-m-plain {
|
|
9642
|
+
--pf-c-input-group__text--BorderWidth: 0;
|
|
9643
|
+
margin-left: 0;
|
|
9644
|
+
}
|
|
9645
|
+
|
|
9646
|
+
:where(.pf-theme-dark) .pf-c-input-group {
|
|
9647
|
+
--pf-c-input-group--BackgroundColor: transparent;
|
|
9648
|
+
--pf-c-input-group__text--BorderTopColor: transparent;
|
|
9649
|
+
--pf-c-input-group__text--BorderRightColor: transparent;
|
|
9650
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
9651
|
+
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
9652
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
9973
9653
|
}
|
|
9974
9654
|
|
|
9975
|
-
.pf-
|
|
9976
|
-
|
|
9977
|
-
|
|
9655
|
+
:where(.pf-theme-dark) .pf-c-input-group > * + * {
|
|
9656
|
+
margin-left: 0;
|
|
9657
|
+
border-left: 1px solid var(--pf-global--palette--black-700);
|
|
9978
9658
|
}
|
|
9979
9659
|
|
|
9980
|
-
.pf-c-
|
|
9981
|
-
|
|
9982
|
-
|
|
9983
|
-
|
|
9984
|
-
|
|
9660
|
+
:where(.pf-theme-dark) .pf-c-input-group__text {
|
|
9661
|
+
--pf-c-input-group__text--BorderTopColor: transparent;
|
|
9662
|
+
--pf-c-input-group__text--BorderRightColor: transparent;
|
|
9663
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
9664
|
+
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
9985
9665
|
}
|
|
9986
9666
|
|
|
9987
|
-
.pf-c-
|
|
9988
|
-
|
|
9989
|
-
color: var(--pf-c-jump-links__toggle-text--Color);
|
|
9667
|
+
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
|
|
9668
|
+
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
9990
9669
|
}
|
|
9991
9670
|
|
|
9992
9671
|
.pf-c-sidebar {
|
|
@@ -10197,121 +9876,442 @@ label.pf-c-input-group__text {
|
|
|
10197
9876
|
}
|
|
10198
9877
|
}
|
|
10199
9878
|
@media (min-width: 768px) {
|
|
10200
|
-
.pf-c-sidebar__panel.pf-m-width-default-on-md {
|
|
10201
|
-
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
10202
|
-
}
|
|
10203
|
-
|
|
10204
|
-
.pf-c-sidebar__panel.pf-m-width-25-on-md {
|
|
10205
|
-
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
9879
|
+
.pf-c-sidebar__panel.pf-m-width-default-on-md {
|
|
9880
|
+
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
9881
|
+
}
|
|
9882
|
+
|
|
9883
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-md {
|
|
9884
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
9885
|
+
}
|
|
9886
|
+
|
|
9887
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-md {
|
|
9888
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
9889
|
+
}
|
|
9890
|
+
|
|
9891
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-md {
|
|
9892
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
9893
|
+
}
|
|
9894
|
+
|
|
9895
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-md {
|
|
9896
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9897
|
+
}
|
|
9898
|
+
|
|
9899
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-md {
|
|
9900
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9901
|
+
}
|
|
9902
|
+
|
|
9903
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-md {
|
|
9904
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
9905
|
+
}
|
|
9906
|
+
}
|
|
9907
|
+
@media (min-width: 992px) {
|
|
9908
|
+
.pf-c-sidebar__panel.pf-m-width-default-on-lg {
|
|
9909
|
+
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
9910
|
+
}
|
|
9911
|
+
|
|
9912
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
9913
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
9914
|
+
}
|
|
9915
|
+
|
|
9916
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
9917
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
9918
|
+
}
|
|
9919
|
+
|
|
9920
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
9921
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
9922
|
+
}
|
|
9923
|
+
|
|
9924
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
9925
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9926
|
+
}
|
|
9927
|
+
|
|
9928
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
9929
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9930
|
+
}
|
|
9931
|
+
|
|
9932
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
9933
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
9934
|
+
}
|
|
9935
|
+
}
|
|
9936
|
+
@media (min-width: 1200px) {
|
|
9937
|
+
.pf-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
9938
|
+
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
9939
|
+
}
|
|
9940
|
+
|
|
9941
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
9942
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
9943
|
+
}
|
|
9944
|
+
|
|
9945
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
9946
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
9947
|
+
}
|
|
9948
|
+
|
|
9949
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
9950
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
9951
|
+
}
|
|
9952
|
+
|
|
9953
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
9954
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9955
|
+
}
|
|
9956
|
+
|
|
9957
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
9958
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9959
|
+
}
|
|
9960
|
+
|
|
9961
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
9962
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
9963
|
+
}
|
|
9964
|
+
}
|
|
9965
|
+
@media (min-width: 1450px) {
|
|
9966
|
+
.pf-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
9967
|
+
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
9968
|
+
}
|
|
9969
|
+
|
|
9970
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
9971
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
9972
|
+
}
|
|
9973
|
+
|
|
9974
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
9975
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
9976
|
+
}
|
|
9977
|
+
|
|
9978
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
9979
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
9980
|
+
}
|
|
9981
|
+
|
|
9982
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
9983
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9984
|
+
}
|
|
9985
|
+
|
|
9986
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
9987
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9988
|
+
}
|
|
9989
|
+
|
|
9990
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
9991
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
9992
|
+
}
|
|
9993
|
+
}
|
|
9994
|
+
.pf-c-jump-links {
|
|
9995
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9996
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9997
|
+
--pf-c-jump-links__list--PaddingTop: 0;
|
|
9998
|
+
--pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
|
|
9999
|
+
--pf-c-jump-links__list--PaddingBottom: 0;
|
|
10000
|
+
--pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
|
|
10001
|
+
--pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
|
|
10002
|
+
--pf-c-jump-links--m-vertical__list--PaddingRight: 0;
|
|
10003
|
+
--pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
|
|
10004
|
+
--pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
|
|
10005
|
+
--pf-c-jump-links__list--FlexDirection: row;
|
|
10006
|
+
--pf-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
10007
|
+
--pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
10008
|
+
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
10009
|
+
--pf-c-jump-links__list--before--BorderRightWidth: 0;
|
|
10010
|
+
--pf-c-jump-links__list--before--BorderBottomWidth: 0;
|
|
10011
|
+
--pf-c-jump-links__list--before--BorderLeftWidth: 0;
|
|
10012
|
+
--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
10013
|
+
--pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
|
|
10014
|
+
--pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
|
|
10015
|
+
--pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
|
|
10016
|
+
--pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
|
|
10017
|
+
--pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
|
|
10018
|
+
--pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
|
|
10019
|
+
--pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
|
|
10020
|
+
--pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
|
|
10021
|
+
--pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
|
|
10022
|
+
--pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
|
|
10023
|
+
--pf-c-jump-links__link--before--BorderTopWidth: 0;
|
|
10024
|
+
--pf-c-jump-links__link--before--BorderRightWidth: 0;
|
|
10025
|
+
--pf-c-jump-links__link--before--BorderBottomWidth: 0;
|
|
10026
|
+
--pf-c-jump-links__link--before--BorderLeftWidth: 0;
|
|
10027
|
+
--pf-c-jump-links__link--before--BorderColor: transparent;
|
|
10028
|
+
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
|
|
10029
|
+
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
|
|
10030
|
+
--pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
|
|
10031
|
+
--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
|
|
10032
|
+
--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
|
|
10033
|
+
--pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
|
|
10034
|
+
--pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
|
|
10035
|
+
--pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
|
|
10036
|
+
--pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
|
|
10037
|
+
--pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
|
|
10038
|
+
--pf-c-jump-links__label--Display: block;
|
|
10039
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10040
|
+
--pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
|
10041
|
+
--pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
|
|
10042
|
+
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
|
|
10043
|
+
--pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
|
|
10044
|
+
--pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
|
|
10045
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
10046
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
10047
|
+
--pf-c-jump-links__toggle-icon--Color: currentcolor;
|
|
10048
|
+
--pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
|
|
10049
|
+
--pf-c-jump-links__toggle-icon--Rotate: 0;
|
|
10050
|
+
--pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
10051
|
+
--pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
10052
|
+
--pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
|
|
10053
|
+
--pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
|
|
10054
|
+
display: flex;
|
|
10055
|
+
}
|
|
10056
|
+
|
|
10057
|
+
.pf-c-jump-links.pf-m-center {
|
|
10058
|
+
justify-content: center;
|
|
10059
|
+
}
|
|
10060
|
+
|
|
10061
|
+
.pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
|
|
10062
|
+
align-items: center;
|
|
10063
|
+
}
|
|
10064
|
+
|
|
10065
|
+
.pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
|
|
10066
|
+
--pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
|
|
10067
|
+
--pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
|
|
10068
|
+
--pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
|
|
10069
|
+
--pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
|
|
10070
|
+
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
|
|
10071
|
+
--pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
|
|
10072
|
+
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
|
|
10073
|
+
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
|
|
10074
|
+
--pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
|
|
10075
|
+
flex-direction: column;
|
|
10076
|
+
}
|
|
10077
|
+
|
|
10078
|
+
.pf-c-jump-links.pf-m-expandable {
|
|
10079
|
+
--pf-c-jump-links__list--Display: none;
|
|
10080
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
10081
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
10082
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
10083
|
+
--pf-c-jump-links__label--Display: none;
|
|
10084
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10085
|
+
}
|
|
10086
|
+
|
|
10087
|
+
.pf-c-jump-links.pf-m-non-expandable {
|
|
10088
|
+
--pf-c-jump-links__list--Display: flex;
|
|
10089
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
10090
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
10091
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
10092
|
+
--pf-c-jump-links__label--Display: block;
|
|
10093
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10094
|
+
}
|
|
10095
|
+
|
|
10096
|
+
@media (min-width: 576px) {
|
|
10097
|
+
.pf-c-jump-links.pf-m-expandable-on-sm {
|
|
10098
|
+
--pf-c-jump-links__list--Display: none;
|
|
10099
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
10100
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
10101
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
10102
|
+
--pf-c-jump-links__label--Display: none;
|
|
10103
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10104
|
+
}
|
|
10105
|
+
|
|
10106
|
+
.pf-c-jump-links.pf-m-non-expandable-on-sm {
|
|
10107
|
+
--pf-c-jump-links__list--Display: flex;
|
|
10108
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
10109
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
10110
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
10111
|
+
--pf-c-jump-links__label--Display: block;
|
|
10112
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10113
|
+
}
|
|
10114
|
+
}
|
|
10115
|
+
@media (min-width: 768px) {
|
|
10116
|
+
.pf-c-jump-links.pf-m-expandable-on-md {
|
|
10117
|
+
--pf-c-jump-links__list--Display: none;
|
|
10118
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
10119
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
10120
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
10121
|
+
--pf-c-jump-links__label--Display: none;
|
|
10122
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10206
10123
|
}
|
|
10207
10124
|
|
|
10208
|
-
.pf-c-
|
|
10209
|
-
--pf-c-
|
|
10125
|
+
.pf-c-jump-links.pf-m-non-expandable-on-md {
|
|
10126
|
+
--pf-c-jump-links__list--Display: flex;
|
|
10127
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
10128
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
10129
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
10130
|
+
--pf-c-jump-links__label--Display: block;
|
|
10131
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10210
10132
|
}
|
|
10211
|
-
|
|
10212
|
-
|
|
10213
|
-
|
|
10133
|
+
}
|
|
10134
|
+
@media (min-width: 992px) {
|
|
10135
|
+
.pf-c-jump-links.pf-m-expandable-on-lg {
|
|
10136
|
+
--pf-c-jump-links__list--Display: none;
|
|
10137
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
10138
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
10139
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
10140
|
+
--pf-c-jump-links__label--Display: none;
|
|
10141
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10214
10142
|
}
|
|
10215
10143
|
|
|
10216
|
-
.pf-c-
|
|
10217
|
-
--pf-c-
|
|
10144
|
+
.pf-c-jump-links.pf-m-non-expandable-on-lg {
|
|
10145
|
+
--pf-c-jump-links__list--Display: flex;
|
|
10146
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
10147
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
10148
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
10149
|
+
--pf-c-jump-links__label--Display: block;
|
|
10150
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10218
10151
|
}
|
|
10219
|
-
|
|
10220
|
-
|
|
10221
|
-
|
|
10152
|
+
}
|
|
10153
|
+
@media (min-width: 1200px) {
|
|
10154
|
+
.pf-c-jump-links.pf-m-expandable-on-xl {
|
|
10155
|
+
--pf-c-jump-links__list--Display: none;
|
|
10156
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
10157
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
10158
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
10159
|
+
--pf-c-jump-links__label--Display: none;
|
|
10160
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10222
10161
|
}
|
|
10223
10162
|
|
|
10224
|
-
.pf-c-
|
|
10225
|
-
--pf-c-
|
|
10163
|
+
.pf-c-jump-links.pf-m-non-expandable-on-xl {
|
|
10164
|
+
--pf-c-jump-links__list--Display: flex;
|
|
10165
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
10166
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
10167
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
10168
|
+
--pf-c-jump-links__label--Display: block;
|
|
10169
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10226
10170
|
}
|
|
10227
10171
|
}
|
|
10228
|
-
@media (min-width:
|
|
10229
|
-
.pf-c-
|
|
10230
|
-
--pf-c-
|
|
10231
|
-
|
|
10232
|
-
|
|
10233
|
-
|
|
10234
|
-
--pf-c-
|
|
10172
|
+
@media (min-width: 1450px) {
|
|
10173
|
+
.pf-c-jump-links.pf-m-expandable-on-2xl {
|
|
10174
|
+
--pf-c-jump-links__list--Display: none;
|
|
10175
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
10176
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
10177
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
10178
|
+
--pf-c-jump-links__label--Display: none;
|
|
10179
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10235
10180
|
}
|
|
10236
10181
|
|
|
10237
|
-
.pf-c-
|
|
10238
|
-
--pf-c-
|
|
10182
|
+
.pf-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
10183
|
+
--pf-c-jump-links__list--Display: flex;
|
|
10184
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
10185
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
10186
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
10187
|
+
--pf-c-jump-links__label--Display: block;
|
|
10188
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10239
10189
|
}
|
|
10190
|
+
}
|
|
10191
|
+
.pf-c-jump-links.pf-m-expanded {
|
|
10192
|
+
--pf-c-jump-links__list--Display: flex;
|
|
10193
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
10194
|
+
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
|
|
10195
|
+
--pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
10196
|
+
--pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
|
|
10197
|
+
}
|
|
10240
10198
|
|
|
10241
|
-
|
|
10242
|
-
|
|
10243
|
-
|
|
10199
|
+
.pf-c-jump-links__list {
|
|
10200
|
+
position: relative;
|
|
10201
|
+
display: var(--pf-c-jump-links__list--Display);
|
|
10202
|
+
flex-direction: var(--pf-c-jump-links__list--FlexDirection);
|
|
10203
|
+
padding-top: var(--pf-c-jump-links__list--PaddingTop);
|
|
10204
|
+
padding-right: var(--pf-c-jump-links__list--PaddingRight);
|
|
10205
|
+
padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
|
|
10206
|
+
padding-left: var(--pf-c-jump-links__list--PaddingLeft);
|
|
10207
|
+
visibility: var(--pf-c-jump-links__list--Visibility);
|
|
10208
|
+
}
|
|
10244
10209
|
|
|
10245
|
-
|
|
10246
|
-
|
|
10247
|
-
|
|
10210
|
+
.pf-c-jump-links__list::before {
|
|
10211
|
+
position: absolute;
|
|
10212
|
+
top: 0;
|
|
10213
|
+
right: 0;
|
|
10214
|
+
bottom: 0;
|
|
10215
|
+
left: 0;
|
|
10216
|
+
pointer-events: none;
|
|
10217
|
+
content: "";
|
|
10218
|
+
border: solid var(--pf-c-jump-links__list--before--BorderColor);
|
|
10219
|
+
border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
|
|
10220
|
+
}
|
|
10248
10221
|
|
|
10249
|
-
|
|
10250
|
-
|
|
10251
|
-
|
|
10222
|
+
.pf-c-jump-links__list .pf-c-jump-links__list {
|
|
10223
|
+
--pf-c-jump-links__list--PaddingTop: 0;
|
|
10224
|
+
--pf-c-jump-links__list--PaddingBottom: 0;
|
|
10225
|
+
--pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
|
|
10226
|
+
--pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
|
|
10227
|
+
--pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
|
|
10228
|
+
margin-top: var(--pf-c-jump-links__list__list--MarginTop);
|
|
10229
|
+
}
|
|
10252
10230
|
|
|
10253
|
-
|
|
10254
|
-
|
|
10255
|
-
|
|
10231
|
+
.pf-c-jump-links__link {
|
|
10232
|
+
position: relative;
|
|
10233
|
+
display: flex;
|
|
10234
|
+
flex: 1;
|
|
10235
|
+
padding-top: var(--pf-c-jump-links__link--PaddingTop);
|
|
10236
|
+
padding-right: var(--pf-c-jump-links__link--PaddingRight);
|
|
10237
|
+
padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
|
|
10238
|
+
padding-left: var(--pf-c-jump-links__link--PaddingLeft);
|
|
10239
|
+
text-decoration: none;
|
|
10240
|
+
outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
|
|
10256
10241
|
}
|
|
10257
|
-
@media (min-width: 1200px) {
|
|
10258
|
-
.pf-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
10259
|
-
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
10260
|
-
}
|
|
10261
10242
|
|
|
10262
|
-
|
|
10263
|
-
|
|
10264
|
-
|
|
10243
|
+
.pf-c-jump-links__link:hover {
|
|
10244
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
|
|
10245
|
+
}
|
|
10265
10246
|
|
|
10266
|
-
|
|
10267
|
-
|
|
10268
|
-
|
|
10247
|
+
.pf-c-jump-links__link:focus {
|
|
10248
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
|
|
10249
|
+
}
|
|
10269
10250
|
|
|
10270
|
-
|
|
10271
|
-
|
|
10272
|
-
|
|
10251
|
+
.pf-c-jump-links__link::before {
|
|
10252
|
+
position: absolute;
|
|
10253
|
+
top: 0;
|
|
10254
|
+
right: 0;
|
|
10255
|
+
bottom: 0;
|
|
10256
|
+
left: 0;
|
|
10257
|
+
pointer-events: none;
|
|
10258
|
+
content: "";
|
|
10259
|
+
border-color: var(--pf-c-jump-links__link--before--BorderColor);
|
|
10260
|
+
border-style: solid;
|
|
10261
|
+
border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
|
|
10262
|
+
}
|
|
10273
10263
|
|
|
10274
|
-
|
|
10275
|
-
|
|
10276
|
-
|
|
10264
|
+
.pf-c-jump-links__item {
|
|
10265
|
+
--pf-c-jump-links__list--before--BorderColor: transparent;
|
|
10266
|
+
}
|
|
10277
10267
|
|
|
10278
|
-
|
|
10279
|
-
|
|
10280
|
-
|
|
10268
|
+
.pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
|
|
10269
|
+
--pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
|
|
10270
|
+
--pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
|
|
10271
|
+
--pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
|
|
10272
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
|
|
10273
|
+
}
|
|
10281
10274
|
|
|
10282
|
-
|
|
10283
|
-
|
|
10284
|
-
}
|
|
10275
|
+
.pf-c-jump-links__link-text {
|
|
10276
|
+
color: var(--pf-c-jump-links__link-text--Color);
|
|
10285
10277
|
}
|
|
10286
|
-
@media (min-width: 1450px) {
|
|
10287
|
-
.pf-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
10288
|
-
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
10289
|
-
}
|
|
10290
10278
|
|
|
10291
|
-
|
|
10292
|
-
|
|
10293
|
-
|
|
10279
|
+
.pf-c-jump-links__label {
|
|
10280
|
+
display: var(--pf-c-jump-links__label--Display);
|
|
10281
|
+
margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
|
|
10282
|
+
visibility: var(--pf-c-jump-links__label--Visibility);
|
|
10283
|
+
}
|
|
10294
10284
|
|
|
10295
|
-
|
|
10296
|
-
|
|
10297
|
-
|
|
10285
|
+
.pf-c-jump-links__main {
|
|
10286
|
+
display: flex;
|
|
10287
|
+
flex-direction: column;
|
|
10288
|
+
}
|
|
10298
10289
|
|
|
10299
|
-
|
|
10300
|
-
|
|
10301
|
-
|
|
10290
|
+
.pf-c-jump-links__toggle {
|
|
10291
|
+
display: var(--pf-c-jump-links__toggle--Display);
|
|
10292
|
+
margin-top: var(--pf-c-jump-links__toggle--MarginTop);
|
|
10293
|
+
margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
|
|
10294
|
+
margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
|
|
10295
|
+
visibility: var(--pf-c-jump-links__toggle--Visibility);
|
|
10296
|
+
}
|
|
10302
10297
|
|
|
10303
|
-
|
|
10304
|
-
|
|
10305
|
-
|
|
10298
|
+
.pf-c-jump-links__toggle .pf-c-button {
|
|
10299
|
+
display: flex;
|
|
10300
|
+
align-items: center;
|
|
10301
|
+
}
|
|
10306
10302
|
|
|
10307
|
-
|
|
10308
|
-
|
|
10309
|
-
|
|
10303
|
+
.pf-c-jump-links__toggle-icon {
|
|
10304
|
+
display: inline-block;
|
|
10305
|
+
color: var(--pf-c-jump-links__toggle-icon--Color);
|
|
10306
|
+
transition: var(--pf-c-jump-links__toggle-icon--Transition);
|
|
10307
|
+
transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
|
|
10308
|
+
}
|
|
10310
10309
|
|
|
10311
|
-
|
|
10312
|
-
|
|
10313
|
-
|
|
10310
|
+
.pf-c-jump-links__toggle-text {
|
|
10311
|
+
margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
|
|
10312
|
+
color: var(--pf-c-jump-links__toggle-text--Color);
|
|
10314
10313
|
}
|
|
10314
|
+
|
|
10315
10315
|
.pf-c-label {
|
|
10316
10316
|
--pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
|
|
10317
10317
|
--pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
|