@patternfly/react-table 4.38.1 → 4.38.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/umd/react-table.css +776 -776
- package/dist/umd/react-table.js +7 -4
- package/dist/umd/react-table.min.js +1 -1
- package/package.json +6 -6
package/dist/umd/react-table.css
CHANGED
|
@@ -15630,6 +15630,206 @@ ul.pf-c-list {
|
|
|
15630
15630
|
margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
|
|
15631
15631
|
}
|
|
15632
15632
|
|
|
15633
|
+
.pf-c-modal-box {
|
|
15634
|
+
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
15635
|
+
--pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
|
|
15636
|
+
--pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
|
|
15637
|
+
--pf-c-modal-box--Width: 100%;
|
|
15638
|
+
--pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
|
|
15639
|
+
--pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
15640
|
+
--pf-c-modal-box--m-md--Width: 52.5rem;
|
|
15641
|
+
--pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
15642
|
+
--pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
|
|
15643
|
+
--pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
|
|
15644
|
+
--pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
|
|
15645
|
+
--pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
|
|
15646
|
+
--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));
|
|
15647
|
+
--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)));
|
|
15648
|
+
--pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
15649
|
+
--pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
15650
|
+
--pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
15651
|
+
--pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
15652
|
+
--pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
15653
|
+
--pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
|
|
15654
|
+
--pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
|
|
15655
|
+
--pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
|
|
15656
|
+
--pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
15657
|
+
--pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
|
|
15658
|
+
--pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
15659
|
+
--pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
|
|
15660
|
+
--pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
15661
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
|
|
15662
|
+
--pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
|
|
15663
|
+
--pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
|
|
15664
|
+
--pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
|
|
15665
|
+
--pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
|
|
15666
|
+
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
15667
|
+
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
15668
|
+
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
15669
|
+
--pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
|
|
15670
|
+
--pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
|
|
15671
|
+
--pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
15672
|
+
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
15673
|
+
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
15674
|
+
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
15675
|
+
--pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
|
|
15676
|
+
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
|
|
15677
|
+
--pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
|
|
15678
|
+
position: relative;
|
|
15679
|
+
z-index: var(--pf-c-modal-box--ZIndex);
|
|
15680
|
+
display: flex;
|
|
15681
|
+
flex-direction: column;
|
|
15682
|
+
width: var(--pf-c-modal-box--Width);
|
|
15683
|
+
max-width: var(--pf-c-modal-box--MaxWidth);
|
|
15684
|
+
max-height: var(--pf-c-modal-box--MaxHeight);
|
|
15685
|
+
background-color: var(--pf-c-modal-box--BackgroundColor);
|
|
15686
|
+
box-shadow: var(--pf-c-modal-box--BoxShadow);
|
|
15687
|
+
}
|
|
15688
|
+
|
|
15689
|
+
@media (min-width: 1200px) {
|
|
15690
|
+
.pf-c-modal-box {
|
|
15691
|
+
--pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
|
|
15692
|
+
}
|
|
15693
|
+
}
|
|
15694
|
+
.pf-c-modal-box.pf-m-sm {
|
|
15695
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
|
|
15696
|
+
}
|
|
15697
|
+
|
|
15698
|
+
.pf-c-modal-box.pf-m-md {
|
|
15699
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
|
|
15700
|
+
}
|
|
15701
|
+
|
|
15702
|
+
.pf-c-modal-box.pf-m-lg {
|
|
15703
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
|
|
15704
|
+
}
|
|
15705
|
+
|
|
15706
|
+
.pf-c-modal-box.pf-m-align-top {
|
|
15707
|
+
top: var(--pf-c-modal-box--m-align-top--MarginTop);
|
|
15708
|
+
align-self: flex-start;
|
|
15709
|
+
max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
|
|
15710
|
+
max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
|
|
15711
|
+
}
|
|
15712
|
+
|
|
15713
|
+
.pf-c-modal-box.pf-m-danger {
|
|
15714
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
|
|
15715
|
+
}
|
|
15716
|
+
|
|
15717
|
+
.pf-c-modal-box.pf-m-warning {
|
|
15718
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
|
|
15719
|
+
}
|
|
15720
|
+
|
|
15721
|
+
.pf-c-modal-box.pf-m-success {
|
|
15722
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
|
|
15723
|
+
}
|
|
15724
|
+
|
|
15725
|
+
.pf-c-modal-box.pf-m-default {
|
|
15726
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
|
|
15727
|
+
}
|
|
15728
|
+
|
|
15729
|
+
.pf-c-modal-box.pf-m-info {
|
|
15730
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
15731
|
+
}
|
|
15732
|
+
|
|
15733
|
+
.pf-c-modal-box > .pf-c-button {
|
|
15734
|
+
position: absolute;
|
|
15735
|
+
top: var(--pf-c-modal-box--c-button--Top);
|
|
15736
|
+
right: var(--pf-c-modal-box--c-button--Right);
|
|
15737
|
+
}
|
|
15738
|
+
|
|
15739
|
+
.pf-c-modal-box > .pf-c-button + * {
|
|
15740
|
+
margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
|
|
15741
|
+
}
|
|
15742
|
+
|
|
15743
|
+
.pf-c-modal-box__header {
|
|
15744
|
+
display: flex;
|
|
15745
|
+
flex-direction: column;
|
|
15746
|
+
flex-shrink: 0;
|
|
15747
|
+
padding-top: var(--pf-c-modal-box__header--PaddingTop);
|
|
15748
|
+
padding-right: var(--pf-c-modal-box__header--PaddingRight);
|
|
15749
|
+
padding-left: var(--pf-c-modal-box__header--PaddingLeft);
|
|
15750
|
+
}
|
|
15751
|
+
|
|
15752
|
+
.pf-c-modal-box__header.pf-m-help {
|
|
15753
|
+
display: flex;
|
|
15754
|
+
flex-direction: row;
|
|
15755
|
+
}
|
|
15756
|
+
|
|
15757
|
+
.pf-c-modal-box__header:last-child {
|
|
15758
|
+
padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
|
|
15759
|
+
}
|
|
15760
|
+
|
|
15761
|
+
.pf-c-modal-box__header + .pf-c-modal-box__body {
|
|
15762
|
+
--pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
|
|
15763
|
+
}
|
|
15764
|
+
|
|
15765
|
+
.pf-c-modal-box__header-main {
|
|
15766
|
+
flex-grow: 1;
|
|
15767
|
+
min-width: 0;
|
|
15768
|
+
}
|
|
15769
|
+
|
|
15770
|
+
.pf-c-modal-box__title,
|
|
15771
|
+
.pf-c-modal-box__title-text {
|
|
15772
|
+
overflow: hidden;
|
|
15773
|
+
text-overflow: ellipsis;
|
|
15774
|
+
white-space: nowrap;
|
|
15775
|
+
}
|
|
15776
|
+
|
|
15777
|
+
.pf-c-modal-box__title {
|
|
15778
|
+
flex: 0 0 auto;
|
|
15779
|
+
font-family: var(--pf-c-modal-box__title--FontFamily);
|
|
15780
|
+
font-size: var(--pf-c-modal-box__title--FontSize);
|
|
15781
|
+
line-height: var(--pf-c-modal-box__title--LineHeight);
|
|
15782
|
+
}
|
|
15783
|
+
|
|
15784
|
+
.pf-c-modal-box__title.pf-m-icon {
|
|
15785
|
+
display: flex;
|
|
15786
|
+
}
|
|
15787
|
+
|
|
15788
|
+
.pf-c-modal-box__title-icon {
|
|
15789
|
+
margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
|
|
15790
|
+
color: var(--pf-c-modal-box__title-icon--Color);
|
|
15791
|
+
}
|
|
15792
|
+
|
|
15793
|
+
.pf-c-modal-box__description {
|
|
15794
|
+
padding-top: var(--pf-c-modal-box__description--PaddingTop);
|
|
15795
|
+
}
|
|
15796
|
+
|
|
15797
|
+
.pf-c-modal-box__body {
|
|
15798
|
+
flex: 1 1 auto;
|
|
15799
|
+
min-height: var(--pf-c-modal-box__body--MinHeight);
|
|
15800
|
+
padding-top: var(--pf-c-modal-box__body--PaddingTop);
|
|
15801
|
+
padding-right: var(--pf-c-modal-box__body--PaddingRight);
|
|
15802
|
+
padding-left: var(--pf-c-modal-box__body--PaddingLeft);
|
|
15803
|
+
overflow-x: hidden;
|
|
15804
|
+
overflow-y: auto;
|
|
15805
|
+
overscroll-behavior: contain;
|
|
15806
|
+
word-break: break-word;
|
|
15807
|
+
-webkit-overflow-scrolling: touch;
|
|
15808
|
+
}
|
|
15809
|
+
|
|
15810
|
+
.pf-c-modal-box__body:last-child {
|
|
15811
|
+
padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
|
|
15812
|
+
}
|
|
15813
|
+
|
|
15814
|
+
.pf-c-modal-box__footer {
|
|
15815
|
+
display: flex;
|
|
15816
|
+
flex: 0 0 auto;
|
|
15817
|
+
align-items: center;
|
|
15818
|
+
padding-top: var(--pf-c-modal-box__footer--PaddingTop);
|
|
15819
|
+
padding-right: var(--pf-c-modal-box__footer--PaddingRight);
|
|
15820
|
+
padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
|
|
15821
|
+
padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
|
|
15822
|
+
}
|
|
15823
|
+
|
|
15824
|
+
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
15825
|
+
margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
|
|
15826
|
+
}
|
|
15827
|
+
|
|
15828
|
+
@media screen and (min-width: 576px) {
|
|
15829
|
+
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
15830
|
+
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
|
|
15831
|
+
}
|
|
15832
|
+
}
|
|
15633
15833
|
.pf-c-nav {
|
|
15634
15834
|
--pf-c-nav--Transition: var(--pf-global--Transition);
|
|
15635
15835
|
--pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
@@ -16532,6 +16732,16 @@ ul.pf-c-list {
|
|
|
16532
16732
|
left: 0;
|
|
16533
16733
|
}
|
|
16534
16734
|
|
|
16735
|
+
.pf-l-bullseye {
|
|
16736
|
+
--pf-l-bullseye--Padding: 0;
|
|
16737
|
+
display: flex;
|
|
16738
|
+
align-items: center;
|
|
16739
|
+
justify-content: center;
|
|
16740
|
+
height: 100%;
|
|
16741
|
+
padding: var(--pf-l-bullseye--Padding);
|
|
16742
|
+
margin: 0;
|
|
16743
|
+
}
|
|
16744
|
+
|
|
16535
16745
|
.pf-c-notification-badge {
|
|
16536
16746
|
--pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
|
|
16537
16747
|
--pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -17246,357 +17456,6 @@ ul.pf-c-list {
|
|
|
17246
17456
|
--pf-c-overflow-menu--spacer: 0;
|
|
17247
17457
|
}
|
|
17248
17458
|
|
|
17249
|
-
.pf-c-pagination {
|
|
17250
|
-
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
17251
|
-
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
17252
|
-
--pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
|
|
17253
|
-
--pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
|
|
17254
|
-
--pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
|
|
17255
|
-
--pf-c-pagination__nav--Display: none;
|
|
17256
|
-
--pf-c-pagination__nav--Visibility: hidden;
|
|
17257
|
-
--pf-c-pagination--m-display-summary__nav--Display: none;
|
|
17258
|
-
--pf-c-pagination--m-display-summary__nav--Visibility: hidden;
|
|
17259
|
-
--pf-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
17260
|
-
--pf-c-pagination--m-display-full__nav--Visibility: visible;
|
|
17261
|
-
--pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
17262
|
-
--pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
17263
|
-
--pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
|
|
17264
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
|
|
17265
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
|
|
17266
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
|
|
17267
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
17268
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
|
|
17269
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
|
|
17270
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
17271
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
|
|
17272
|
-
--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
|
|
17273
|
-
--pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
|
|
17274
|
-
--pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
|
|
17275
|
-
--pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
|
|
17276
|
-
--pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
|
|
17277
|
-
--pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
|
|
17278
|
-
--pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
|
|
17279
|
-
--pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
|
|
17280
|
-
--pf-c-pagination__total-items--Display: block;
|
|
17281
|
-
--pf-c-pagination__total-items--Visibility: visible;
|
|
17282
|
-
--pf-c-pagination--m-display-summary__total-items--Display: block;
|
|
17283
|
-
--pf-c-pagination--m-display-summary__total-items--Visibility: visible;
|
|
17284
|
-
--pf-c-pagination--m-display-full__total-items--Display: none;
|
|
17285
|
-
--pf-c-pagination--m-display-full__total-items--Visibility: hidden;
|
|
17286
|
-
--pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
17287
|
-
--pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
17288
|
-
--pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
|
|
17289
|
-
--pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
|
|
17290
|
-
--pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
|
|
17291
|
-
--pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
|
|
17292
|
-
--pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
17293
|
-
--pf-c-pagination--m-sticky--Top: 0;
|
|
17294
|
-
--pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
17295
|
-
--pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
17296
|
-
--pf-c-pagination--m-bottom--Bottom: 0;
|
|
17297
|
-
--pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
|
|
17298
|
-
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
|
|
17299
|
-
--pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
|
|
17300
|
-
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
|
|
17301
|
-
--pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
17302
|
-
--pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
17303
|
-
--pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
17304
|
-
--pf-c-pagination--c-options-menu--Display: none;
|
|
17305
|
-
--pf-c-pagination--c-options-menu--Visibility: hidden;
|
|
17306
|
-
--pf-c-pagination--m-display-summary--c-options-menu--Display: none;
|
|
17307
|
-
--pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
|
|
17308
|
-
--pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
|
|
17309
|
-
--pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
|
|
17310
|
-
display: flex;
|
|
17311
|
-
flex-wrap: wrap;
|
|
17312
|
-
align-items: center;
|
|
17313
|
-
justify-content: flex-end;
|
|
17314
|
-
}
|
|
17315
|
-
|
|
17316
|
-
@media screen and (min-width: 768px) {
|
|
17317
|
-
.pf-c-pagination {
|
|
17318
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
|
|
17319
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
|
|
17320
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
|
|
17321
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
|
|
17322
|
-
--pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
|
|
17323
|
-
--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
|
|
17324
|
-
--pf-c-pagination--m-bottom--BoxShadow: none;
|
|
17325
|
-
--pf-c-pagination--c-options-menu--Display: inline-flex;
|
|
17326
|
-
--pf-c-pagination--c-options-menu--Visibility: visible;
|
|
17327
|
-
--pf-c-pagination__nav--Display: inline-flex;
|
|
17328
|
-
--pf-c-pagination__nav--Visibility: visible;
|
|
17329
|
-
--pf-c-pagination__total-items--Display: none;
|
|
17330
|
-
--pf-c-pagination__total-items--Visibility: hidden;
|
|
17331
|
-
}
|
|
17332
|
-
}
|
|
17333
|
-
@media screen and (min-width: 1200px) {
|
|
17334
|
-
.pf-c-pagination {
|
|
17335
|
-
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
|
|
17336
|
-
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
|
|
17337
|
-
}
|
|
17338
|
-
}
|
|
17339
|
-
.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
|
|
17340
|
-
margin-right: var(--pf-c-pagination--child--MarginRight);
|
|
17341
|
-
}
|
|
17342
|
-
|
|
17343
|
-
.pf-c-pagination .pf-c-options-menu {
|
|
17344
|
-
display: var(--pf-c-pagination--c-options-menu--Display);
|
|
17345
|
-
visibility: var(--pf-c-pagination--c-options-menu--Visibility);
|
|
17346
|
-
}
|
|
17347
|
-
|
|
17348
|
-
.pf-c-pagination.pf-m-bottom {
|
|
17349
|
-
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
|
|
17350
|
-
--pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
|
|
17351
|
-
--pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
|
|
17352
|
-
--pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
|
|
17353
|
-
--pf-c-pagination--m-sticky--Top: auto;
|
|
17354
|
-
position: sticky;
|
|
17355
|
-
bottom: var(--pf-c-pagination--m-bottom--Bottom);
|
|
17356
|
-
justify-content: center;
|
|
17357
|
-
background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
|
|
17358
|
-
box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
|
|
17359
|
-
}
|
|
17360
|
-
|
|
17361
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
|
|
17362
|
-
--pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
|
|
17363
|
-
--pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
|
|
17364
|
-
outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
|
|
17365
|
-
}
|
|
17366
|
-
|
|
17367
|
-
.pf-c-pagination.pf-m-bottom.pf-m-static {
|
|
17368
|
-
--pf-c-pagination--m-bottom--MarginTop: 0;
|
|
17369
|
-
--pf-c-pagination--m-bottom--BorderTopWidth: 0;
|
|
17370
|
-
position: relative;
|
|
17371
|
-
box-shadow: none;
|
|
17372
|
-
}
|
|
17373
|
-
|
|
17374
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
17375
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
17376
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
17377
|
-
display: none;
|
|
17378
|
-
visibility: hidden;
|
|
17379
|
-
}
|
|
17380
|
-
|
|
17381
|
-
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
17382
|
-
position: absolute;
|
|
17383
|
-
display: block;
|
|
17384
|
-
visibility: visible;
|
|
17385
|
-
}
|
|
17386
|
-
|
|
17387
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
|
|
17388
|
-
display: flex;
|
|
17389
|
-
flex-basis: 100%;
|
|
17390
|
-
justify-content: space-between;
|
|
17391
|
-
visibility: visible;
|
|
17392
|
-
}
|
|
17393
|
-
|
|
17394
|
-
@media screen and (min-width: 768px) {
|
|
17395
|
-
.pf-c-pagination.pf-m-bottom {
|
|
17396
|
-
--pf-c-pagination--m-bottom--BorderTopWidth: 0;
|
|
17397
|
-
--pf-c-pagination--m-bottom--MarginTop: 0;
|
|
17398
|
-
--pf-c-pagination--m-bottom--Bottom: auto;
|
|
17399
|
-
position: relative;
|
|
17400
|
-
justify-content: flex-end;
|
|
17401
|
-
padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
|
|
17402
|
-
}
|
|
17403
|
-
|
|
17404
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
17405
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
17406
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
17407
|
-
display: block;
|
|
17408
|
-
visibility: visible;
|
|
17409
|
-
}
|
|
17410
|
-
|
|
17411
|
-
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
17412
|
-
position: relative;
|
|
17413
|
-
}
|
|
17414
|
-
|
|
17415
|
-
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
|
|
17416
|
-
display: inline-flex;
|
|
17417
|
-
flex-basis: auto;
|
|
17418
|
-
}
|
|
17419
|
-
}
|
|
17420
|
-
.pf-c-pagination.pf-m-sticky {
|
|
17421
|
-
--pf-c-pagination--m-bottom--Bottom: 0;
|
|
17422
|
-
position: sticky;
|
|
17423
|
-
top: var(--pf-c-pagination--m-sticky--Top);
|
|
17424
|
-
z-index: var(--pf-c-pagination--m-sticky--ZIndex);
|
|
17425
|
-
padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
|
|
17426
|
-
padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
|
|
17427
|
-
padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
|
|
17428
|
-
padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
|
|
17429
|
-
background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
|
|
17430
|
-
box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
|
|
17431
|
-
}
|
|
17432
|
-
|
|
17433
|
-
@media screen and (min-width: 768px) {
|
|
17434
|
-
.pf-c-pagination.pf-m-sticky {
|
|
17435
|
-
padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
|
|
17436
|
-
}
|
|
17437
|
-
}
|
|
17438
|
-
.pf-c-pagination .pf-c-options-menu__toggle {
|
|
17439
|
-
font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
|
|
17440
|
-
}
|
|
17441
|
-
|
|
17442
|
-
.pf-c-pagination.pf-m-compact {
|
|
17443
|
-
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
|
|
17444
|
-
}
|
|
17445
|
-
|
|
17446
|
-
.pf-c-pagination__nav {
|
|
17447
|
-
display: var(--pf-c-pagination__nav--Display);
|
|
17448
|
-
justify-content: flex-end;
|
|
17449
|
-
visibility: var(--pf-c-pagination__nav--Visibility);
|
|
17450
|
-
}
|
|
17451
|
-
|
|
17452
|
-
.pf-c-pagination__nav-control .pf-c-button {
|
|
17453
|
-
padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
|
|
17454
|
-
padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
|
|
17455
|
-
font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
|
|
17456
|
-
}
|
|
17457
|
-
|
|
17458
|
-
.pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
|
|
17459
|
-
margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
|
|
17460
|
-
}
|
|
17461
|
-
|
|
17462
|
-
.pf-c-pagination__nav-page-select {
|
|
17463
|
-
display: flex;
|
|
17464
|
-
align-items: center;
|
|
17465
|
-
padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
|
|
17466
|
-
padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
|
|
17467
|
-
}
|
|
17468
|
-
|
|
17469
|
-
.pf-c-pagination__nav-page-select > * {
|
|
17470
|
-
font-size: var(--pf-c-pagination__nav-page-select--FontSize);
|
|
17471
|
-
white-space: nowrap;
|
|
17472
|
-
}
|
|
17473
|
-
|
|
17474
|
-
.pf-c-pagination__nav-page-select > *:not(:last-child) {
|
|
17475
|
-
margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
|
|
17476
|
-
}
|
|
17477
|
-
|
|
17478
|
-
.pf-c-pagination__nav-page-select .pf-c-form-control {
|
|
17479
|
-
width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
|
|
17480
|
-
}
|
|
17481
|
-
|
|
17482
|
-
.pf-c-pagination__total-items {
|
|
17483
|
-
display: var(--pf-c-pagination__total-items--Display);
|
|
17484
|
-
visibility: var(--pf-c-pagination__total-items--Visibility);
|
|
17485
|
-
}
|
|
17486
|
-
|
|
17487
|
-
.pf-c-pagination.pf-m-display-summary {
|
|
17488
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
17489
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
17490
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
17491
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
17492
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
17493
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
17494
|
-
}
|
|
17495
|
-
|
|
17496
|
-
.pf-c-pagination.pf-m-display-full {
|
|
17497
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
17498
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
17499
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
17500
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
17501
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
17502
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
17503
|
-
}
|
|
17504
|
-
|
|
17505
|
-
@media (min-width: 576px) {
|
|
17506
|
-
.pf-c-pagination.pf-m-display-summary-on-sm {
|
|
17507
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
17508
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
17509
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
17510
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
17511
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
17512
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
17513
|
-
}
|
|
17514
|
-
|
|
17515
|
-
.pf-c-pagination.pf-m-display-full-on-sm {
|
|
17516
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
17517
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
17518
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
17519
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
17520
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
17521
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
17522
|
-
}
|
|
17523
|
-
}
|
|
17524
|
-
@media (min-width: 768px) {
|
|
17525
|
-
.pf-c-pagination.pf-m-display-summary-on-md {
|
|
17526
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
17527
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
17528
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
17529
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
17530
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
17531
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
17532
|
-
}
|
|
17533
|
-
|
|
17534
|
-
.pf-c-pagination.pf-m-display-full-on-md {
|
|
17535
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
17536
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
17537
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
17538
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
17539
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
17540
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
17541
|
-
}
|
|
17542
|
-
}
|
|
17543
|
-
@media (min-width: 992px) {
|
|
17544
|
-
.pf-c-pagination.pf-m-display-summary-on-lg {
|
|
17545
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
17546
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
17547
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
17548
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
17549
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
17550
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
17551
|
-
}
|
|
17552
|
-
|
|
17553
|
-
.pf-c-pagination.pf-m-display-full-on-lg {
|
|
17554
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
17555
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
17556
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
17557
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
17558
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
17559
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
17560
|
-
}
|
|
17561
|
-
}
|
|
17562
|
-
@media (min-width: 1200px) {
|
|
17563
|
-
.pf-c-pagination.pf-m-display-summary-on-xl {
|
|
17564
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
17565
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
17566
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
17567
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
17568
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
17569
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
17570
|
-
}
|
|
17571
|
-
|
|
17572
|
-
.pf-c-pagination.pf-m-display-full-on-xl {
|
|
17573
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
17574
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
17575
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
17576
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
17577
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
17578
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
17579
|
-
}
|
|
17580
|
-
}
|
|
17581
|
-
@media (min-width: 1450px) {
|
|
17582
|
-
.pf-c-pagination.pf-m-display-summary-on-2xl {
|
|
17583
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
17584
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
17585
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
17586
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
17587
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
17588
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
17589
|
-
}
|
|
17590
|
-
|
|
17591
|
-
.pf-c-pagination.pf-m-display-full-on-2xl {
|
|
17592
|
-
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
17593
|
-
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
17594
|
-
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
17595
|
-
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
17596
|
-
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
17597
|
-
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
17598
|
-
}
|
|
17599
|
-
}
|
|
17600
17459
|
.pf-c-page__sidebar.pf-m-light {
|
|
17601
17460
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
17602
17461
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -18269,179 +18128,530 @@ ul.pf-c-list {
|
|
|
18269
18128
|
flex-grow: 1;
|
|
18270
18129
|
}
|
|
18271
18130
|
|
|
18272
|
-
.pf-c-page__main-section.pf-m-no-fill,
|
|
18273
|
-
.pf-c-page__main-group.pf-m-no-fill,
|
|
18274
|
-
.pf-c-page__main-wizard.pf-m-no-fill {
|
|
18275
|
-
flex-grow: 0;
|
|
18131
|
+
.pf-c-page__main-section.pf-m-no-fill,
|
|
18132
|
+
.pf-c-page__main-group.pf-m-no-fill,
|
|
18133
|
+
.pf-c-page__main-wizard.pf-m-no-fill {
|
|
18134
|
+
flex-grow: 0;
|
|
18135
|
+
}
|
|
18136
|
+
|
|
18137
|
+
.pf-c-page__main-section {
|
|
18138
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18139
|
+
background-color: var(--pf-c-page__main-section--BackgroundColor);
|
|
18140
|
+
}
|
|
18141
|
+
|
|
18142
|
+
.pf-c-page__main-section.pf-m-light {
|
|
18143
|
+
--pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor);
|
|
18144
|
+
}
|
|
18145
|
+
|
|
18146
|
+
.pf-c-page__main-section[class*=pf-m-dark-] {
|
|
18147
|
+
color: var(--pf-global--Color--100);
|
|
18148
|
+
}
|
|
18149
|
+
|
|
18150
|
+
.pf-c-page__main-section.pf-m-dark-100 {
|
|
18151
|
+
--pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-100--BackgroundColor);
|
|
18152
|
+
}
|
|
18153
|
+
|
|
18154
|
+
.pf-c-page__main-section.pf-m-dark-200 {
|
|
18155
|
+
--pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-200--BackgroundColor);
|
|
18156
|
+
}
|
|
18157
|
+
|
|
18158
|
+
.pf-c-page__main-section.pf-m-padding {
|
|
18159
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18160
|
+
}
|
|
18161
|
+
|
|
18162
|
+
.pf-c-page__main-section.pf-m-padding.pf-m-limit-width {
|
|
18163
|
+
padding: 0;
|
|
18164
|
+
}
|
|
18165
|
+
|
|
18166
|
+
.pf-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-c-page__main-body {
|
|
18167
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18168
|
+
}
|
|
18169
|
+
|
|
18170
|
+
.pf-c-page__main-section.pf-m-no-padding, .pf-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-c-page__main-body {
|
|
18171
|
+
padding: 0;
|
|
18172
|
+
}
|
|
18173
|
+
|
|
18174
|
+
@media (min-width: 576px) {
|
|
18175
|
+
.pf-c-page__main-section.pf-m-padding-on-sm {
|
|
18176
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18177
|
+
}
|
|
18178
|
+
|
|
18179
|
+
.pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
|
|
18180
|
+
padding: 0;
|
|
18181
|
+
}
|
|
18182
|
+
|
|
18183
|
+
.pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
|
|
18184
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18185
|
+
}
|
|
18186
|
+
|
|
18187
|
+
.pf-c-page__main-section.pf-m-no-padding-on-sm, .pf-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
|
|
18188
|
+
padding: 0;
|
|
18189
|
+
}
|
|
18190
|
+
}
|
|
18191
|
+
@media (min-width: 768px) {
|
|
18192
|
+
.pf-c-page__main-section.pf-m-padding-on-md {
|
|
18193
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18194
|
+
}
|
|
18195
|
+
|
|
18196
|
+
.pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
|
|
18197
|
+
padding: 0;
|
|
18198
|
+
}
|
|
18199
|
+
|
|
18200
|
+
.pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
|
|
18201
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18202
|
+
}
|
|
18203
|
+
|
|
18204
|
+
.pf-c-page__main-section.pf-m-no-padding-on-md, .pf-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
|
|
18205
|
+
padding: 0;
|
|
18206
|
+
}
|
|
18207
|
+
}
|
|
18208
|
+
@media (min-width: 992px) {
|
|
18209
|
+
.pf-c-page__main-section.pf-m-padding-on-lg {
|
|
18210
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18211
|
+
}
|
|
18212
|
+
|
|
18213
|
+
.pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
|
|
18214
|
+
padding: 0;
|
|
18215
|
+
}
|
|
18216
|
+
|
|
18217
|
+
.pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
|
|
18218
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18219
|
+
}
|
|
18220
|
+
|
|
18221
|
+
.pf-c-page__main-section.pf-m-no-padding-on-lg, .pf-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
|
|
18222
|
+
padding: 0;
|
|
18223
|
+
}
|
|
18224
|
+
}
|
|
18225
|
+
@media (min-width: 1200px) {
|
|
18226
|
+
.pf-c-page__main-section.pf-m-padding-on-xl {
|
|
18227
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18228
|
+
}
|
|
18229
|
+
|
|
18230
|
+
.pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
|
|
18231
|
+
padding: 0;
|
|
18232
|
+
}
|
|
18233
|
+
|
|
18234
|
+
.pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
|
|
18235
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18236
|
+
}
|
|
18237
|
+
|
|
18238
|
+
.pf-c-page__main-section.pf-m-no-padding-on-xl, .pf-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
|
|
18239
|
+
padding: 0;
|
|
18240
|
+
}
|
|
18241
|
+
}
|
|
18242
|
+
@media (min-width: 1450px) {
|
|
18243
|
+
.pf-c-page__main-section.pf-m-padding-on-2xl {
|
|
18244
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18245
|
+
}
|
|
18246
|
+
|
|
18247
|
+
.pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
|
|
18248
|
+
padding: 0;
|
|
18249
|
+
}
|
|
18250
|
+
|
|
18251
|
+
.pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
|
|
18252
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18253
|
+
}
|
|
18254
|
+
|
|
18255
|
+
.pf-c-page__main-section.pf-m-no-padding-on-2xl, .pf-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
|
|
18256
|
+
padding: 0;
|
|
18257
|
+
}
|
|
18258
|
+
}
|
|
18259
|
+
.pf-c-page__main-wizard {
|
|
18260
|
+
flex: 1 1;
|
|
18261
|
+
min-height: 0;
|
|
18262
|
+
background-color: var(--pf-c-page__main-wizard--BackgroundColor);
|
|
18263
|
+
border-top: var(--pf-c-page__main-wizard--BorderTopWidth) solid var(--pf-c-page__main-wizard--BorderTopColor);
|
|
18264
|
+
}
|
|
18265
|
+
|
|
18266
|
+
.pf-c-page__main-wizard:first-child {
|
|
18267
|
+
--pf-c-page__main-wizard--BorderTopWidth: 0;
|
|
18268
|
+
}
|
|
18269
|
+
|
|
18270
|
+
.pf-c-page__main-wizard .pf-c-page__main-body {
|
|
18271
|
+
min-height: 0;
|
|
18272
|
+
}
|
|
18273
|
+
|
|
18274
|
+
.pf-c-page__main-group {
|
|
18275
|
+
flex-shrink: 0;
|
|
18276
|
+
}
|
|
18277
|
+
|
|
18278
|
+
.pf-c-page__main-nav .pf-c-page__main-body {
|
|
18279
|
+
padding-top: var(--pf-c-page__main-nav--PaddingTop);
|
|
18280
|
+
padding-right: var(--pf-c-page__main-nav--PaddingRight);
|
|
18281
|
+
padding-left: var(--pf-c-page__main-nav--PaddingLeft);
|
|
18282
|
+
}
|
|
18283
|
+
|
|
18284
|
+
.pf-c-page__main-breadcrumb .pf-c-page__main-body {
|
|
18285
|
+
padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft);
|
|
18286
|
+
}
|
|
18287
|
+
|
|
18288
|
+
.pf-c-page__main-section .pf-c-page__main-body {
|
|
18289
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18290
|
+
}
|
|
18291
|
+
|
|
18292
|
+
.pf-c-page__main-tabs .pf-c-page__main-body {
|
|
18293
|
+
padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
|
|
18294
|
+
}
|
|
18295
|
+
|
|
18296
|
+
.pf-c-page__drawer {
|
|
18297
|
+
grid-area: main;
|
|
18298
|
+
}
|
|
18299
|
+
|
|
18300
|
+
.pf-c-page__drawer > .pf-c-drawer {
|
|
18301
|
+
flex: 1 0 auto;
|
|
18302
|
+
}
|
|
18303
|
+
|
|
18304
|
+
.pf-c-pagination {
|
|
18305
|
+
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
18306
|
+
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
18307
|
+
--pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
|
|
18308
|
+
--pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
|
|
18309
|
+
--pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
|
|
18310
|
+
--pf-c-pagination__nav--Display: none;
|
|
18311
|
+
--pf-c-pagination__nav--Visibility: hidden;
|
|
18312
|
+
--pf-c-pagination--m-display-summary__nav--Display: none;
|
|
18313
|
+
--pf-c-pagination--m-display-summary__nav--Visibility: hidden;
|
|
18314
|
+
--pf-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
18315
|
+
--pf-c-pagination--m-display-full__nav--Visibility: visible;
|
|
18316
|
+
--pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
18317
|
+
--pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
18318
|
+
--pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
|
|
18319
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
|
|
18320
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
|
|
18321
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
|
|
18322
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
18323
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
|
|
18324
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
|
|
18325
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
18326
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
|
|
18327
|
+
--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
|
|
18328
|
+
--pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
|
|
18329
|
+
--pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
|
|
18330
|
+
--pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
|
|
18331
|
+
--pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
|
|
18332
|
+
--pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
|
|
18333
|
+
--pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
|
|
18334
|
+
--pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
|
|
18335
|
+
--pf-c-pagination__total-items--Display: block;
|
|
18336
|
+
--pf-c-pagination__total-items--Visibility: visible;
|
|
18337
|
+
--pf-c-pagination--m-display-summary__total-items--Display: block;
|
|
18338
|
+
--pf-c-pagination--m-display-summary__total-items--Visibility: visible;
|
|
18339
|
+
--pf-c-pagination--m-display-full__total-items--Display: none;
|
|
18340
|
+
--pf-c-pagination--m-display-full__total-items--Visibility: hidden;
|
|
18341
|
+
--pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
18342
|
+
--pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
18343
|
+
--pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
|
|
18344
|
+
--pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
|
|
18345
|
+
--pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
|
|
18346
|
+
--pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
|
|
18347
|
+
--pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
18348
|
+
--pf-c-pagination--m-sticky--Top: 0;
|
|
18349
|
+
--pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
18350
|
+
--pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
18351
|
+
--pf-c-pagination--m-bottom--Bottom: 0;
|
|
18352
|
+
--pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
|
|
18353
|
+
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
|
|
18354
|
+
--pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
|
|
18355
|
+
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
|
|
18356
|
+
--pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
18357
|
+
--pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
18358
|
+
--pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
18359
|
+
--pf-c-pagination--c-options-menu--Display: none;
|
|
18360
|
+
--pf-c-pagination--c-options-menu--Visibility: hidden;
|
|
18361
|
+
--pf-c-pagination--m-display-summary--c-options-menu--Display: none;
|
|
18362
|
+
--pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
|
|
18363
|
+
--pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
|
|
18364
|
+
--pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
|
|
18365
|
+
display: flex;
|
|
18366
|
+
flex-wrap: wrap;
|
|
18367
|
+
align-items: center;
|
|
18368
|
+
justify-content: flex-end;
|
|
18369
|
+
}
|
|
18370
|
+
|
|
18371
|
+
@media screen and (min-width: 768px) {
|
|
18372
|
+
.pf-c-pagination {
|
|
18373
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
|
|
18374
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
|
|
18375
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
|
|
18376
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
|
|
18377
|
+
--pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
|
|
18378
|
+
--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
|
|
18379
|
+
--pf-c-pagination--m-bottom--BoxShadow: none;
|
|
18380
|
+
--pf-c-pagination--c-options-menu--Display: inline-flex;
|
|
18381
|
+
--pf-c-pagination--c-options-menu--Visibility: visible;
|
|
18382
|
+
--pf-c-pagination__nav--Display: inline-flex;
|
|
18383
|
+
--pf-c-pagination__nav--Visibility: visible;
|
|
18384
|
+
--pf-c-pagination__total-items--Display: none;
|
|
18385
|
+
--pf-c-pagination__total-items--Visibility: hidden;
|
|
18386
|
+
}
|
|
18276
18387
|
}
|
|
18277
|
-
|
|
18278
|
-
.pf-c-
|
|
18279
|
-
|
|
18280
|
-
|
|
18388
|
+
@media screen and (min-width: 1200px) {
|
|
18389
|
+
.pf-c-pagination {
|
|
18390
|
+
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
|
|
18391
|
+
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
|
|
18392
|
+
}
|
|
18281
18393
|
}
|
|
18282
|
-
|
|
18283
|
-
|
|
18284
|
-
--pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor);
|
|
18394
|
+
.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
|
|
18395
|
+
margin-right: var(--pf-c-pagination--child--MarginRight);
|
|
18285
18396
|
}
|
|
18286
18397
|
|
|
18287
|
-
.pf-c-
|
|
18288
|
-
|
|
18398
|
+
.pf-c-pagination .pf-c-options-menu {
|
|
18399
|
+
display: var(--pf-c-pagination--c-options-menu--Display);
|
|
18400
|
+
visibility: var(--pf-c-pagination--c-options-menu--Visibility);
|
|
18289
18401
|
}
|
|
18290
18402
|
|
|
18291
|
-
.pf-c-
|
|
18292
|
-
--pf-c-
|
|
18403
|
+
.pf-c-pagination.pf-m-bottom {
|
|
18404
|
+
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
|
|
18405
|
+
--pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
|
|
18406
|
+
--pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
|
|
18407
|
+
--pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
|
|
18408
|
+
--pf-c-pagination--m-sticky--Top: auto;
|
|
18409
|
+
position: sticky;
|
|
18410
|
+
bottom: var(--pf-c-pagination--m-bottom--Bottom);
|
|
18411
|
+
justify-content: center;
|
|
18412
|
+
background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
|
|
18413
|
+
box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
|
|
18293
18414
|
}
|
|
18294
18415
|
|
|
18295
|
-
.pf-c-
|
|
18296
|
-
--pf-c-
|
|
18416
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
|
|
18417
|
+
--pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
|
|
18418
|
+
--pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
|
|
18419
|
+
outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
|
|
18297
18420
|
}
|
|
18298
18421
|
|
|
18299
|
-
.pf-c-
|
|
18300
|
-
|
|
18422
|
+
.pf-c-pagination.pf-m-bottom.pf-m-static {
|
|
18423
|
+
--pf-c-pagination--m-bottom--MarginTop: 0;
|
|
18424
|
+
--pf-c-pagination--m-bottom--BorderTopWidth: 0;
|
|
18425
|
+
position: relative;
|
|
18426
|
+
box-shadow: none;
|
|
18301
18427
|
}
|
|
18302
18428
|
|
|
18303
|
-
.pf-c-
|
|
18304
|
-
|
|
18429
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
18430
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
18431
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
18432
|
+
display: none;
|
|
18433
|
+
visibility: hidden;
|
|
18305
18434
|
}
|
|
18306
18435
|
|
|
18307
|
-
.pf-c-
|
|
18308
|
-
|
|
18436
|
+
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
18437
|
+
position: absolute;
|
|
18438
|
+
display: block;
|
|
18439
|
+
visibility: visible;
|
|
18309
18440
|
}
|
|
18310
18441
|
|
|
18311
|
-
.pf-c-
|
|
18312
|
-
|
|
18442
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
|
|
18443
|
+
display: flex;
|
|
18444
|
+
flex-basis: 100%;
|
|
18445
|
+
justify-content: space-between;
|
|
18446
|
+
visibility: visible;
|
|
18313
18447
|
}
|
|
18314
18448
|
|
|
18315
|
-
@media (min-width:
|
|
18316
|
-
.pf-c-
|
|
18317
|
-
|
|
18449
|
+
@media screen and (min-width: 768px) {
|
|
18450
|
+
.pf-c-pagination.pf-m-bottom {
|
|
18451
|
+
--pf-c-pagination--m-bottom--BorderTopWidth: 0;
|
|
18452
|
+
--pf-c-pagination--m-bottom--MarginTop: 0;
|
|
18453
|
+
--pf-c-pagination--m-bottom--Bottom: auto;
|
|
18454
|
+
position: relative;
|
|
18455
|
+
justify-content: flex-end;
|
|
18456
|
+
padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
|
|
18318
18457
|
}
|
|
18319
18458
|
|
|
18320
|
-
.pf-c-
|
|
18321
|
-
|
|
18459
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
|
|
18460
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
|
|
18461
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
|
|
18462
|
+
display: block;
|
|
18463
|
+
visibility: visible;
|
|
18322
18464
|
}
|
|
18323
18465
|
|
|
18324
|
-
.pf-c-
|
|
18325
|
-
|
|
18466
|
+
.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
|
|
18467
|
+
position: relative;
|
|
18326
18468
|
}
|
|
18327
18469
|
|
|
18328
|
-
.pf-c-
|
|
18329
|
-
|
|
18470
|
+
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
|
|
18471
|
+
display: inline-flex;
|
|
18472
|
+
flex-basis: auto;
|
|
18330
18473
|
}
|
|
18331
18474
|
}
|
|
18332
|
-
|
|
18333
|
-
|
|
18334
|
-
|
|
18335
|
-
|
|
18336
|
-
|
|
18337
|
-
|
|
18338
|
-
|
|
18339
|
-
|
|
18340
|
-
|
|
18341
|
-
|
|
18342
|
-
|
|
18343
|
-
}
|
|
18344
|
-
|
|
18345
|
-
.pf-c-page__main-section.pf-m-no-padding-on-md, .pf-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
|
|
18346
|
-
padding: 0;
|
|
18347
|
-
}
|
|
18475
|
+
.pf-c-pagination.pf-m-sticky {
|
|
18476
|
+
--pf-c-pagination--m-bottom--Bottom: 0;
|
|
18477
|
+
position: sticky;
|
|
18478
|
+
top: var(--pf-c-pagination--m-sticky--Top);
|
|
18479
|
+
z-index: var(--pf-c-pagination--m-sticky--ZIndex);
|
|
18480
|
+
padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
|
|
18481
|
+
padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
|
|
18482
|
+
padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
|
|
18483
|
+
padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
|
|
18484
|
+
background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
|
|
18485
|
+
box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
|
|
18348
18486
|
}
|
|
18349
|
-
@media (min-width: 992px) {
|
|
18350
|
-
.pf-c-page__main-section.pf-m-padding-on-lg {
|
|
18351
|
-
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18352
|
-
}
|
|
18353
18487
|
|
|
18354
|
-
|
|
18355
|
-
|
|
18356
|
-
|
|
18357
|
-
|
|
18358
|
-
.pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
|
|
18359
|
-
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18360
|
-
}
|
|
18361
|
-
|
|
18362
|
-
.pf-c-page__main-section.pf-m-no-padding-on-lg, .pf-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
|
|
18363
|
-
padding: 0;
|
|
18488
|
+
@media screen and (min-width: 768px) {
|
|
18489
|
+
.pf-c-pagination.pf-m-sticky {
|
|
18490
|
+
padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
|
|
18364
18491
|
}
|
|
18365
18492
|
}
|
|
18366
|
-
|
|
18367
|
-
|
|
18368
|
-
|
|
18369
|
-
}
|
|
18370
|
-
|
|
18371
|
-
.pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
|
|
18372
|
-
padding: 0;
|
|
18373
|
-
}
|
|
18493
|
+
.pf-c-pagination .pf-c-options-menu__toggle {
|
|
18494
|
+
font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
|
|
18495
|
+
}
|
|
18374
18496
|
|
|
18375
|
-
|
|
18376
|
-
|
|
18377
|
-
|
|
18497
|
+
.pf-c-pagination.pf-m-compact {
|
|
18498
|
+
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
|
|
18499
|
+
}
|
|
18378
18500
|
|
|
18379
|
-
|
|
18380
|
-
|
|
18381
|
-
|
|
18501
|
+
.pf-c-pagination__nav {
|
|
18502
|
+
display: var(--pf-c-pagination__nav--Display);
|
|
18503
|
+
justify-content: flex-end;
|
|
18504
|
+
visibility: var(--pf-c-pagination__nav--Visibility);
|
|
18382
18505
|
}
|
|
18383
|
-
@media (min-width: 1450px) {
|
|
18384
|
-
.pf-c-page__main-section.pf-m-padding-on-2xl {
|
|
18385
|
-
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
18386
|
-
}
|
|
18387
18506
|
|
|
18388
|
-
|
|
18389
|
-
|
|
18390
|
-
|
|
18507
|
+
.pf-c-pagination__nav-control .pf-c-button {
|
|
18508
|
+
padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
|
|
18509
|
+
padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
|
|
18510
|
+
font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
|
|
18511
|
+
}
|
|
18391
18512
|
|
|
18392
|
-
|
|
18393
|
-
|
|
18394
|
-
|
|
18513
|
+
.pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
|
|
18514
|
+
margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
|
|
18515
|
+
}
|
|
18395
18516
|
|
|
18396
|
-
|
|
18397
|
-
|
|
18398
|
-
|
|
18517
|
+
.pf-c-pagination__nav-page-select {
|
|
18518
|
+
display: flex;
|
|
18519
|
+
align-items: center;
|
|
18520
|
+
padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
|
|
18521
|
+
padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
|
|
18399
18522
|
}
|
|
18400
|
-
|
|
18401
|
-
|
|
18402
|
-
|
|
18403
|
-
|
|
18404
|
-
border-top: var(--pf-c-page__main-wizard--BorderTopWidth) solid var(--pf-c-page__main-wizard--BorderTopColor);
|
|
18523
|
+
|
|
18524
|
+
.pf-c-pagination__nav-page-select > * {
|
|
18525
|
+
font-size: var(--pf-c-pagination__nav-page-select--FontSize);
|
|
18526
|
+
white-space: nowrap;
|
|
18405
18527
|
}
|
|
18406
18528
|
|
|
18407
|
-
.pf-c-
|
|
18408
|
-
--pf-c-
|
|
18529
|
+
.pf-c-pagination__nav-page-select > *:not(:last-child) {
|
|
18530
|
+
margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
|
|
18409
18531
|
}
|
|
18410
18532
|
|
|
18411
|
-
.pf-c-
|
|
18412
|
-
|
|
18533
|
+
.pf-c-pagination__nav-page-select .pf-c-form-control {
|
|
18534
|
+
width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
|
|
18413
18535
|
}
|
|
18414
18536
|
|
|
18415
|
-
.pf-c-
|
|
18416
|
-
|
|
18537
|
+
.pf-c-pagination__total-items {
|
|
18538
|
+
display: var(--pf-c-pagination__total-items--Display);
|
|
18539
|
+
visibility: var(--pf-c-pagination__total-items--Visibility);
|
|
18417
18540
|
}
|
|
18418
18541
|
|
|
18419
|
-
.pf-c-
|
|
18420
|
-
|
|
18421
|
-
|
|
18422
|
-
|
|
18542
|
+
.pf-c-pagination.pf-m-display-summary {
|
|
18543
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
18544
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
18545
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
18546
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
18547
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
18548
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
18423
18549
|
}
|
|
18424
18550
|
|
|
18425
|
-
.pf-c-
|
|
18426
|
-
|
|
18551
|
+
.pf-c-pagination.pf-m-display-full {
|
|
18552
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
18553
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
18554
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
18555
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
18556
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
18557
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
18427
18558
|
}
|
|
18428
18559
|
|
|
18429
|
-
|
|
18430
|
-
|
|
18560
|
+
@media (min-width: 576px) {
|
|
18561
|
+
.pf-c-pagination.pf-m-display-summary-on-sm {
|
|
18562
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
18563
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
18564
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
18565
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
18566
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
18567
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
18568
|
+
}
|
|
18569
|
+
|
|
18570
|
+
.pf-c-pagination.pf-m-display-full-on-sm {
|
|
18571
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
18572
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
18573
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
18574
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
18575
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
18576
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
18577
|
+
}
|
|
18431
18578
|
}
|
|
18579
|
+
@media (min-width: 768px) {
|
|
18580
|
+
.pf-c-pagination.pf-m-display-summary-on-md {
|
|
18581
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
18582
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
18583
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
18584
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
18585
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
18586
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
18587
|
+
}
|
|
18432
18588
|
|
|
18433
|
-
.pf-c-
|
|
18434
|
-
|
|
18589
|
+
.pf-c-pagination.pf-m-display-full-on-md {
|
|
18590
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
18591
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
18592
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
18593
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
18594
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
18595
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
18596
|
+
}
|
|
18435
18597
|
}
|
|
18598
|
+
@media (min-width: 992px) {
|
|
18599
|
+
.pf-c-pagination.pf-m-display-summary-on-lg {
|
|
18600
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
18601
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
18602
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
18603
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
18604
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
18605
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
18606
|
+
}
|
|
18436
18607
|
|
|
18437
|
-
.pf-c-
|
|
18438
|
-
|
|
18608
|
+
.pf-c-pagination.pf-m-display-full-on-lg {
|
|
18609
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
18610
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
18611
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
18612
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
18613
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
18614
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
18615
|
+
}
|
|
18439
18616
|
}
|
|
18617
|
+
@media (min-width: 1200px) {
|
|
18618
|
+
.pf-c-pagination.pf-m-display-summary-on-xl {
|
|
18619
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
18620
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
18621
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
18622
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
18623
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
18624
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
18625
|
+
}
|
|
18440
18626
|
|
|
18441
|
-
.pf-c-
|
|
18442
|
-
|
|
18627
|
+
.pf-c-pagination.pf-m-display-full-on-xl {
|
|
18628
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
18629
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
18630
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
18631
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
18632
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
18633
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
18634
|
+
}
|
|
18443
18635
|
}
|
|
18636
|
+
@media (min-width: 1450px) {
|
|
18637
|
+
.pf-c-pagination.pf-m-display-summary-on-2xl {
|
|
18638
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
18639
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
|
|
18640
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
|
|
18641
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
|
|
18642
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
|
|
18643
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
|
|
18644
|
+
}
|
|
18444
18645
|
|
|
18646
|
+
.pf-c-pagination.pf-m-display-full-on-2xl {
|
|
18647
|
+
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
|
|
18648
|
+
--pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
|
|
18649
|
+
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
18650
|
+
--pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
|
|
18651
|
+
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
18652
|
+
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
18653
|
+
}
|
|
18654
|
+
}
|
|
18445
18655
|
.pf-c-popover {
|
|
18446
18656
|
--pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
|
|
18447
18657
|
--pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
@@ -19076,6 +19286,78 @@ ul.pf-c-list {
|
|
|
19076
19286
|
text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
|
|
19077
19287
|
}
|
|
19078
19288
|
|
|
19289
|
+
.pf-c-radio {
|
|
19290
|
+
--pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
|
|
19291
|
+
--pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
|
|
19292
|
+
--pf-c-radio__label--Color: var(--pf-global--Color--100);
|
|
19293
|
+
--pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
|
|
19294
|
+
--pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
|
|
19295
|
+
--pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
|
|
19296
|
+
--pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
|
|
19297
|
+
--pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
|
|
19298
|
+
--pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
19299
|
+
--pf-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
19300
|
+
--pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
|
|
19301
|
+
--pf-c-radio__description--Color: var(--pf-global--Color--200);
|
|
19302
|
+
--pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
|
|
19303
|
+
display: grid;
|
|
19304
|
+
grid-template-columns: auto 1fr;
|
|
19305
|
+
grid-gap: var(--pf-c-radio--GridGap);
|
|
19306
|
+
align-items: start;
|
|
19307
|
+
justify-items: start;
|
|
19308
|
+
}
|
|
19309
|
+
|
|
19310
|
+
.pf-c-radio.pf-m-standalone {
|
|
19311
|
+
--pf-c-radio--GridGap: 0;
|
|
19312
|
+
--pf-c-radio__input--Height: auto;
|
|
19313
|
+
--pf-c-radio__input--MarginTop: 0;
|
|
19314
|
+
display: inline-grid;
|
|
19315
|
+
line-height: 1;
|
|
19316
|
+
}
|
|
19317
|
+
|
|
19318
|
+
.pf-c-radio__label {
|
|
19319
|
+
font-size: var(--pf-c-radio__label--FontSize);
|
|
19320
|
+
font-weight: var(--pf-c-radio__label--FontWeight);
|
|
19321
|
+
line-height: var(--pf-c-radio__label--LineHeight);
|
|
19322
|
+
color: var(--pf-c-radio__label--Color);
|
|
19323
|
+
}
|
|
19324
|
+
|
|
19325
|
+
.pf-c-radio__input {
|
|
19326
|
+
height: var(--pf-c-radio__input--Height);
|
|
19327
|
+
margin-top: var(--pf-c-radio__input--MarginTop);
|
|
19328
|
+
}
|
|
19329
|
+
|
|
19330
|
+
.pf-c-radio__input:first-child {
|
|
19331
|
+
margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
|
|
19332
|
+
}
|
|
19333
|
+
|
|
19334
|
+
.pf-c-radio__input:last-child {
|
|
19335
|
+
margin-right: var(--pf-c-radio__input--last-child--MarginRight);
|
|
19336
|
+
}
|
|
19337
|
+
|
|
19338
|
+
.pf-c-radio__description {
|
|
19339
|
+
grid-column: 2;
|
|
19340
|
+
font-size: var(--pf-c-radio__description--FontSize);
|
|
19341
|
+
color: var(--pf-c-radio__description--Color);
|
|
19342
|
+
}
|
|
19343
|
+
|
|
19344
|
+
.pf-c-radio__body {
|
|
19345
|
+
grid-column: 2;
|
|
19346
|
+
margin-top: var(--pf-c-radio__body--MarginTop);
|
|
19347
|
+
}
|
|
19348
|
+
|
|
19349
|
+
label.pf-c-radio, .pf-c-radio__label,
|
|
19350
|
+
.pf-c-radio__input {
|
|
19351
|
+
cursor: pointer;
|
|
19352
|
+
}
|
|
19353
|
+
|
|
19354
|
+
.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
|
|
19355
|
+
.pf-c-radio__input:disabled,
|
|
19356
|
+
.pf-c-radio__input.pf-m-disabled {
|
|
19357
|
+
--pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
|
|
19358
|
+
cursor: not-allowed;
|
|
19359
|
+
}
|
|
19360
|
+
|
|
19079
19361
|
.pf-c-search-input {
|
|
19080
19362
|
--pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
19081
19363
|
--pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
@@ -19226,117 +19508,45 @@ ul.pf-c-list {
|
|
|
19226
19508
|
background-clip: padding-box;
|
|
19227
19509
|
box-shadow: var(--pf-c-search-input__menu--BoxShadow);
|
|
19228
19510
|
}
|
|
19229
|
-
|
|
19230
|
-
.pf-c-search-input.pf-m-top .pf-c-search-input__menu {
|
|
19231
|
-
--pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
|
|
19232
|
-
transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
|
|
19233
|
-
}
|
|
19234
|
-
|
|
19235
|
-
.pf-c-search-input__menu-body {
|
|
19236
|
-
padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
|
|
19237
|
-
}
|
|
19238
|
-
|
|
19239
|
-
.pf-c-search-input__menu-list {
|
|
19240
|
-
padding-top: var(--pf-c-search-input__menu-list--PaddingTop);
|
|
19241
|
-
padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
|
|
19242
|
-
}
|
|
19243
|
-
|
|
19244
|
-
.pf-c-search-input__menu-item {
|
|
19245
|
-
display: flex;
|
|
19246
|
-
width: 100%;
|
|
19247
|
-
min-width: 0;
|
|
19248
|
-
padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
|
|
19249
|
-
padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
|
|
19250
|
-
padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
|
|
19251
|
-
padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
|
|
19252
|
-
color: var(--pf-c-search-input__menu-item--Color);
|
|
19253
|
-
text-align: left;
|
|
19254
|
-
background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
|
|
19255
|
-
border: none;
|
|
19256
|
-
}
|
|
19257
|
-
|
|
19258
|
-
.pf-c-search-input__menu-item:hover {
|
|
19259
|
-
--pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor);
|
|
19260
|
-
}
|
|
19261
|
-
|
|
19262
|
-
.pf-c-search-input__menu-item:focus {
|
|
19263
|
-
--pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor);
|
|
19264
|
-
}
|
|
19265
|
-
|
|
19266
|
-
.pf-c-search-input__menu-item-text {
|
|
19267
|
-
flex-grow: 1;
|
|
19268
|
-
}
|
|
19269
|
-
|
|
19270
|
-
.pf-c-radio {
|
|
19271
|
-
--pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
|
|
19272
|
-
--pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
|
|
19273
|
-
--pf-c-radio__label--Color: var(--pf-global--Color--100);
|
|
19274
|
-
--pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
|
|
19275
|
-
--pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
|
|
19276
|
-
--pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
|
|
19277
|
-
--pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
|
|
19278
|
-
--pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
|
|
19279
|
-
--pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
|
|
19280
|
-
--pf-c-radio__input--last-child--MarginRight: 0.0625rem;
|
|
19281
|
-
--pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
|
|
19282
|
-
--pf-c-radio__description--Color: var(--pf-global--Color--200);
|
|
19283
|
-
--pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
|
|
19284
|
-
display: grid;
|
|
19285
|
-
grid-template-columns: auto 1fr;
|
|
19286
|
-
grid-gap: var(--pf-c-radio--GridGap);
|
|
19287
|
-
align-items: start;
|
|
19288
|
-
justify-items: start;
|
|
19289
|
-
}
|
|
19290
|
-
|
|
19291
|
-
.pf-c-radio.pf-m-standalone {
|
|
19292
|
-
--pf-c-radio--GridGap: 0;
|
|
19293
|
-
--pf-c-radio__input--Height: auto;
|
|
19294
|
-
--pf-c-radio__input--MarginTop: 0;
|
|
19295
|
-
display: inline-grid;
|
|
19296
|
-
line-height: 1;
|
|
19297
|
-
}
|
|
19298
|
-
|
|
19299
|
-
.pf-c-radio__label {
|
|
19300
|
-
font-size: var(--pf-c-radio__label--FontSize);
|
|
19301
|
-
font-weight: var(--pf-c-radio__label--FontWeight);
|
|
19302
|
-
line-height: var(--pf-c-radio__label--LineHeight);
|
|
19303
|
-
color: var(--pf-c-radio__label--Color);
|
|
19304
|
-
}
|
|
19305
|
-
|
|
19306
|
-
.pf-c-radio__input {
|
|
19307
|
-
height: var(--pf-c-radio__input--Height);
|
|
19308
|
-
margin-top: var(--pf-c-radio__input--MarginTop);
|
|
19511
|
+
|
|
19512
|
+
.pf-c-search-input.pf-m-top .pf-c-search-input__menu {
|
|
19513
|
+
--pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
|
|
19514
|
+
transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
|
|
19309
19515
|
}
|
|
19310
19516
|
|
|
19311
|
-
.pf-c-
|
|
19312
|
-
|
|
19517
|
+
.pf-c-search-input__menu-body {
|
|
19518
|
+
padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
|
|
19313
19519
|
}
|
|
19314
19520
|
|
|
19315
|
-
.pf-c-
|
|
19316
|
-
|
|
19521
|
+
.pf-c-search-input__menu-list {
|
|
19522
|
+
padding-top: var(--pf-c-search-input__menu-list--PaddingTop);
|
|
19523
|
+
padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
|
|
19317
19524
|
}
|
|
19318
19525
|
|
|
19319
|
-
.pf-c-
|
|
19320
|
-
|
|
19321
|
-
|
|
19322
|
-
|
|
19526
|
+
.pf-c-search-input__menu-item {
|
|
19527
|
+
display: flex;
|
|
19528
|
+
width: 100%;
|
|
19529
|
+
min-width: 0;
|
|
19530
|
+
padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
|
|
19531
|
+
padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
|
|
19532
|
+
padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
|
|
19533
|
+
padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
|
|
19534
|
+
color: var(--pf-c-search-input__menu-item--Color);
|
|
19535
|
+
text-align: left;
|
|
19536
|
+
background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
|
|
19537
|
+
border: none;
|
|
19323
19538
|
}
|
|
19324
19539
|
|
|
19325
|
-
.pf-c-
|
|
19326
|
-
|
|
19327
|
-
margin-top: var(--pf-c-radio__body--MarginTop);
|
|
19540
|
+
.pf-c-search-input__menu-item:hover {
|
|
19541
|
+
--pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor);
|
|
19328
19542
|
}
|
|
19329
19543
|
|
|
19330
|
-
|
|
19331
|
-
|
|
19332
|
-
cursor: pointer;
|
|
19544
|
+
.pf-c-search-input__menu-item:focus {
|
|
19545
|
+
--pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor);
|
|
19333
19546
|
}
|
|
19334
19547
|
|
|
19335
|
-
.pf-c-
|
|
19336
|
-
|
|
19337
|
-
.pf-c-radio__input.pf-m-disabled {
|
|
19338
|
-
--pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
|
|
19339
|
-
cursor: not-allowed;
|
|
19548
|
+
.pf-c-search-input__menu-item-text {
|
|
19549
|
+
flex-grow: 1;
|
|
19340
19550
|
}
|
|
19341
19551
|
|
|
19342
19552
|
.pf-c-select {
|
|
@@ -24696,216 +24906,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24696
24906
|
--pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
|
|
24697
24907
|
}
|
|
24698
24908
|
|
|
24699
|
-
.pf-c-modal-box {
|
|
24700
|
-
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
24701
|
-
--pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
|
|
24702
|
-
--pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
|
|
24703
|
-
--pf-c-modal-box--Width: 100%;
|
|
24704
|
-
--pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
|
|
24705
|
-
--pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
24706
|
-
--pf-c-modal-box--m-md--Width: 52.5rem;
|
|
24707
|
-
--pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
24708
|
-
--pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
|
|
24709
|
-
--pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
|
|
24710
|
-
--pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
|
|
24711
|
-
--pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
|
|
24712
|
-
--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));
|
|
24713
|
-
--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)));
|
|
24714
|
-
--pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
24715
|
-
--pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
24716
|
-
--pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
24717
|
-
--pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
24718
|
-
--pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
24719
|
-
--pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
|
|
24720
|
-
--pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
|
|
24721
|
-
--pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
|
|
24722
|
-
--pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
24723
|
-
--pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
|
|
24724
|
-
--pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
24725
|
-
--pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
|
|
24726
|
-
--pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
24727
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
|
|
24728
|
-
--pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
|
|
24729
|
-
--pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
|
|
24730
|
-
--pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
|
|
24731
|
-
--pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
|
|
24732
|
-
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
24733
|
-
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
24734
|
-
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
24735
|
-
--pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
|
|
24736
|
-
--pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
|
|
24737
|
-
--pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
24738
|
-
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
24739
|
-
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
24740
|
-
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
24741
|
-
--pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
|
|
24742
|
-
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
|
|
24743
|
-
--pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
|
|
24744
|
-
position: relative;
|
|
24745
|
-
z-index: var(--pf-c-modal-box--ZIndex);
|
|
24746
|
-
display: flex;
|
|
24747
|
-
flex-direction: column;
|
|
24748
|
-
width: var(--pf-c-modal-box--Width);
|
|
24749
|
-
max-width: var(--pf-c-modal-box--MaxWidth);
|
|
24750
|
-
max-height: var(--pf-c-modal-box--MaxHeight);
|
|
24751
|
-
background-color: var(--pf-c-modal-box--BackgroundColor);
|
|
24752
|
-
box-shadow: var(--pf-c-modal-box--BoxShadow);
|
|
24753
|
-
}
|
|
24754
|
-
|
|
24755
|
-
@media (min-width: 1200px) {
|
|
24756
|
-
.pf-c-modal-box {
|
|
24757
|
-
--pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
|
|
24758
|
-
}
|
|
24759
|
-
}
|
|
24760
|
-
.pf-c-modal-box.pf-m-sm {
|
|
24761
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
|
|
24762
|
-
}
|
|
24763
|
-
|
|
24764
|
-
.pf-c-modal-box.pf-m-md {
|
|
24765
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
|
|
24766
|
-
}
|
|
24767
|
-
|
|
24768
|
-
.pf-c-modal-box.pf-m-lg {
|
|
24769
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
|
|
24770
|
-
}
|
|
24771
|
-
|
|
24772
|
-
.pf-c-modal-box.pf-m-align-top {
|
|
24773
|
-
top: var(--pf-c-modal-box--m-align-top--MarginTop);
|
|
24774
|
-
align-self: flex-start;
|
|
24775
|
-
max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
|
|
24776
|
-
max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
|
|
24777
|
-
}
|
|
24778
|
-
|
|
24779
|
-
.pf-c-modal-box.pf-m-danger {
|
|
24780
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
|
|
24781
|
-
}
|
|
24782
|
-
|
|
24783
|
-
.pf-c-modal-box.pf-m-warning {
|
|
24784
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
|
|
24785
|
-
}
|
|
24786
|
-
|
|
24787
|
-
.pf-c-modal-box.pf-m-success {
|
|
24788
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
|
|
24789
|
-
}
|
|
24790
|
-
|
|
24791
|
-
.pf-c-modal-box.pf-m-default {
|
|
24792
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
|
|
24793
|
-
}
|
|
24794
|
-
|
|
24795
|
-
.pf-c-modal-box.pf-m-info {
|
|
24796
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
24797
|
-
}
|
|
24798
|
-
|
|
24799
|
-
.pf-c-modal-box > .pf-c-button {
|
|
24800
|
-
position: absolute;
|
|
24801
|
-
top: var(--pf-c-modal-box--c-button--Top);
|
|
24802
|
-
right: var(--pf-c-modal-box--c-button--Right);
|
|
24803
|
-
}
|
|
24804
|
-
|
|
24805
|
-
.pf-c-modal-box > .pf-c-button + * {
|
|
24806
|
-
margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
|
|
24807
|
-
}
|
|
24808
|
-
|
|
24809
|
-
.pf-c-modal-box__header {
|
|
24810
|
-
display: flex;
|
|
24811
|
-
flex-direction: column;
|
|
24812
|
-
flex-shrink: 0;
|
|
24813
|
-
padding-top: var(--pf-c-modal-box__header--PaddingTop);
|
|
24814
|
-
padding-right: var(--pf-c-modal-box__header--PaddingRight);
|
|
24815
|
-
padding-left: var(--pf-c-modal-box__header--PaddingLeft);
|
|
24816
|
-
}
|
|
24817
|
-
|
|
24818
|
-
.pf-c-modal-box__header.pf-m-help {
|
|
24819
|
-
display: flex;
|
|
24820
|
-
flex-direction: row;
|
|
24821
|
-
}
|
|
24822
|
-
|
|
24823
|
-
.pf-c-modal-box__header:last-child {
|
|
24824
|
-
padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
|
|
24825
|
-
}
|
|
24826
|
-
|
|
24827
|
-
.pf-c-modal-box__header + .pf-c-modal-box__body {
|
|
24828
|
-
--pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
|
|
24829
|
-
}
|
|
24830
|
-
|
|
24831
|
-
.pf-c-modal-box__header-main {
|
|
24832
|
-
flex-grow: 1;
|
|
24833
|
-
min-width: 0;
|
|
24834
|
-
}
|
|
24835
|
-
|
|
24836
|
-
.pf-c-modal-box__title,
|
|
24837
|
-
.pf-c-modal-box__title-text {
|
|
24838
|
-
overflow: hidden;
|
|
24839
|
-
text-overflow: ellipsis;
|
|
24840
|
-
white-space: nowrap;
|
|
24841
|
-
}
|
|
24842
|
-
|
|
24843
|
-
.pf-c-modal-box__title {
|
|
24844
|
-
flex: 0 0 auto;
|
|
24845
|
-
font-family: var(--pf-c-modal-box__title--FontFamily);
|
|
24846
|
-
font-size: var(--pf-c-modal-box__title--FontSize);
|
|
24847
|
-
line-height: var(--pf-c-modal-box__title--LineHeight);
|
|
24848
|
-
}
|
|
24849
|
-
|
|
24850
|
-
.pf-c-modal-box__title.pf-m-icon {
|
|
24851
|
-
display: flex;
|
|
24852
|
-
}
|
|
24853
|
-
|
|
24854
|
-
.pf-c-modal-box__title-icon {
|
|
24855
|
-
margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
|
|
24856
|
-
color: var(--pf-c-modal-box__title-icon--Color);
|
|
24857
|
-
}
|
|
24858
|
-
|
|
24859
|
-
.pf-c-modal-box__description {
|
|
24860
|
-
padding-top: var(--pf-c-modal-box__description--PaddingTop);
|
|
24861
|
-
}
|
|
24862
|
-
|
|
24863
|
-
.pf-c-modal-box__body {
|
|
24864
|
-
flex: 1 1 auto;
|
|
24865
|
-
min-height: var(--pf-c-modal-box__body--MinHeight);
|
|
24866
|
-
padding-top: var(--pf-c-modal-box__body--PaddingTop);
|
|
24867
|
-
padding-right: var(--pf-c-modal-box__body--PaddingRight);
|
|
24868
|
-
padding-left: var(--pf-c-modal-box__body--PaddingLeft);
|
|
24869
|
-
overflow-x: hidden;
|
|
24870
|
-
overflow-y: auto;
|
|
24871
|
-
overscroll-behavior: contain;
|
|
24872
|
-
word-break: break-word;
|
|
24873
|
-
-webkit-overflow-scrolling: touch;
|
|
24874
|
-
}
|
|
24875
|
-
|
|
24876
|
-
.pf-c-modal-box__body:last-child {
|
|
24877
|
-
padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
|
|
24878
|
-
}
|
|
24879
|
-
|
|
24880
|
-
.pf-c-modal-box__footer {
|
|
24881
|
-
display: flex;
|
|
24882
|
-
flex: 0 0 auto;
|
|
24883
|
-
align-items: center;
|
|
24884
|
-
padding-top: var(--pf-c-modal-box__footer--PaddingTop);
|
|
24885
|
-
padding-right: var(--pf-c-modal-box__footer--PaddingRight);
|
|
24886
|
-
padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
|
|
24887
|
-
padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
|
|
24888
|
-
}
|
|
24889
|
-
|
|
24890
|
-
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
24891
|
-
margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
|
|
24892
|
-
}
|
|
24893
|
-
|
|
24894
|
-
@media screen and (min-width: 576px) {
|
|
24895
|
-
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
24896
|
-
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
|
|
24897
|
-
}
|
|
24898
|
-
}
|
|
24899
|
-
.pf-l-bullseye {
|
|
24900
|
-
--pf-l-bullseye--Padding: 0;
|
|
24901
|
-
display: flex;
|
|
24902
|
-
align-items: center;
|
|
24903
|
-
justify-content: center;
|
|
24904
|
-
height: 100%;
|
|
24905
|
-
padding: var(--pf-l-bullseye--Padding);
|
|
24906
|
-
margin: 0;
|
|
24907
|
-
}
|
|
24908
|
-
|
|
24909
24909
|
.pf-l-flex {
|
|
24910
24910
|
--pf-l-flex--Display: flex;
|
|
24911
24911
|
--pf-l-flex--FlexWrap: wrap;
|