@patternfly/react-core 4.257.0 → 4.258.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/CalendarMonth/CalendarMonth.d.ts +0 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.js +1 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +2 -1
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/Popover/Popover.d.ts.map +1 -1
- package/dist/esm/components/Popover/Popover.js +14 -3
- package/dist/esm/components/Popover/Popover.js.map +1 -1
- package/dist/esm/components/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/esm/components/Timestamp/Timestamp.js +23 -5
- package/dist/esm/components/Timestamp/Timestamp.js.map +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/Popper.js +15 -2
- package/dist/esm/helpers/Popper/Popper.js.map +1 -1
- package/dist/esm/helpers/datetimeUtils.d.ts +5 -0
- package/dist/esm/helpers/datetimeUtils.d.ts.map +1 -0
- package/dist/esm/helpers/datetimeUtils.js +5 -0
- package/dist/esm/helpers/datetimeUtils.js.map +1 -0
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.d.ts.map +1 -1
- package/dist/esm/helpers/index.js +1 -0
- package/dist/esm/helpers/index.js.map +1 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.d.ts +0 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.js +9 -10
- package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/js/components/DatePicker/DatePicker.js +5 -4
- package/dist/js/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/js/components/Popover/Popover.d.ts.map +1 -1
- package/dist/js/components/Popover/Popover.js +14 -3
- package/dist/js/components/Popover/Popover.js.map +1 -1
- package/dist/js/components/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/js/components/Timestamp/Timestamp.js +23 -5
- package/dist/js/components/Timestamp/Timestamp.js.map +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/Popper.js +15 -2
- package/dist/js/helpers/Popper/Popper.js.map +1 -1
- package/dist/js/helpers/datetimeUtils.d.ts +5 -0
- package/dist/js/helpers/datetimeUtils.d.ts.map +1 -0
- package/dist/js/helpers/datetimeUtils.js +9 -0
- package/dist/js/helpers/datetimeUtils.js.map +1 -0
- package/dist/js/helpers/index.d.ts +1 -0
- package/dist/js/helpers/index.d.ts.map +1 -1
- package/dist/js/helpers/index.js +1 -0
- package/dist/js/helpers/index.js.map +1 -1
- package/dist/umd/react-core.min.css +1388 -1388
- package/dist/umd/react-core.min.js +3 -3
- package/package.json +2 -2
- package/src/components/CalendarMonth/CalendarMonth.tsx +1 -2
- package/src/components/DatePicker/DatePicker.tsx +2 -1
- package/src/components/Popover/Popover.tsx +14 -2
- package/src/components/Timestamp/Timestamp.tsx +26 -5
- package/src/components/Timestamp/__tests__/Timestamp.test.tsx +22 -5
- package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +0 -1
- package/src/helpers/Popper/Popper.tsx +32 -4
- package/src/helpers/datetimeUtils.ts +4 -0
- package/src/helpers/index.ts +1 -0
|
@@ -3666,6 +3666,340 @@ 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-context-selector__menu {
|
|
3670
|
+
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
3671
|
+
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
3672
|
+
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
3673
|
+
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
3674
|
+
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
3675
|
+
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
3676
|
+
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
3677
|
+
}
|
|
3678
|
+
|
|
3679
|
+
.pf-c-context-selector {
|
|
3680
|
+
--pf-c-context-selector--Width: 15.625rem;
|
|
3681
|
+
--pf-c-context-selector__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
3682
|
+
--pf-c-context-selector__toggle--PaddingRight: var(--pf-global--spacer--sm);
|
|
3683
|
+
--pf-c-context-selector__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
3684
|
+
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-global--spacer--sm);
|
|
3685
|
+
--pf-c-context-selector__toggle--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
3686
|
+
--pf-c-context-selector__toggle--BorderTopColor: var(--pf-global--BorderColor--300);
|
|
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%;
|
|
3805
|
+
}
|
|
3806
|
+
|
|
3807
|
+
.pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle {
|
|
3808
|
+
align-self: stretch;
|
|
3809
|
+
}
|
|
3810
|
+
|
|
3811
|
+
.pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle::before {
|
|
3812
|
+
border-top-width: var(--pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth);
|
|
3813
|
+
}
|
|
3814
|
+
|
|
3815
|
+
.pf-c-context-selector.pf-m-full-height:hover .pf-c-context-selector__toggle::before {
|
|
3816
|
+
border-bottom-width: var(--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth);
|
|
3817
|
+
}
|
|
3818
|
+
|
|
3819
|
+
.pf-c-context-selector.pf-m-large {
|
|
3820
|
+
--pf-c-context-selector__toggle--PaddingTop: var(--pf-c-context-selector--m-large__toggle--PaddingTop);
|
|
3821
|
+
--pf-c-context-selector__toggle--PaddingBottom: var(--pf-c-context-selector--m-large__toggle--PaddingBottom);
|
|
3822
|
+
--pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth);
|
|
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);
|
|
3825
|
+
}
|
|
3826
|
+
|
|
3827
|
+
.pf-c-context-selector.pf-m-page-insets {
|
|
3828
|
+
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--PaddingRight);
|
|
3829
|
+
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--PaddingLeft);
|
|
3830
|
+
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight);
|
|
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);
|
|
3840
|
+
}
|
|
3841
|
+
|
|
3842
|
+
.pf-c-context-selector__toggle {
|
|
3843
|
+
position: relative;
|
|
3844
|
+
display: flex;
|
|
3845
|
+
align-items: center;
|
|
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;
|
|
3853
|
+
}
|
|
3854
|
+
|
|
3855
|
+
.pf-c-context-selector__toggle::before {
|
|
3856
|
+
position: absolute;
|
|
3857
|
+
top: 0;
|
|
3858
|
+
right: 0;
|
|
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);
|
|
3864
|
+
}
|
|
3865
|
+
|
|
3866
|
+
.pf-c-context-selector__toggle:hover::before {
|
|
3867
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--hover--BorderBottomColor);
|
|
3868
|
+
border-bottom-width: var(--pf-c-context-selector__toggle--hover--BorderBottomWidth);
|
|
3869
|
+
}
|
|
3870
|
+
|
|
3871
|
+
.pf-c-context-selector__toggle:active::before, .pf-c-context-selector__toggle.pf-m-active::before, .pf-c-context-selector__toggle:focus-within::before {
|
|
3872
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--active--BorderBottomColor);
|
|
3873
|
+
border-bottom-width: var(--pf-c-context-selector__toggle--active--BorderBottomWidth);
|
|
3874
|
+
}
|
|
3875
|
+
|
|
3876
|
+
.pf-m-expanded > .pf-c-context-selector__toggle::before {
|
|
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
|
+
|
|
3669
4003
|
.pf-c-data-list {
|
|
3670
4004
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
3671
4005
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -4936,144 +5270,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
4936
5270
|
overflow-y: visible;
|
|
4937
5271
|
}
|
|
4938
5272
|
}
|
|
4939
|
-
@media screen and (min-width: 992px) {
|
|
4940
|
-
.pf-c-data-list.pf-m-grid-lg {
|
|
4941
|
-
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
4942
|
-
--pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
|
|
4943
|
-
--pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
|
|
4944
|
-
--pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
|
|
4945
|
-
--pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
|
|
4946
|
-
--pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
|
|
4947
|
-
--pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
|
|
4948
|
-
--pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop);
|
|
4949
|
-
}
|
|
4950
|
-
}
|
|
4951
|
-
@media screen and (min-width: 992px) and (min-width: 1200px) {
|
|
4952
|
-
.pf-c-data-list.pf-m-grid-lg {
|
|
4953
|
-
--pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
|
|
4954
|
-
--pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
|
|
4955
|
-
--pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
|
|
4956
|
-
--pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft);
|
|
4957
|
-
}
|
|
4958
|
-
}
|
|
4959
|
-
@media screen and (min-width: 992px) {
|
|
4960
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
|
|
4961
|
-
display: flex;
|
|
4962
|
-
flex-wrap: wrap;
|
|
4963
|
-
flex-grow: 1;
|
|
4964
|
-
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
4965
|
-
}
|
|
4966
|
-
}
|
|
4967
|
-
@media screen and (min-width: 992px) {
|
|
4968
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
|
|
4969
|
-
margin-right: var(--pf-c-data-list__cell--MarginRight);
|
|
4970
|
-
}
|
|
4971
|
-
|
|
4972
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell + .pf-c-data-list__cell {
|
|
4973
|
-
flex: 1;
|
|
4974
|
-
order: initial;
|
|
4975
|
-
}
|
|
4976
|
-
|
|
4977
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-align-right {
|
|
4978
|
-
margin-left: auto;
|
|
4979
|
-
}
|
|
4980
|
-
|
|
4981
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-no-fill {
|
|
4982
|
-
flex: none;
|
|
4983
|
-
}
|
|
4984
|
-
|
|
4985
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-2 {
|
|
4986
|
-
flex-grow: 2;
|
|
4987
|
-
}
|
|
4988
|
-
|
|
4989
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-3 {
|
|
4990
|
-
flex-grow: 3;
|
|
4991
|
-
}
|
|
4992
|
-
|
|
4993
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-4 {
|
|
4994
|
-
flex-grow: 4;
|
|
4995
|
-
}
|
|
4996
|
-
|
|
4997
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-5 {
|
|
4998
|
-
flex-grow: 5;
|
|
4999
|
-
}
|
|
5000
|
-
}
|
|
5001
|
-
@media screen and (min-width: 992px) {
|
|
5002
|
-
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__expandable-content {
|
|
5003
|
-
max-height: initial;
|
|
5004
|
-
overflow-y: visible;
|
|
5005
|
-
}
|
|
5006
|
-
}
|
|
5007
|
-
@media screen and (min-width: 1200px) {
|
|
5008
|
-
.pf-c-data-list.pf-m-grid-xl {
|
|
5009
|
-
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
5010
|
-
--pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
|
|
5011
|
-
--pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
|
|
5012
|
-
--pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
|
|
5013
|
-
--pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
|
|
5014
|
-
--pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
|
|
5015
|
-
--pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
|
|
5016
|
-
--pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop);
|
|
5017
|
-
}
|
|
5018
|
-
}
|
|
5019
|
-
@media screen and (min-width: 1200px) and (min-width: 1200px) {
|
|
5020
|
-
.pf-c-data-list.pf-m-grid-xl {
|
|
5021
|
-
--pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
|
|
5022
|
-
--pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
|
|
5023
|
-
--pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
|
|
5024
|
-
--pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft);
|
|
5025
|
-
}
|
|
5026
|
-
}
|
|
5027
|
-
@media screen and (min-width: 1200px) {
|
|
5028
|
-
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
|
|
5029
|
-
display: flex;
|
|
5030
|
-
flex-wrap: wrap;
|
|
5031
|
-
flex-grow: 1;
|
|
5032
|
-
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
5033
|
-
}
|
|
5034
|
-
}
|
|
5035
|
-
@media screen and (min-width: 1200px) {
|
|
5036
|
-
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
|
|
5037
|
-
margin-right: var(--pf-c-data-list__cell--MarginRight);
|
|
5038
|
-
}
|
|
5039
|
-
|
|
5040
|
-
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell + .pf-c-data-list__cell {
|
|
5041
|
-
flex: 1;
|
|
5042
|
-
order: initial;
|
|
5043
|
-
}
|
|
5044
|
-
|
|
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 {
|
|
5273
|
+
@media screen and (min-width: 992px) {
|
|
5274
|
+
.pf-c-data-list.pf-m-grid-lg {
|
|
5077
5275
|
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
5078
5276
|
--pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
|
|
5079
5277
|
--pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
|
|
@@ -5084,455 +5282,257 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
5084
5282
|
--pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop);
|
|
5085
5283
|
}
|
|
5086
5284
|
}
|
|
5087
|
-
@media screen and (min-width:
|
|
5088
|
-
.pf-c-data-list.pf-m-grid-
|
|
5285
|
+
@media screen and (min-width: 992px) and (min-width: 1200px) {
|
|
5286
|
+
.pf-c-data-list.pf-m-grid-lg {
|
|
5089
5287
|
--pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
|
|
5090
5288
|
--pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
|
|
5091
5289
|
--pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
|
|
5092
5290
|
--pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft);
|
|
5093
5291
|
}
|
|
5094
5292
|
}
|
|
5095
|
-
@media screen and (min-width:
|
|
5096
|
-
.pf-c-data-list.pf-m-grid-
|
|
5293
|
+
@media screen and (min-width: 992px) {
|
|
5294
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
|
|
5097
5295
|
display: flex;
|
|
5098
5296
|
flex-wrap: wrap;
|
|
5099
5297
|
flex-grow: 1;
|
|
5100
5298
|
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
5101
5299
|
}
|
|
5102
5300
|
}
|
|
5103
|
-
@media screen and (min-width:
|
|
5104
|
-
.pf-c-data-list.pf-m-grid-
|
|
5301
|
+
@media screen and (min-width: 992px) {
|
|
5302
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
|
|
5105
5303
|
margin-right: var(--pf-c-data-list__cell--MarginRight);
|
|
5106
5304
|
}
|
|
5107
5305
|
|
|
5108
|
-
.pf-c-data-list.pf-m-grid-
|
|
5306
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell + .pf-c-data-list__cell {
|
|
5109
5307
|
flex: 1;
|
|
5110
5308
|
order: initial;
|
|
5111
5309
|
}
|
|
5112
5310
|
|
|
5113
|
-
.pf-c-data-list.pf-m-grid-
|
|
5311
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-align-right {
|
|
5114
5312
|
margin-left: auto;
|
|
5115
5313
|
}
|
|
5116
5314
|
|
|
5117
|
-
.pf-c-data-list.pf-m-grid-
|
|
5315
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-no-fill {
|
|
5118
5316
|
flex: none;
|
|
5119
5317
|
}
|
|
5120
5318
|
|
|
5121
|
-
.pf-c-data-list.pf-m-grid-
|
|
5319
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-2 {
|
|
5122
5320
|
flex-grow: 2;
|
|
5123
5321
|
}
|
|
5124
5322
|
|
|
5125
|
-
.pf-c-data-list.pf-m-grid-
|
|
5323
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-3 {
|
|
5126
5324
|
flex-grow: 3;
|
|
5127
5325
|
}
|
|
5128
5326
|
|
|
5129
|
-
.pf-c-data-list.pf-m-grid-
|
|
5327
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-4 {
|
|
5130
5328
|
flex-grow: 4;
|
|
5131
5329
|
}
|
|
5132
5330
|
|
|
5133
|
-
.pf-c-data-list.pf-m-grid-
|
|
5331
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-5 {
|
|
5134
5332
|
flex-grow: 5;
|
|
5135
5333
|
}
|
|
5136
5334
|
}
|
|
5137
|
-
@media screen and (min-width:
|
|
5138
|
-
.pf-c-data-list.pf-m-grid-
|
|
5335
|
+
@media screen and (min-width: 992px) {
|
|
5336
|
+
.pf-c-data-list.pf-m-grid-lg .pf-c-data-list__expandable-content {
|
|
5139
5337
|
max-height: initial;
|
|
5140
5338
|
overflow-y: visible;
|
|
5141
5339
|
}
|
|
5142
5340
|
}
|
|
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
5341
|
@media screen and (min-width: 1200px) {
|
|
5317
|
-
.pf-c-
|
|
5318
|
-
--pf-c-
|
|
5319
|
-
--pf-c-
|
|
5320
|
-
--pf-c-
|
|
5321
|
-
--pf-c-
|
|
5322
|
-
--pf-c-
|
|
5323
|
-
--pf-c-
|
|
5324
|
-
--pf-c-
|
|
5325
|
-
--pf-c-
|
|
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);
|
|
5342
|
+
.pf-c-data-list.pf-m-grid-xl {
|
|
5343
|
+
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
5344
|
+
--pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
|
|
5345
|
+
--pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
|
|
5346
|
+
--pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
|
|
5347
|
+
--pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
|
|
5348
|
+
--pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
|
|
5349
|
+
--pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
|
|
5350
|
+
--pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop);
|
|
5330
5351
|
}
|
|
5331
5352
|
}
|
|
5332
|
-
|
|
5333
|
-
|
|
5334
|
-
|
|
5335
|
-
|
|
5336
|
-
|
|
5337
|
-
|
|
5338
|
-
|
|
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);
|
|
5353
|
+
@media screen and (min-width: 1200px) and (min-width: 1200px) {
|
|
5354
|
+
.pf-c-data-list.pf-m-grid-xl {
|
|
5355
|
+
--pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
|
|
5356
|
+
--pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
|
|
5357
|
+
--pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
|
|
5358
|
+
--pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft);
|
|
5359
|
+
}
|
|
5375
5360
|
}
|
|
5376
|
-
|
|
5377
|
-
.pf-c-
|
|
5378
|
-
|
|
5379
|
-
|
|
5380
|
-
|
|
5381
|
-
|
|
5382
|
-
|
|
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;
|
|
5361
|
+
@media screen and (min-width: 1200px) {
|
|
5362
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
|
|
5363
|
+
display: flex;
|
|
5364
|
+
flex-wrap: wrap;
|
|
5365
|
+
flex-grow: 1;
|
|
5366
|
+
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
5367
|
+
}
|
|
5388
5368
|
}
|
|
5369
|
+
@media screen and (min-width: 1200px) {
|
|
5370
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
|
|
5371
|
+
margin-right: var(--pf-c-data-list__cell--MarginRight);
|
|
5372
|
+
}
|
|
5389
5373
|
|
|
5390
|
-
.pf-c-
|
|
5391
|
-
|
|
5392
|
-
|
|
5393
|
-
|
|
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
|
-
}
|
|
5374
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell + .pf-c-data-list__cell {
|
|
5375
|
+
flex: 1;
|
|
5376
|
+
order: initial;
|
|
5377
|
+
}
|
|
5400
5378
|
|
|
5401
|
-
.pf-c-
|
|
5402
|
-
|
|
5403
|
-
|
|
5404
|
-
}
|
|
5379
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-align-right {
|
|
5380
|
+
margin-left: auto;
|
|
5381
|
+
}
|
|
5405
5382
|
|
|
5406
|
-
.pf-c-
|
|
5407
|
-
|
|
5408
|
-
|
|
5409
|
-
}
|
|
5383
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-no-fill {
|
|
5384
|
+
flex: none;
|
|
5385
|
+
}
|
|
5410
5386
|
|
|
5411
|
-
.pf-m-
|
|
5412
|
-
|
|
5413
|
-
|
|
5414
|
-
}
|
|
5387
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-2 {
|
|
5388
|
+
flex-grow: 2;
|
|
5389
|
+
}
|
|
5415
5390
|
|
|
5416
|
-
.pf-c-
|
|
5417
|
-
|
|
5418
|
-
|
|
5419
|
-
--pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
|
|
5420
|
-
}
|
|
5391
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-3 {
|
|
5392
|
+
flex-grow: 3;
|
|
5393
|
+
}
|
|
5421
5394
|
|
|
5422
|
-
.pf-c-
|
|
5423
|
-
|
|
5424
|
-
|
|
5425
|
-
}
|
|
5395
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-4 {
|
|
5396
|
+
flex-grow: 4;
|
|
5397
|
+
}
|
|
5426
5398
|
|
|
5427
|
-
.pf-c-
|
|
5428
|
-
|
|
5429
|
-
|
|
5430
|
-
color: var(--pf-c-context-selector__toggle--m-plain--Color);
|
|
5399
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-5 {
|
|
5400
|
+
flex-grow: 5;
|
|
5401
|
+
}
|
|
5431
5402
|
}
|
|
5432
|
-
|
|
5433
|
-
.pf-c-
|
|
5434
|
-
|
|
5403
|
+
@media screen and (min-width: 1200px) {
|
|
5404
|
+
.pf-c-data-list.pf-m-grid-xl .pf-c-data-list__expandable-content {
|
|
5405
|
+
max-height: initial;
|
|
5406
|
+
overflow-y: visible;
|
|
5407
|
+
}
|
|
5435
5408
|
}
|
|
5436
|
-
|
|
5437
|
-
.pf-c-
|
|
5438
|
-
|
|
5439
|
-
|
|
5409
|
+
@media screen and (min-width: 1450px) {
|
|
5410
|
+
.pf-c-data-list.pf-m-grid-2xl {
|
|
5411
|
+
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
5412
|
+
--pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
|
|
5413
|
+
--pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
|
|
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
|
+
}
|
|
5440
5420
|
}
|
|
5441
|
-
|
|
5442
|
-
.pf-c-
|
|
5443
|
-
|
|
5421
|
+
@media screen and (min-width: 1450px) and (min-width: 1200px) {
|
|
5422
|
+
.pf-c-data-list.pf-m-grid-2xl {
|
|
5423
|
+
--pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
|
|
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
|
+
}
|
|
5444
5428
|
}
|
|
5445
|
-
|
|
5446
|
-
.pf-c-
|
|
5447
|
-
|
|
5448
|
-
|
|
5449
|
-
|
|
5450
|
-
|
|
5451
|
-
|
|
5452
|
-
line-height: var(--pf-c-context-selector__toggle-text--LineHeight);
|
|
5429
|
+
@media screen and (min-width: 1450px) {
|
|
5430
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
|
|
5431
|
+
display: flex;
|
|
5432
|
+
flex-wrap: wrap;
|
|
5433
|
+
flex-grow: 1;
|
|
5434
|
+
padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom);
|
|
5435
|
+
}
|
|
5453
5436
|
}
|
|
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
|
+
}
|
|
5454
5441
|
|
|
5455
|
-
.pf-c-
|
|
5456
|
-
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
}
|
|
5442
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell + .pf-c-data-list__cell {
|
|
5443
|
+
flex: 1;
|
|
5444
|
+
order: initial;
|
|
5445
|
+
}
|
|
5460
5446
|
|
|
5461
|
-
.pf-c-
|
|
5462
|
-
|
|
5463
|
-
|
|
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
|
-
}
|
|
5447
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-align-right {
|
|
5448
|
+
margin-left: auto;
|
|
5449
|
+
}
|
|
5471
5450
|
|
|
5472
|
-
.pf-c-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
z-index: auto;
|
|
5476
|
-
min-width: min-content;
|
|
5477
|
-
}
|
|
5451
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-no-fill {
|
|
5452
|
+
flex: none;
|
|
5453
|
+
}
|
|
5478
5454
|
|
|
5479
|
-
.pf-c-
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
border-bottom: var(--pf-c-context-selector__menu-search--BorderBottomWidth) solid var(--pf-c-context-selector__menu-search--BorderBottomColor);
|
|
5483
|
-
}
|
|
5455
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-2 {
|
|
5456
|
+
flex-grow: 2;
|
|
5457
|
+
}
|
|
5484
5458
|
|
|
5485
|
-
.pf-c-
|
|
5486
|
-
|
|
5487
|
-
|
|
5488
|
-
}
|
|
5459
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-3 {
|
|
5460
|
+
flex-grow: 3;
|
|
5461
|
+
}
|
|
5489
5462
|
|
|
5490
|
-
.pf-c-
|
|
5491
|
-
|
|
5492
|
-
|
|
5493
|
-
padding-bottom: var(--pf-c-context-selector__menu-list--PaddingBottom);
|
|
5494
|
-
overflow-y: auto;
|
|
5495
|
-
}
|
|
5463
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-4 {
|
|
5464
|
+
flex-grow: 4;
|
|
5465
|
+
}
|
|
5496
5466
|
|
|
5497
|
-
.pf-c-
|
|
5498
|
-
|
|
5499
|
-
|
|
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;
|
|
5467
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-5 {
|
|
5468
|
+
flex-grow: 5;
|
|
5469
|
+
}
|
|
5505
5470
|
}
|
|
5506
|
-
|
|
5507
|
-
.pf-c-
|
|
5508
|
-
|
|
5509
|
-
|
|
5471
|
+
@media screen and (min-width: 1450px) {
|
|
5472
|
+
.pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__expandable-content {
|
|
5473
|
+
max-height: initial;
|
|
5474
|
+
overflow-y: visible;
|
|
5475
|
+
}
|
|
5476
|
+
}
|
|
5477
|
+
.pf-c-date-picker {
|
|
5478
|
+
--pf-c-date-picker--m-top__calendar--Top: 0;
|
|
5479
|
+
--pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
|
|
5480
|
+
--pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
|
|
5481
|
+
--pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
|
|
5482
|
+
--pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
|
|
5483
|
+
--pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
|
|
5484
|
+
--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));
|
|
5485
|
+
--pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
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;
|
|
5510
5497
|
}
|
|
5511
5498
|
|
|
5512
|
-
.pf-c-
|
|
5513
|
-
|
|
5514
|
-
|
|
5499
|
+
.pf-c-date-picker__helper-text {
|
|
5500
|
+
margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
|
|
5501
|
+
font-size: var(--pf-c-date-picker__helper-text--FontSize);
|
|
5502
|
+
color: var(--pf-c-date-picker__helper-text--Color);
|
|
5515
5503
|
}
|
|
5516
5504
|
|
|
5517
|
-
|
|
5518
|
-
--pf-c-
|
|
5519
|
-
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
5505
|
+
.pf-c-date-picker__helper-text.pf-m-error {
|
|
5506
|
+
--pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
|
|
5520
5507
|
}
|
|
5521
5508
|
|
|
5522
|
-
|
|
5523
|
-
|
|
5509
|
+
.pf-c-date-picker__input .pf-c-form-control {
|
|
5510
|
+
width: var(--pf-c-date-picker__input--c-form-control--Width);
|
|
5524
5511
|
}
|
|
5525
5512
|
|
|
5526
|
-
|
|
5527
|
-
|
|
5513
|
+
.pf-c-date-picker__calendar {
|
|
5514
|
+
position: absolute;
|
|
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);
|
|
5528
5521
|
}
|
|
5529
5522
|
|
|
5530
|
-
|
|
5531
|
-
|
|
5523
|
+
.pf-c-date-picker__calendar.pf-m-align-right {
|
|
5524
|
+
--pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
|
|
5525
|
+
--pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
|
|
5532
5526
|
}
|
|
5533
5527
|
|
|
5534
|
-
|
|
5535
|
-
|
|
5528
|
+
.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
|
|
5529
|
+
--pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
|
|
5530
|
+
transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
|
|
5531
|
+
}
|
|
5532
|
+
|
|
5533
|
+
:where(.pf-theme-dark) .pf-c-date-picker {
|
|
5534
|
+
--pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
5535
|
+
--pf-c-date-picker__calendar--Top: 100%;
|
|
5536
5536
|
}
|
|
5537
5537
|
|
|
5538
5538
|
.pf-c-description-list {
|
|
@@ -9495,177 +9495,498 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9495
9495
|
--pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
|
|
9496
9496
|
}
|
|
9497
9497
|
|
|
9498
|
-
.pf-c-icon.pf-m-in-progress {
|
|
9499
|
-
--pf-c-icon__content--Opacity: 0;
|
|
9500
|
-
--pf-c-icon__progress--Opacity: 1;
|
|
9498
|
+
.pf-c-icon.pf-m-in-progress {
|
|
9499
|
+
--pf-c-icon__content--Opacity: 0;
|
|
9500
|
+
--pf-c-icon__progress--Opacity: 1;
|
|
9501
|
+
}
|
|
9502
|
+
|
|
9503
|
+
.pf-c-icon__content,
|
|
9504
|
+
.pf-c-icon__progress {
|
|
9505
|
+
font-size: var(--pf-c-icon__content--FontSize);
|
|
9506
|
+
}
|
|
9507
|
+
|
|
9508
|
+
.pf-c-icon__content svg,
|
|
9509
|
+
.pf-c-icon__progress svg {
|
|
9510
|
+
vertical-align: var(--pf-c-icon__content--svg--VerticalAlign);
|
|
9511
|
+
}
|
|
9512
|
+
|
|
9513
|
+
.pf-c-icon__content.pf-m-sm,
|
|
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;
|
|
9501
9736
|
}
|
|
9502
9737
|
|
|
9503
|
-
.pf-c-
|
|
9504
|
-
|
|
9505
|
-
font-size: var(--pf-c-icon__content--FontSize);
|
|
9738
|
+
.pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
|
|
9739
|
+
align-items: center;
|
|
9506
9740
|
}
|
|
9507
9741
|
|
|
9508
|
-
.pf-c-
|
|
9509
|
-
|
|
9510
|
-
|
|
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;
|
|
9511
9753
|
}
|
|
9512
9754
|
|
|
9513
|
-
.pf-c-
|
|
9514
|
-
|
|
9515
|
-
--pf-c-
|
|
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;
|
|
9516
9762
|
}
|
|
9517
9763
|
|
|
9518
|
-
.pf-c-
|
|
9519
|
-
|
|
9520
|
-
--pf-c-
|
|
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;
|
|
9521
9771
|
}
|
|
9522
9772
|
|
|
9523
|
-
|
|
9524
|
-
.pf-c-
|
|
9525
|
-
|
|
9526
|
-
|
|
9773
|
+
@media (min-width: 576px) {
|
|
9774
|
+
.pf-c-jump-links.pf-m-expandable-on-sm {
|
|
9775
|
+
--pf-c-jump-links__list--Display: none;
|
|
9776
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
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
|
+
}
|
|
9527
9782
|
|
|
9528
|
-
.pf-c-
|
|
9529
|
-
|
|
9530
|
-
|
|
9783
|
+
.pf-c-jump-links.pf-m-non-expandable-on-sm {
|
|
9784
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9785
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
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
|
+
}
|
|
9531
9791
|
}
|
|
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
|
+
}
|
|
9532
9801
|
|
|
9533
|
-
.pf-c-
|
|
9534
|
-
|
|
9535
|
-
|
|
9802
|
+
.pf-c-jump-links.pf-m-non-expandable-on-md {
|
|
9803
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9804
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
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
|
+
}
|
|
9536
9810
|
}
|
|
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
|
+
}
|
|
9537
9820
|
|
|
9538
|
-
.pf-c-
|
|
9539
|
-
|
|
9821
|
+
.pf-c-jump-links.pf-m-non-expandable-on-lg {
|
|
9822
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9823
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
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
|
+
}
|
|
9540
9829
|
}
|
|
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
|
+
}
|
|
9541
9839
|
|
|
9542
|
-
.pf-c-
|
|
9543
|
-
|
|
9840
|
+
.pf-c-jump-links.pf-m-non-expandable-on-xl {
|
|
9841
|
+
--pf-c-jump-links__list--Display: flex;
|
|
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
|
+
}
|
|
9544
9848
|
}
|
|
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
|
+
}
|
|
9545
9858
|
|
|
9546
|
-
.pf-c-
|
|
9547
|
-
|
|
9859
|
+
.pf-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
9860
|
+
--pf-c-jump-links__list--Display: flex;
|
|
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
|
+
}
|
|
9548
9867
|
}
|
|
9549
|
-
|
|
9550
|
-
|
|
9551
|
-
--pf-c-
|
|
9868
|
+
.pf-c-jump-links.pf-m-expanded {
|
|
9869
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9870
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
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);
|
|
9552
9874
|
}
|
|
9553
9875
|
|
|
9554
|
-
.pf-c-
|
|
9555
|
-
|
|
9876
|
+
.pf-c-jump-links__list {
|
|
9877
|
+
position: relative;
|
|
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);
|
|
9556
9885
|
}
|
|
9557
9886
|
|
|
9558
|
-
.pf-c-
|
|
9887
|
+
.pf-c-jump-links__list::before {
|
|
9559
9888
|
position: absolute;
|
|
9560
|
-
top:
|
|
9561
|
-
|
|
9562
|
-
|
|
9889
|
+
top: 0;
|
|
9890
|
+
right: 0;
|
|
9891
|
+
bottom: 0;
|
|
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);
|
|
9563
9897
|
}
|
|
9564
9898
|
|
|
9565
|
-
.pf-c-
|
|
9566
|
-
--pf-
|
|
9567
|
-
--pf-
|
|
9568
|
-
--pf-
|
|
9569
|
-
--pf-
|
|
9570
|
-
--pf-
|
|
9571
|
-
|
|
9572
|
-
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
9899
|
+
.pf-c-jump-links__list .pf-c-jump-links__list {
|
|
9900
|
+
--pf-c-jump-links__list--PaddingTop: 0;
|
|
9901
|
+
--pf-c-jump-links__list--PaddingBottom: 0;
|
|
9902
|
+
--pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
|
|
9903
|
+
--pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
|
|
9904
|
+
--pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
|
|
9905
|
+
margin-top: var(--pf-c-jump-links__list__list--MarginTop);
|
|
9573
9906
|
}
|
|
9574
9907
|
|
|
9575
|
-
.pf-c-
|
|
9576
|
-
|
|
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);
|
|
9908
|
+
.pf-c-jump-links__link {
|
|
9909
|
+
position: relative;
|
|
9592
9910
|
display: flex;
|
|
9593
|
-
|
|
9594
|
-
|
|
9911
|
+
flex: 1;
|
|
9912
|
+
padding-top: var(--pf-c-jump-links__link--PaddingTop);
|
|
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);
|
|
9595
9918
|
}
|
|
9596
9919
|
|
|
9597
|
-
.pf-c-
|
|
9598
|
-
--pf-c-
|
|
9920
|
+
.pf-c-jump-links__link:hover {
|
|
9921
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
|
|
9599
9922
|
}
|
|
9600
9923
|
|
|
9601
|
-
.pf-c-
|
|
9602
|
-
|
|
9924
|
+
.pf-c-jump-links__link:focus {
|
|
9925
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
|
|
9926
|
+
}
|
|
9927
|
+
|
|
9928
|
+
.pf-c-jump-links__link::before {
|
|
9929
|
+
position: absolute;
|
|
9930
|
+
top: 0;
|
|
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);
|
|
9603
9939
|
}
|
|
9604
9940
|
|
|
9605
|
-
.pf-c-
|
|
9606
|
-
|
|
9607
|
-
z-index: var(--pf-c-input-group--child--ZIndex);
|
|
9941
|
+
.pf-c-jump-links__item {
|
|
9942
|
+
--pf-c-jump-links__list--before--BorderColor: transparent;
|
|
9608
9943
|
}
|
|
9609
9944
|
|
|
9610
|
-
.pf-c-
|
|
9611
|
-
|
|
9945
|
+
.pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
|
|
9946
|
+
--pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
|
|
9947
|
+
--pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
|
|
9948
|
+
--pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
|
|
9949
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
|
|
9612
9950
|
}
|
|
9613
9951
|
|
|
9614
|
-
.pf-c-
|
|
9615
|
-
|
|
9616
|
-
flex: 2;
|
|
9617
|
-
min-width: 0;
|
|
9952
|
+
.pf-c-jump-links__link-text {
|
|
9953
|
+
color: var(--pf-c-jump-links__link-text--Color);
|
|
9618
9954
|
}
|
|
9619
9955
|
|
|
9620
|
-
.pf-c-
|
|
9621
|
-
|
|
9956
|
+
.pf-c-jump-links__label {
|
|
9957
|
+
display: var(--pf-c-jump-links__label--Display);
|
|
9958
|
+
margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
|
|
9959
|
+
visibility: var(--pf-c-jump-links__label--Visibility);
|
|
9622
9960
|
}
|
|
9623
9961
|
|
|
9624
|
-
.pf-c-
|
|
9962
|
+
.pf-c-jump-links__main {
|
|
9625
9963
|
display: flex;
|
|
9626
|
-
|
|
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;
|
|
9964
|
+
flex-direction: column;
|
|
9644
9965
|
}
|
|
9645
9966
|
|
|
9646
|
-
|
|
9647
|
-
--pf-c-
|
|
9648
|
-
--pf-c-
|
|
9649
|
-
--pf-c-
|
|
9650
|
-
|
|
9651
|
-
--pf-c-
|
|
9652
|
-
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
9967
|
+
.pf-c-jump-links__toggle {
|
|
9968
|
+
display: var(--pf-c-jump-links__toggle--Display);
|
|
9969
|
+
margin-top: var(--pf-c-jump-links__toggle--MarginTop);
|
|
9970
|
+
margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
|
|
9971
|
+
margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
|
|
9972
|
+
visibility: var(--pf-c-jump-links__toggle--Visibility);
|
|
9653
9973
|
}
|
|
9654
9974
|
|
|
9655
|
-
|
|
9656
|
-
|
|
9657
|
-
|
|
9975
|
+
.pf-c-jump-links__toggle .pf-c-button {
|
|
9976
|
+
display: flex;
|
|
9977
|
+
align-items: center;
|
|
9658
9978
|
}
|
|
9659
9979
|
|
|
9660
|
-
|
|
9661
|
-
|
|
9662
|
-
--pf-c-
|
|
9663
|
-
|
|
9664
|
-
--pf-c-
|
|
9980
|
+
.pf-c-jump-links__toggle-icon {
|
|
9981
|
+
display: inline-block;
|
|
9982
|
+
color: var(--pf-c-jump-links__toggle-icon--Color);
|
|
9983
|
+
transition: var(--pf-c-jump-links__toggle-icon--Transition);
|
|
9984
|
+
transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
|
|
9665
9985
|
}
|
|
9666
9986
|
|
|
9667
|
-
|
|
9668
|
-
--pf-c-
|
|
9987
|
+
.pf-c-jump-links__toggle-text {
|
|
9988
|
+
margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
|
|
9989
|
+
color: var(--pf-c-jump-links__toggle-text--Color);
|
|
9669
9990
|
}
|
|
9670
9991
|
|
|
9671
9992
|
.pf-c-sidebar {
|
|
@@ -9924,392 +10245,215 @@ label.pf-c-input-group__text {
|
|
|
9924
10245
|
.pf-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
9925
10246
|
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9926
10247
|
}
|
|
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;
|
|
10248
|
+
|
|
10249
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
10250
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
10104
10251
|
}
|
|
10105
10252
|
|
|
10106
|
-
.pf-c-
|
|
10107
|
-
--pf-c-
|
|
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;
|
|
10253
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
10254
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
10113
10255
|
}
|
|
10114
10256
|
}
|
|
10115
|
-
@media (min-width:
|
|
10116
|
-
.pf-c-
|
|
10117
|
-
--pf-c-
|
|
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;
|
|
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);
|
|
10123
10260
|
}
|
|
10124
10261
|
|
|
10125
|
-
.pf-c-
|
|
10126
|
-
--pf-c-
|
|
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;
|
|
10262
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
10263
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
10132
10264
|
}
|
|
10133
|
-
|
|
10134
|
-
|
|
10135
|
-
|
|
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;
|
|
10265
|
+
|
|
10266
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
10267
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
10142
10268
|
}
|
|
10143
10269
|
|
|
10144
|
-
.pf-c-
|
|
10145
|
-
--pf-c-
|
|
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;
|
|
10270
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
10271
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
10151
10272
|
}
|
|
10152
|
-
|
|
10153
|
-
|
|
10154
|
-
|
|
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;
|
|
10273
|
+
|
|
10274
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
10275
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
10161
10276
|
}
|
|
10162
10277
|
|
|
10163
|
-
.pf-c-
|
|
10164
|
-
--pf-c-
|
|
10165
|
-
|
|
10166
|
-
|
|
10167
|
-
|
|
10168
|
-
--pf-c-
|
|
10169
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
10278
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
10279
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
10280
|
+
}
|
|
10281
|
+
|
|
10282
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
10283
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
10170
10284
|
}
|
|
10171
10285
|
}
|
|
10172
10286
|
@media (min-width: 1450px) {
|
|
10173
|
-
.pf-c-
|
|
10174
|
-
--pf-c-
|
|
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;
|
|
10287
|
+
.pf-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
10288
|
+
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
10180
10289
|
}
|
|
10181
10290
|
|
|
10182
|
-
.pf-c-
|
|
10183
|
-
--pf-c-
|
|
10184
|
-
|
|
10185
|
-
|
|
10186
|
-
|
|
10187
|
-
--pf-c-
|
|
10188
|
-
|
|
10291
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
10292
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
10293
|
+
}
|
|
10294
|
+
|
|
10295
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
10296
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
10297
|
+
}
|
|
10298
|
+
|
|
10299
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
10300
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
10301
|
+
}
|
|
10302
|
+
|
|
10303
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
10304
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
10305
|
+
}
|
|
10306
|
+
|
|
10307
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
10308
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
10309
|
+
}
|
|
10310
|
+
|
|
10311
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
10312
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
10189
10313
|
}
|
|
10190
10314
|
}
|
|
10191
|
-
.pf-c-
|
|
10192
|
-
--pf-c-
|
|
10193
|
-
--pf-c-
|
|
10194
|
-
--pf-c-
|
|
10195
|
-
--pf-c-
|
|
10196
|
-
--pf-c-
|
|
10315
|
+
.pf-c-label-group {
|
|
10316
|
+
--pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10317
|
+
--pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
|
|
10318
|
+
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
10319
|
+
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
10320
|
+
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
10321
|
+
--pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10322
|
+
--pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
|
|
10323
|
+
--pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
10324
|
+
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10325
|
+
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
10326
|
+
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
10327
|
+
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
10328
|
+
--pf-c-label-group__label--MarginBottom: 0;
|
|
10329
|
+
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
10330
|
+
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
10331
|
+
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
10332
|
+
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
10333
|
+
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10334
|
+
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10335
|
+
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10336
|
+
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
10337
|
+
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
10338
|
+
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10339
|
+
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
10340
|
+
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
10341
|
+
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
10342
|
+
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
10343
|
+
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
10344
|
+
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
10345
|
+
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
10346
|
+
display: inline-flex;
|
|
10347
|
+
align-items: center;
|
|
10197
10348
|
}
|
|
10198
10349
|
|
|
10199
|
-
.pf-c-
|
|
10200
|
-
|
|
10201
|
-
|
|
10202
|
-
|
|
10203
|
-
padding-
|
|
10204
|
-
|
|
10205
|
-
|
|
10206
|
-
|
|
10207
|
-
visibility: var(--pf-c-jump-links__list--Visibility);
|
|
10350
|
+
.pf-c-label-group.pf-m-category {
|
|
10351
|
+
padding-top: var(--pf-c-label-group--m-category--PaddingTop);
|
|
10352
|
+
padding-right: var(--pf-c-label-group--m-category--PaddingRight);
|
|
10353
|
+
padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
|
|
10354
|
+
padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
|
|
10355
|
+
background-color: var(--pf-c-label-group--m-category--BackgroundColor);
|
|
10356
|
+
border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
|
|
10357
|
+
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
10208
10358
|
}
|
|
10209
10359
|
|
|
10210
|
-
.pf-c-
|
|
10211
|
-
|
|
10212
|
-
|
|
10213
|
-
|
|
10214
|
-
|
|
10215
|
-
|
|
10216
|
-
|
|
10217
|
-
|
|
10218
|
-
|
|
10219
|
-
|
|
10360
|
+
.pf-c-label-group.pf-m-vertical {
|
|
10361
|
+
--pf-c-label-group__list--MarginRight: 0;
|
|
10362
|
+
--pf-c-label-group__list--MarginBottom: 0;
|
|
10363
|
+
--pf-c-label-group__list-item--MarginRight: 0;
|
|
10364
|
+
--pf-c-label-group__label--MarginRight: 0;
|
|
10365
|
+
--pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
|
|
10366
|
+
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
10367
|
+
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
10368
|
+
--pf-c-label-group__close--MarginBottom: 0;
|
|
10369
|
+
--pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
|
|
10370
|
+
--pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
|
|
10220
10371
|
}
|
|
10221
10372
|
|
|
10222
|
-
.pf-c-
|
|
10223
|
-
|
|
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);
|
|
10373
|
+
.pf-c-label-group.pf-m-vertical.pf-c-label-group {
|
|
10374
|
+
align-items: flex-start;
|
|
10229
10375
|
}
|
|
10230
10376
|
|
|
10231
|
-
.pf-c-
|
|
10232
|
-
|
|
10233
|
-
|
|
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);
|
|
10377
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
|
|
10378
|
+
flex-direction: column;
|
|
10379
|
+
align-items: flex-start;
|
|
10241
10380
|
}
|
|
10242
10381
|
|
|
10243
|
-
.pf-c-
|
|
10244
|
-
|
|
10382
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
10383
|
+
flex-direction: column;
|
|
10245
10384
|
}
|
|
10246
10385
|
|
|
10247
|
-
.pf-c-
|
|
10248
|
-
--pf-c-
|
|
10386
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
10387
|
+
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
10249
10388
|
}
|
|
10250
10389
|
|
|
10251
|
-
.pf-c-
|
|
10252
|
-
|
|
10253
|
-
|
|
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);
|
|
10390
|
+
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
10391
|
+
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
10392
|
+
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
10262
10393
|
}
|
|
10263
10394
|
|
|
10264
|
-
.pf-c-
|
|
10265
|
-
|
|
10395
|
+
.pf-c-label-group.pf-m-editable,
|
|
10396
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10397
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
|
|
10398
|
+
display: flex;
|
|
10266
10399
|
}
|
|
10267
10400
|
|
|
10268
|
-
.pf-c-
|
|
10269
|
-
|
|
10270
|
-
|
|
10271
|
-
|
|
10272
|
-
|
|
10401
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10402
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
|
|
10403
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
|
|
10404
|
+
.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
|
|
10405
|
+
flex: 1;
|
|
10273
10406
|
}
|
|
10274
|
-
|
|
10275
|
-
.pf-c-
|
|
10276
|
-
|
|
10407
|
+
|
|
10408
|
+
.pf-c-label-group__main {
|
|
10409
|
+
display: flex;
|
|
10410
|
+
flex: 1;
|
|
10411
|
+
flex-wrap: wrap;
|
|
10412
|
+
align-items: baseline;
|
|
10277
10413
|
}
|
|
10278
10414
|
|
|
10279
|
-
.pf-c-
|
|
10280
|
-
display:
|
|
10281
|
-
|
|
10282
|
-
|
|
10415
|
+
.pf-c-label-group__list {
|
|
10416
|
+
display: inline-flex;
|
|
10417
|
+
flex-wrap: wrap;
|
|
10418
|
+
margin-right: var(--pf-c-label-group__list--MarginRight);
|
|
10419
|
+
margin-bottom: var(--pf-c-label-group__list--MarginBottom);
|
|
10283
10420
|
}
|
|
10284
10421
|
|
|
10285
|
-
.pf-c-
|
|
10286
|
-
display: flex;
|
|
10287
|
-
|
|
10422
|
+
.pf-c-label-group__list-item {
|
|
10423
|
+
display: inline-flex;
|
|
10424
|
+
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
10425
|
+
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
10288
10426
|
}
|
|
10289
10427
|
|
|
10290
|
-
.pf-c-
|
|
10291
|
-
|
|
10292
|
-
|
|
10293
|
-
|
|
10294
|
-
|
|
10295
|
-
|
|
10428
|
+
.pf-c-label-group__label {
|
|
10429
|
+
overflow: hidden;
|
|
10430
|
+
text-overflow: ellipsis;
|
|
10431
|
+
white-space: nowrap;
|
|
10432
|
+
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
10433
|
+
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
10434
|
+
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
10435
|
+
font-size: var(--pf-c-label-group__label--FontSize);
|
|
10296
10436
|
}
|
|
10297
10437
|
|
|
10298
|
-
.pf-c-
|
|
10299
|
-
|
|
10300
|
-
|
|
10438
|
+
.pf-c-label-group__close {
|
|
10439
|
+
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
10440
|
+
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
10441
|
+
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
10442
|
+
margin-left: var(--pf-c-label-group__close--MarginLeft);
|
|
10301
10443
|
}
|
|
10302
10444
|
|
|
10303
|
-
.pf-c-
|
|
10304
|
-
|
|
10305
|
-
|
|
10306
|
-
|
|
10307
|
-
|
|
10445
|
+
.pf-c-label-group__textarea {
|
|
10446
|
+
min-width: var(--pf-c-label-group__textarea--MinWidth);
|
|
10447
|
+
padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
|
|
10448
|
+
white-space: nowrap;
|
|
10449
|
+
resize: none;
|
|
10450
|
+
border: 0;
|
|
10451
|
+
-ms-overflow-style: none;
|
|
10452
|
+
scrollbar-width: none;
|
|
10308
10453
|
}
|
|
10309
10454
|
|
|
10310
|
-
.pf-c-
|
|
10311
|
-
|
|
10312
|
-
color: var(--pf-c-jump-links__toggle-text--Color);
|
|
10455
|
+
.pf-c-label-group__textarea::-webkit-scrollbar {
|
|
10456
|
+
display: none;
|
|
10313
10457
|
}
|
|
10314
10458
|
|
|
10315
10459
|
.pf-c-label {
|
|
@@ -10719,204 +10863,60 @@ button.pf-c-label__content:hover {
|
|
|
10719
10863
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
|
|
10720
10864
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
|
|
10721
10865
|
}
|
|
10722
|
-
|
|
10723
|
-
a.pf-c-label__content:focus,
|
|
10724
|
-
button.pf-c-label__content:focus {
|
|
10725
|
-
--pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
|
|
10726
|
-
--pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
|
|
10727
|
-
}
|
|
10728
|
-
|
|
10729
|
-
.pf-c-label__icon {
|
|
10730
|
-
margin-right: var(--pf-c-label__icon--MarginRight);
|
|
10731
|
-
color: var(--pf-c-label__icon--Color);
|
|
10732
|
-
}
|
|
10733
|
-
|
|
10734
|
-
:where(.pf-theme-dark) .pf-c-label {
|
|
10735
|
-
--pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10736
|
-
--pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10737
|
-
--pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10738
|
-
--pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10739
|
-
--pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10740
|
-
--pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10741
|
-
--pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10742
|
-
--pf-c-label__content--before--BorderWidth: 0;
|
|
10743
|
-
--pf-c-label__content--before--BorderColor: transparent;
|
|
10744
|
-
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10745
|
-
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10746
|
-
--pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
|
|
10747
|
-
--pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
|
|
10748
|
-
--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
|
|
10749
|
-
--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
|
|
10750
|
-
--pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
|
|
10751
|
-
--pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10752
|
-
--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10753
|
-
--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10754
|
-
--pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
10755
|
-
--pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
10756
|
-
--pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10757
|
-
--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10758
|
-
--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10759
|
-
--pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
|
|
10760
|
-
--pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10761
|
-
--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10762
|
-
--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10763
|
-
--pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
10764
|
-
--pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
|
|
10765
|
-
--pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
10766
|
-
--pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
10767
|
-
--pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10768
|
-
--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10769
|
-
--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10770
|
-
--pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
10771
|
-
--pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
10772
|
-
--pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
10773
|
-
--pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10774
|
-
--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10775
|
-
--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10776
|
-
}
|
|
10777
|
-
|
|
10778
|
-
.pf-c-label-group {
|
|
10779
|
-
--pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10780
|
-
--pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
|
|
10781
|
-
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
10782
|
-
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
10783
|
-
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
10784
|
-
--pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10785
|
-
--pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
|
|
10786
|
-
--pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
10787
|
-
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10788
|
-
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
10789
|
-
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
10790
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
10791
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
10792
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
10793
|
-
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
10794
|
-
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
10795
|
-
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
10796
|
-
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10797
|
-
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10798
|
-
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
10799
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
10800
|
-
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
10801
|
-
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
10802
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
10803
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
10804
|
-
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
10805
|
-
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
10806
|
-
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
10807
|
-
--pf-c-label-group__textarea--PaddingBottom: 0;
|
|
10808
|
-
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
10809
|
-
display: inline-flex;
|
|
10810
|
-
align-items: center;
|
|
10811
|
-
}
|
|
10812
|
-
|
|
10813
|
-
.pf-c-label-group.pf-m-category {
|
|
10814
|
-
padding-top: var(--pf-c-label-group--m-category--PaddingTop);
|
|
10815
|
-
padding-right: var(--pf-c-label-group--m-category--PaddingRight);
|
|
10816
|
-
padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
|
|
10817
|
-
padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
|
|
10818
|
-
background-color: var(--pf-c-label-group--m-category--BackgroundColor);
|
|
10819
|
-
border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
|
|
10820
|
-
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
10821
|
-
}
|
|
10822
|
-
|
|
10823
|
-
.pf-c-label-group.pf-m-vertical {
|
|
10824
|
-
--pf-c-label-group__list--MarginRight: 0;
|
|
10825
|
-
--pf-c-label-group__list--MarginBottom: 0;
|
|
10826
|
-
--pf-c-label-group__list-item--MarginRight: 0;
|
|
10827
|
-
--pf-c-label-group__label--MarginRight: 0;
|
|
10828
|
-
--pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
|
|
10829
|
-
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
10830
|
-
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
10831
|
-
--pf-c-label-group__close--MarginBottom: 0;
|
|
10832
|
-
--pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
|
|
10833
|
-
--pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
|
|
10834
|
-
}
|
|
10835
|
-
|
|
10836
|
-
.pf-c-label-group.pf-m-vertical.pf-c-label-group {
|
|
10837
|
-
align-items: flex-start;
|
|
10838
|
-
}
|
|
10839
|
-
|
|
10840
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
|
|
10841
|
-
flex-direction: column;
|
|
10842
|
-
align-items: flex-start;
|
|
10843
|
-
}
|
|
10844
|
-
|
|
10845
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
10846
|
-
flex-direction: column;
|
|
10847
|
-
}
|
|
10848
|
-
|
|
10849
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
10850
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
10851
|
-
}
|
|
10852
|
-
|
|
10853
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
10854
|
-
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
10855
|
-
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
10856
|
-
}
|
|
10857
|
-
|
|
10858
|
-
.pf-c-label-group.pf-m-editable,
|
|
10859
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10860
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
|
|
10861
|
-
display: flex;
|
|
10862
|
-
}
|
|
10863
|
-
|
|
10864
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
|
|
10865
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
|
|
10866
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
|
|
10867
|
-
.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
|
|
10868
|
-
flex: 1;
|
|
10869
|
-
}
|
|
10870
|
-
|
|
10871
|
-
.pf-c-label-group__main {
|
|
10872
|
-
display: flex;
|
|
10873
|
-
flex: 1;
|
|
10874
|
-
flex-wrap: wrap;
|
|
10875
|
-
align-items: baseline;
|
|
10876
|
-
}
|
|
10877
|
-
|
|
10878
|
-
.pf-c-label-group__list {
|
|
10879
|
-
display: inline-flex;
|
|
10880
|
-
flex-wrap: wrap;
|
|
10881
|
-
margin-right: var(--pf-c-label-group__list--MarginRight);
|
|
10882
|
-
margin-bottom: var(--pf-c-label-group__list--MarginBottom);
|
|
10883
|
-
}
|
|
10884
|
-
|
|
10885
|
-
.pf-c-label-group__list-item {
|
|
10886
|
-
display: inline-flex;
|
|
10887
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
10888
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
10889
|
-
}
|
|
10890
|
-
|
|
10891
|
-
.pf-c-label-group__label {
|
|
10892
|
-
overflow: hidden;
|
|
10893
|
-
text-overflow: ellipsis;
|
|
10894
|
-
white-space: nowrap;
|
|
10895
|
-
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
10896
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
10897
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
10898
|
-
font-size: var(--pf-c-label-group__label--FontSize);
|
|
10899
|
-
}
|
|
10900
|
-
|
|
10901
|
-
.pf-c-label-group__close {
|
|
10902
|
-
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
10903
|
-
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
10904
|
-
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
10905
|
-
margin-left: var(--pf-c-label-group__close--MarginLeft);
|
|
10906
|
-
}
|
|
10907
|
-
|
|
10908
|
-
.pf-c-label-group__textarea {
|
|
10909
|
-
min-width: var(--pf-c-label-group__textarea--MinWidth);
|
|
10910
|
-
padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
|
|
10911
|
-
white-space: nowrap;
|
|
10912
|
-
resize: none;
|
|
10913
|
-
border: 0;
|
|
10914
|
-
-ms-overflow-style: none;
|
|
10915
|
-
scrollbar-width: none;
|
|
10866
|
+
|
|
10867
|
+
a.pf-c-label__content:focus,
|
|
10868
|
+
button.pf-c-label__content:focus {
|
|
10869
|
+
--pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
|
|
10870
|
+
--pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
|
|
10916
10871
|
}
|
|
10917
10872
|
|
|
10918
|
-
.pf-c-
|
|
10919
|
-
|
|
10873
|
+
.pf-c-label__icon {
|
|
10874
|
+
margin-right: var(--pf-c-label__icon--MarginRight);
|
|
10875
|
+
color: var(--pf-c-label__icon--Color);
|
|
10876
|
+
}
|
|
10877
|
+
|
|
10878
|
+
:where(.pf-theme-dark) .pf-c-label {
|
|
10879
|
+
--pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10880
|
+
--pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10881
|
+
--pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10882
|
+
--pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10883
|
+
--pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10884
|
+
--pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10885
|
+
--pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
10886
|
+
--pf-c-label__content--before--BorderWidth: 0;
|
|
10887
|
+
--pf-c-label__content--before--BorderColor: transparent;
|
|
10888
|
+
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10889
|
+
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
10890
|
+
--pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
|
|
10891
|
+
--pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
|
|
10892
|
+
--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
|
|
10893
|
+
--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
|
|
10894
|
+
--pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
|
|
10895
|
+
--pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10896
|
+
--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10897
|
+
--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
|
|
10898
|
+
--pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
10899
|
+
--pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
10900
|
+
--pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10901
|
+
--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10902
|
+
--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
10903
|
+
--pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
|
|
10904
|
+
--pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10905
|
+
--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10906
|
+
--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
|
|
10907
|
+
--pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
10908
|
+
--pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
|
|
10909
|
+
--pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
10910
|
+
--pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
10911
|
+
--pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10912
|
+
--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10913
|
+
--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
10914
|
+
--pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
10915
|
+
--pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
10916
|
+
--pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
10917
|
+
--pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10918
|
+
--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10919
|
+
--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10920
10920
|
}
|
|
10921
10921
|
|
|
10922
10922
|
.pf-c-list {
|
|
@@ -12772,42 +12772,246 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
12772
12772
|
--pf-c-menu__item-action--hover--Color: var(--pf-c-menu__item-action--m-favorited--hover--Color);
|
|
12773
12773
|
}
|
|
12774
12774
|
|
|
12775
|
-
.pf-c-menu__item-action:hover, .pf-c-menu__item-action:focus {
|
|
12776
|
-
--pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--hover--Color);
|
|
12775
|
+
.pf-c-menu__item-action:hover, .pf-c-menu__item-action:focus {
|
|
12776
|
+
--pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--hover--Color);
|
|
12777
|
+
}
|
|
12778
|
+
|
|
12779
|
+
.pf-c-menu__item-action:disabled {
|
|
12780
|
+
--pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--disabled--Color);
|
|
12781
|
+
}
|
|
12782
|
+
|
|
12783
|
+
.pf-c-menu__item-action-icon {
|
|
12784
|
+
display: flex;
|
|
12785
|
+
align-items: center;
|
|
12786
|
+
height: var(--pf-c-menu__item-action-icon--Height);
|
|
12787
|
+
}
|
|
12788
|
+
|
|
12789
|
+
.pf-c-menu__footer {
|
|
12790
|
+
position: relative;
|
|
12791
|
+
padding: var(--pf-c-menu__footer--PaddingTop) var(--pf-c-menu__footer--PaddingRight) var(--pf-c-menu__footer--PaddingBottom) var(--pf-c-menu__footer--PaddingLeft);
|
|
12792
|
+
box-shadow: var(--pf-c-menu__footer--BoxShadow);
|
|
12793
|
+
}
|
|
12794
|
+
|
|
12795
|
+
.pf-c-menu__footer::after {
|
|
12796
|
+
position: absolute;
|
|
12797
|
+
top: 0;
|
|
12798
|
+
right: 0;
|
|
12799
|
+
bottom: 0;
|
|
12800
|
+
left: 0;
|
|
12801
|
+
pointer-events: none;
|
|
12802
|
+
content: "";
|
|
12803
|
+
border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor);
|
|
12804
|
+
}
|
|
12805
|
+
|
|
12806
|
+
:where(.pf-theme-dark) .pf-c-menu {
|
|
12807
|
+
--pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
12808
|
+
--pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
12809
|
+
--pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
12810
|
+
--pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
|
|
12811
|
+
}
|
|
12812
|
+
|
|
12813
|
+
.pf-c-modal-box {
|
|
12814
|
+
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
12815
|
+
--pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
|
|
12816
|
+
--pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
|
|
12817
|
+
--pf-c-modal-box--Width: 100%;
|
|
12818
|
+
--pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
|
|
12819
|
+
--pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
12820
|
+
--pf-c-modal-box--m-md--Width: 52.5rem;
|
|
12821
|
+
--pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
12822
|
+
--pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
|
|
12823
|
+
--pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
|
|
12824
|
+
--pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
|
|
12825
|
+
--pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
|
|
12826
|
+
--pf-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer), var(--pf-global--spacer--2xl)) - var(--pf-c-modal-box--m-align-top--spacer));
|
|
12827
|
+
--pf-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer) * 2, var(--pf-global--spacer--xl)));
|
|
12828
|
+
--pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
12829
|
+
--pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
12830
|
+
--pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
12831
|
+
--pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
12832
|
+
--pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
12833
|
+
--pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
|
|
12834
|
+
--pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
|
|
12835
|
+
--pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
|
|
12836
|
+
--pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
12837
|
+
--pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
|
|
12838
|
+
--pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
12839
|
+
--pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
|
|
12840
|
+
--pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
12841
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
|
|
12842
|
+
--pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
|
|
12843
|
+
--pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
|
|
12844
|
+
--pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
|
|
12845
|
+
--pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
|
|
12846
|
+
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
12847
|
+
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
12848
|
+
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
12849
|
+
--pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
|
|
12850
|
+
--pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
|
|
12851
|
+
--pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
12852
|
+
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
12853
|
+
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
12854
|
+
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
12855
|
+
--pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
|
|
12856
|
+
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
|
|
12857
|
+
--pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
|
|
12858
|
+
position: relative;
|
|
12859
|
+
z-index: var(--pf-c-modal-box--ZIndex);
|
|
12860
|
+
display: flex;
|
|
12861
|
+
flex-direction: column;
|
|
12862
|
+
width: var(--pf-c-modal-box--Width);
|
|
12863
|
+
max-width: var(--pf-c-modal-box--MaxWidth);
|
|
12864
|
+
max-height: var(--pf-c-modal-box--MaxHeight);
|
|
12865
|
+
background-color: var(--pf-c-modal-box--BackgroundColor);
|
|
12866
|
+
box-shadow: var(--pf-c-modal-box--BoxShadow);
|
|
12867
|
+
}
|
|
12868
|
+
|
|
12869
|
+
@media (min-width: 1200px) {
|
|
12870
|
+
.pf-c-modal-box {
|
|
12871
|
+
--pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
|
|
12872
|
+
}
|
|
12873
|
+
}
|
|
12874
|
+
.pf-c-modal-box.pf-m-sm {
|
|
12875
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
|
|
12876
|
+
}
|
|
12877
|
+
|
|
12878
|
+
.pf-c-modal-box.pf-m-md {
|
|
12879
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
|
|
12880
|
+
}
|
|
12881
|
+
|
|
12882
|
+
.pf-c-modal-box.pf-m-lg {
|
|
12883
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
|
|
12884
|
+
}
|
|
12885
|
+
|
|
12886
|
+
.pf-c-modal-box.pf-m-align-top {
|
|
12887
|
+
top: var(--pf-c-modal-box--m-align-top--MarginTop);
|
|
12888
|
+
align-self: flex-start;
|
|
12889
|
+
max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
|
|
12890
|
+
max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
|
|
12891
|
+
}
|
|
12892
|
+
|
|
12893
|
+
.pf-c-modal-box.pf-m-danger {
|
|
12894
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
|
|
12895
|
+
}
|
|
12896
|
+
|
|
12897
|
+
.pf-c-modal-box.pf-m-warning {
|
|
12898
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
|
|
12899
|
+
}
|
|
12900
|
+
|
|
12901
|
+
.pf-c-modal-box.pf-m-success {
|
|
12902
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
|
|
12903
|
+
}
|
|
12904
|
+
|
|
12905
|
+
.pf-c-modal-box.pf-m-default {
|
|
12906
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
|
|
12907
|
+
}
|
|
12908
|
+
|
|
12909
|
+
.pf-c-modal-box.pf-m-info {
|
|
12910
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
12911
|
+
}
|
|
12912
|
+
|
|
12913
|
+
.pf-c-modal-box > .pf-c-button {
|
|
12914
|
+
position: absolute;
|
|
12915
|
+
top: var(--pf-c-modal-box--c-button--Top);
|
|
12916
|
+
right: var(--pf-c-modal-box--c-button--Right);
|
|
12917
|
+
}
|
|
12918
|
+
|
|
12919
|
+
.pf-c-modal-box > .pf-c-button + * {
|
|
12920
|
+
margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
|
|
12921
|
+
}
|
|
12922
|
+
|
|
12923
|
+
.pf-c-modal-box__header {
|
|
12924
|
+
display: flex;
|
|
12925
|
+
flex-direction: column;
|
|
12926
|
+
flex-shrink: 0;
|
|
12927
|
+
padding-top: var(--pf-c-modal-box__header--PaddingTop);
|
|
12928
|
+
padding-right: var(--pf-c-modal-box__header--PaddingRight);
|
|
12929
|
+
padding-left: var(--pf-c-modal-box__header--PaddingLeft);
|
|
12930
|
+
}
|
|
12931
|
+
|
|
12932
|
+
.pf-c-modal-box__header.pf-m-help {
|
|
12933
|
+
display: flex;
|
|
12934
|
+
flex-direction: row;
|
|
12935
|
+
}
|
|
12936
|
+
|
|
12937
|
+
.pf-c-modal-box__header:last-child {
|
|
12938
|
+
padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
|
|
12939
|
+
}
|
|
12940
|
+
|
|
12941
|
+
.pf-c-modal-box__header + .pf-c-modal-box__body {
|
|
12942
|
+
--pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
|
|
12943
|
+
}
|
|
12944
|
+
|
|
12945
|
+
.pf-c-modal-box__header-main {
|
|
12946
|
+
flex-grow: 1;
|
|
12947
|
+
min-width: 0;
|
|
12948
|
+
}
|
|
12949
|
+
|
|
12950
|
+
.pf-c-modal-box__title,
|
|
12951
|
+
.pf-c-modal-box__title-text {
|
|
12952
|
+
overflow: hidden;
|
|
12953
|
+
text-overflow: ellipsis;
|
|
12954
|
+
white-space: nowrap;
|
|
12955
|
+
}
|
|
12956
|
+
|
|
12957
|
+
.pf-c-modal-box__title {
|
|
12958
|
+
flex: 0 0 auto;
|
|
12959
|
+
font-family: var(--pf-c-modal-box__title--FontFamily);
|
|
12960
|
+
font-size: var(--pf-c-modal-box__title--FontSize);
|
|
12961
|
+
line-height: var(--pf-c-modal-box__title--LineHeight);
|
|
12962
|
+
}
|
|
12963
|
+
|
|
12964
|
+
.pf-c-modal-box__title.pf-m-icon {
|
|
12965
|
+
display: flex;
|
|
12966
|
+
}
|
|
12967
|
+
|
|
12968
|
+
.pf-c-modal-box__title-icon {
|
|
12969
|
+
margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
|
|
12970
|
+
color: var(--pf-c-modal-box__title-icon--Color);
|
|
12971
|
+
}
|
|
12972
|
+
|
|
12973
|
+
.pf-c-modal-box__description {
|
|
12974
|
+
padding-top: var(--pf-c-modal-box__description--PaddingTop);
|
|
12975
|
+
}
|
|
12976
|
+
|
|
12977
|
+
.pf-c-modal-box__body {
|
|
12978
|
+
flex: 1 1 auto;
|
|
12979
|
+
min-height: var(--pf-c-modal-box__body--MinHeight);
|
|
12980
|
+
padding-top: var(--pf-c-modal-box__body--PaddingTop);
|
|
12981
|
+
padding-right: var(--pf-c-modal-box__body--PaddingRight);
|
|
12982
|
+
padding-left: var(--pf-c-modal-box__body--PaddingLeft);
|
|
12983
|
+
overflow-x: hidden;
|
|
12984
|
+
overflow-y: auto;
|
|
12985
|
+
overscroll-behavior: contain;
|
|
12986
|
+
word-break: break-word;
|
|
12987
|
+
-webkit-overflow-scrolling: touch;
|
|
12777
12988
|
}
|
|
12778
12989
|
|
|
12779
|
-
.pf-c-
|
|
12780
|
-
|
|
12990
|
+
.pf-c-modal-box__body:last-child {
|
|
12991
|
+
padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
|
|
12781
12992
|
}
|
|
12782
12993
|
|
|
12783
|
-
.pf-c-
|
|
12994
|
+
.pf-c-modal-box__footer {
|
|
12784
12995
|
display: flex;
|
|
12996
|
+
flex: 0 0 auto;
|
|
12785
12997
|
align-items: center;
|
|
12786
|
-
|
|
12998
|
+
padding-top: var(--pf-c-modal-box__footer--PaddingTop);
|
|
12999
|
+
padding-right: var(--pf-c-modal-box__footer--PaddingRight);
|
|
13000
|
+
padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
|
|
13001
|
+
padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
|
|
12787
13002
|
}
|
|
12788
13003
|
|
|
12789
|
-
.pf-c-
|
|
12790
|
-
|
|
12791
|
-
padding: var(--pf-c-menu__footer--PaddingTop) var(--pf-c-menu__footer--PaddingRight) var(--pf-c-menu__footer--PaddingBottom) var(--pf-c-menu__footer--PaddingLeft);
|
|
12792
|
-
box-shadow: var(--pf-c-menu__footer--BoxShadow);
|
|
13004
|
+
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
13005
|
+
margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
|
|
12793
13006
|
}
|
|
12794
13007
|
|
|
12795
|
-
|
|
12796
|
-
|
|
12797
|
-
|
|
12798
|
-
|
|
12799
|
-
bottom: 0;
|
|
12800
|
-
left: 0;
|
|
12801
|
-
pointer-events: none;
|
|
12802
|
-
content: "";
|
|
12803
|
-
border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor);
|
|
13008
|
+
@media screen and (min-width: 576px) {
|
|
13009
|
+
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
13010
|
+
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
|
|
13011
|
+
}
|
|
12804
13012
|
}
|
|
12805
|
-
|
|
12806
|
-
|
|
12807
|
-
--pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
12808
|
-
--pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
12809
|
-
--pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
12810
|
-
--pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
|
|
13013
|
+
:where(.pf-theme-dark) .pf-c-modal-box {
|
|
13014
|
+
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
12811
13015
|
}
|
|
12812
13016
|
|
|
12813
13017
|
.pf-c-menu-toggle {
|
|
@@ -13278,210 +13482,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
13278
13482
|
background: transparent;
|
|
13279
13483
|
}
|
|
13280
13484
|
|
|
13281
|
-
.pf-c-modal-box {
|
|
13282
|
-
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
13283
|
-
--pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
|
|
13284
|
-
--pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
|
|
13285
|
-
--pf-c-modal-box--Width: 100%;
|
|
13286
|
-
--pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
|
|
13287
|
-
--pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
13288
|
-
--pf-c-modal-box--m-md--Width: 52.5rem;
|
|
13289
|
-
--pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
13290
|
-
--pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
|
|
13291
|
-
--pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
|
|
13292
|
-
--pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
|
|
13293
|
-
--pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
|
|
13294
|
-
--pf-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer), var(--pf-global--spacer--2xl)) - var(--pf-c-modal-box--m-align-top--spacer));
|
|
13295
|
-
--pf-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer) * 2, var(--pf-global--spacer--xl)));
|
|
13296
|
-
--pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
13297
|
-
--pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
13298
|
-
--pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
13299
|
-
--pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
13300
|
-
--pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
13301
|
-
--pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
|
|
13302
|
-
--pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
|
|
13303
|
-
--pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
|
|
13304
|
-
--pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
13305
|
-
--pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
|
|
13306
|
-
--pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
13307
|
-
--pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
|
|
13308
|
-
--pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
13309
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
|
|
13310
|
-
--pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
|
|
13311
|
-
--pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
|
|
13312
|
-
--pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
|
|
13313
|
-
--pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
|
|
13314
|
-
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
13315
|
-
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
13316
|
-
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
13317
|
-
--pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
|
|
13318
|
-
--pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
|
|
13319
|
-
--pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
13320
|
-
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
13321
|
-
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
13322
|
-
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
13323
|
-
--pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
|
|
13324
|
-
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
|
|
13325
|
-
--pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
|
|
13326
|
-
position: relative;
|
|
13327
|
-
z-index: var(--pf-c-modal-box--ZIndex);
|
|
13328
|
-
display: flex;
|
|
13329
|
-
flex-direction: column;
|
|
13330
|
-
width: var(--pf-c-modal-box--Width);
|
|
13331
|
-
max-width: var(--pf-c-modal-box--MaxWidth);
|
|
13332
|
-
max-height: var(--pf-c-modal-box--MaxHeight);
|
|
13333
|
-
background-color: var(--pf-c-modal-box--BackgroundColor);
|
|
13334
|
-
box-shadow: var(--pf-c-modal-box--BoxShadow);
|
|
13335
|
-
}
|
|
13336
|
-
|
|
13337
|
-
@media (min-width: 1200px) {
|
|
13338
|
-
.pf-c-modal-box {
|
|
13339
|
-
--pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
|
|
13340
|
-
}
|
|
13341
|
-
}
|
|
13342
|
-
.pf-c-modal-box.pf-m-sm {
|
|
13343
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
|
|
13344
|
-
}
|
|
13345
|
-
|
|
13346
|
-
.pf-c-modal-box.pf-m-md {
|
|
13347
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
|
|
13348
|
-
}
|
|
13349
|
-
|
|
13350
|
-
.pf-c-modal-box.pf-m-lg {
|
|
13351
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
|
|
13352
|
-
}
|
|
13353
|
-
|
|
13354
|
-
.pf-c-modal-box.pf-m-align-top {
|
|
13355
|
-
top: var(--pf-c-modal-box--m-align-top--MarginTop);
|
|
13356
|
-
align-self: flex-start;
|
|
13357
|
-
max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
|
|
13358
|
-
max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
|
|
13359
|
-
}
|
|
13360
|
-
|
|
13361
|
-
.pf-c-modal-box.pf-m-danger {
|
|
13362
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
|
|
13363
|
-
}
|
|
13364
|
-
|
|
13365
|
-
.pf-c-modal-box.pf-m-warning {
|
|
13366
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
|
|
13367
|
-
}
|
|
13368
|
-
|
|
13369
|
-
.pf-c-modal-box.pf-m-success {
|
|
13370
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
|
|
13371
|
-
}
|
|
13372
|
-
|
|
13373
|
-
.pf-c-modal-box.pf-m-default {
|
|
13374
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
|
|
13375
|
-
}
|
|
13376
|
-
|
|
13377
|
-
.pf-c-modal-box.pf-m-info {
|
|
13378
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
13379
|
-
}
|
|
13380
|
-
|
|
13381
|
-
.pf-c-modal-box > .pf-c-button {
|
|
13382
|
-
position: absolute;
|
|
13383
|
-
top: var(--pf-c-modal-box--c-button--Top);
|
|
13384
|
-
right: var(--pf-c-modal-box--c-button--Right);
|
|
13385
|
-
}
|
|
13386
|
-
|
|
13387
|
-
.pf-c-modal-box > .pf-c-button + * {
|
|
13388
|
-
margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
|
|
13389
|
-
}
|
|
13390
|
-
|
|
13391
|
-
.pf-c-modal-box__header {
|
|
13392
|
-
display: flex;
|
|
13393
|
-
flex-direction: column;
|
|
13394
|
-
flex-shrink: 0;
|
|
13395
|
-
padding-top: var(--pf-c-modal-box__header--PaddingTop);
|
|
13396
|
-
padding-right: var(--pf-c-modal-box__header--PaddingRight);
|
|
13397
|
-
padding-left: var(--pf-c-modal-box__header--PaddingLeft);
|
|
13398
|
-
}
|
|
13399
|
-
|
|
13400
|
-
.pf-c-modal-box__header.pf-m-help {
|
|
13401
|
-
display: flex;
|
|
13402
|
-
flex-direction: row;
|
|
13403
|
-
}
|
|
13404
|
-
|
|
13405
|
-
.pf-c-modal-box__header:last-child {
|
|
13406
|
-
padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
|
|
13407
|
-
}
|
|
13408
|
-
|
|
13409
|
-
.pf-c-modal-box__header + .pf-c-modal-box__body {
|
|
13410
|
-
--pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
|
|
13411
|
-
}
|
|
13412
|
-
|
|
13413
|
-
.pf-c-modal-box__header-main {
|
|
13414
|
-
flex-grow: 1;
|
|
13415
|
-
min-width: 0;
|
|
13416
|
-
}
|
|
13417
|
-
|
|
13418
|
-
.pf-c-modal-box__title,
|
|
13419
|
-
.pf-c-modal-box__title-text {
|
|
13420
|
-
overflow: hidden;
|
|
13421
|
-
text-overflow: ellipsis;
|
|
13422
|
-
white-space: nowrap;
|
|
13423
|
-
}
|
|
13424
|
-
|
|
13425
|
-
.pf-c-modal-box__title {
|
|
13426
|
-
flex: 0 0 auto;
|
|
13427
|
-
font-family: var(--pf-c-modal-box__title--FontFamily);
|
|
13428
|
-
font-size: var(--pf-c-modal-box__title--FontSize);
|
|
13429
|
-
line-height: var(--pf-c-modal-box__title--LineHeight);
|
|
13430
|
-
}
|
|
13431
|
-
|
|
13432
|
-
.pf-c-modal-box__title.pf-m-icon {
|
|
13433
|
-
display: flex;
|
|
13434
|
-
}
|
|
13435
|
-
|
|
13436
|
-
.pf-c-modal-box__title-icon {
|
|
13437
|
-
margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
|
|
13438
|
-
color: var(--pf-c-modal-box__title-icon--Color);
|
|
13439
|
-
}
|
|
13440
|
-
|
|
13441
|
-
.pf-c-modal-box__description {
|
|
13442
|
-
padding-top: var(--pf-c-modal-box__description--PaddingTop);
|
|
13443
|
-
}
|
|
13444
|
-
|
|
13445
|
-
.pf-c-modal-box__body {
|
|
13446
|
-
flex: 1 1 auto;
|
|
13447
|
-
min-height: var(--pf-c-modal-box__body--MinHeight);
|
|
13448
|
-
padding-top: var(--pf-c-modal-box__body--PaddingTop);
|
|
13449
|
-
padding-right: var(--pf-c-modal-box__body--PaddingRight);
|
|
13450
|
-
padding-left: var(--pf-c-modal-box__body--PaddingLeft);
|
|
13451
|
-
overflow-x: hidden;
|
|
13452
|
-
overflow-y: auto;
|
|
13453
|
-
overscroll-behavior: contain;
|
|
13454
|
-
word-break: break-word;
|
|
13455
|
-
-webkit-overflow-scrolling: touch;
|
|
13456
|
-
}
|
|
13457
|
-
|
|
13458
|
-
.pf-c-modal-box__body:last-child {
|
|
13459
|
-
padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
|
|
13460
|
-
}
|
|
13461
|
-
|
|
13462
|
-
.pf-c-modal-box__footer {
|
|
13463
|
-
display: flex;
|
|
13464
|
-
flex: 0 0 auto;
|
|
13465
|
-
align-items: center;
|
|
13466
|
-
padding-top: var(--pf-c-modal-box__footer--PaddingTop);
|
|
13467
|
-
padding-right: var(--pf-c-modal-box__footer--PaddingRight);
|
|
13468
|
-
padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
|
|
13469
|
-
padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
|
|
13470
|
-
}
|
|
13471
|
-
|
|
13472
|
-
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
13473
|
-
margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
|
|
13474
|
-
}
|
|
13475
|
-
|
|
13476
|
-
@media screen and (min-width: 576px) {
|
|
13477
|
-
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
13478
|
-
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
|
|
13479
|
-
}
|
|
13480
|
-
}
|
|
13481
|
-
:where(.pf-theme-dark) .pf-c-modal-box {
|
|
13482
|
-
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
13483
|
-
}
|
|
13484
|
-
|
|
13485
13485
|
.pf-c-multiple-file-upload {
|
|
13486
13486
|
--pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
13487
13487
|
--pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
|