@patternfly/patternfly 5.0.0-alpha.2 → 5.0.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/RELEASE-NOTES.md +30 -0
- package/components/Dropdown/dropdown.css +15 -0
- package/components/Dropdown/dropdown.scss +20 -0
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/themes/dark/form-control.scss +1 -1
- package/components/InputGroup/input-group.css +14 -0
- package/components/InputGroup/input-group.scss +9 -0
- package/components/InputGroup/themes/dark/input-group.scss +8 -0
- package/components/Menu/menu.css +4 -0
- package/components/Menu/menu.scss +5 -0
- package/components/Pagination/pagination.css +228 -0
- package/components/Pagination/pagination.scss +30 -1
- package/components/Slider/slider.css +0 -7
- package/components/Slider/slider.scss +0 -9
- package/docs/components/Dropdown/examples/Dropdown.md +216 -0
- package/docs/components/InputGroup/examples/InputGroup.md +1 -0
- package/docs/components/Pagination/examples/Pagination.md +129 -30
- package/docs/components/Slider/examples/Slider.md +6 -6
- package/docs/components/Tabs/examples/Tabs.md +1 -1
- package/docs/demos/Banner/examples/Banner.md +2 -2
- package/docs/demos/Card/examples/Card.md +3 -3
- package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
- package/docs/demos/Nav/examples/Nav.md +671 -718
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -2
- package/docs/demos/Tabs/examples/Tabs.md +42 -539
- package/docs/demos/Wizard/examples/Wizard.md +0 -4
- package/package.json +5 -5
- package/patternfly-no-reset.css +262 -8
- package/patternfly.css +262 -8
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -13722,6 +13722,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13722
13722
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13723
13723
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
|
|
13724
13724
|
--pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
|
|
13725
|
+
--pf-c-dropdown__toggle-progress--Visibility: hidden;
|
|
13726
|
+
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
|
|
13725
13727
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
|
|
13726
13728
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
|
|
13727
13729
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -13933,9 +13935,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13933
13935
|
align-items: center;
|
|
13934
13936
|
cursor: pointer;
|
|
13935
13937
|
}
|
|
13938
|
+
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
|
|
13939
|
+
--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
|
|
13940
|
+
--pf-c-dropdown__toggle-progress--Visibility: visible;
|
|
13941
|
+
}
|
|
13936
13942
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
|
|
13937
13943
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
|
|
13938
13944
|
cursor: pointer;
|
|
13945
|
+
visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
|
|
13939
13946
|
transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
|
|
13940
13947
|
}
|
|
13941
13948
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
|
|
@@ -14131,6 +14138,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14131
14138
|
--pf-c-dropdown__toggle-image--MarginRight: 0;
|
|
14132
14139
|
}
|
|
14133
14140
|
|
|
14141
|
+
.pf-c-dropdown__toggle-progress {
|
|
14142
|
+
position: absolute;
|
|
14143
|
+
visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
|
|
14144
|
+
}
|
|
14145
|
+
.pf-c-dropdown__toggle-progress .pf-c-spinner {
|
|
14146
|
+
--pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
|
|
14147
|
+
}
|
|
14148
|
+
|
|
14134
14149
|
.pf-c-dropdown__menu {
|
|
14135
14150
|
position: absolute;
|
|
14136
14151
|
top: var(--pf-c-dropdown__menu--Top);
|
|
@@ -15576,7 +15591,7 @@ textarea.pf-c-form-control {
|
|
|
15576
15591
|
}
|
|
15577
15592
|
|
|
15578
15593
|
:where(.pf-theme-dark) .pf-c-form-control {
|
|
15579
|
-
--pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0
|
|
15594
|
+
--pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
|
|
15580
15595
|
--pf-c-form-control--BorderTopColor: transparent;
|
|
15581
15596
|
--pf-c-form-control--BorderRightColor: transparent;
|
|
15582
15597
|
--pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
@@ -16026,6 +16041,9 @@ textarea.pf-c-form-control {
|
|
|
16026
16041
|
--pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
16027
16042
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16028
16043
|
--pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
|
|
16044
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
|
|
16045
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
16046
|
+
--pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
|
|
16029
16047
|
--pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
|
|
16030
16048
|
--pf-c-input-group--c-form-control--MarginRight: 0;
|
|
16031
16049
|
color: var(--pf-global--Color--100);
|
|
@@ -16075,6 +16093,11 @@ label.pf-c-input-group__text {
|
|
|
16075
16093
|
--pf-c-input-group__text--BorderWidth: 0;
|
|
16076
16094
|
margin-left: 0;
|
|
16077
16095
|
}
|
|
16096
|
+
.pf-c-input-group__text.pf-m-disabled {
|
|
16097
|
+
--pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16098
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16099
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
|
|
16100
|
+
}
|
|
16078
16101
|
|
|
16079
16102
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16080
16103
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
@@ -16119,6 +16142,8 @@ label.pf-c-input-group__text {
|
|
|
16119
16142
|
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
16120
16143
|
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
16121
16144
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
16145
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
|
|
16146
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
16122
16147
|
}
|
|
16123
16148
|
:where(.pf-theme-dark) .pf-c-input-group > * + * {
|
|
16124
16149
|
margin-left: 0;
|
|
@@ -16133,6 +16158,10 @@ label.pf-c-input-group__text {
|
|
|
16133
16158
|
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
|
|
16134
16159
|
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
16135
16160
|
}
|
|
16161
|
+
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
|
|
16162
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16163
|
+
color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16164
|
+
}
|
|
16136
16165
|
|
|
16137
16166
|
.pf-c-jump-links {
|
|
16138
16167
|
--pf-c-jump-links__list--Display: flex;
|
|
@@ -18506,11 +18535,15 @@ ul.pf-c-list {
|
|
|
18506
18535
|
}
|
|
18507
18536
|
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
|
|
18508
18537
|
overflow: visible;
|
|
18538
|
+
visibility: hidden;
|
|
18509
18539
|
}
|
|
18510
18540
|
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
|
|
18511
18541
|
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
|
|
18512
18542
|
display: none;
|
|
18513
18543
|
}
|
|
18544
|
+
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
|
|
18545
|
+
visibility: hidden;
|
|
18546
|
+
}
|
|
18514
18547
|
.pf-c-menu.pf-m-plain {
|
|
18515
18548
|
--pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
|
|
18516
18549
|
}
|
|
@@ -22486,6 +22519,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22486
22519
|
}
|
|
22487
22520
|
|
|
22488
22521
|
.pf-c-pagination {
|
|
22522
|
+
--pf-c-pagination--inset: 0;
|
|
22523
|
+
--pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
|
|
22524
|
+
--pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
|
|
22525
|
+
--pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
22526
|
+
--pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
22489
22527
|
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
22490
22528
|
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
22491
22529
|
--pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
|
|
@@ -22541,6 +22579,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22541
22579
|
flex-wrap: wrap;
|
|
22542
22580
|
align-items: center;
|
|
22543
22581
|
justify-content: flex-end;
|
|
22582
|
+
padding-right: var(--pf-c-pagination--PaddingRight);
|
|
22583
|
+
padding-left: var(--pf-c-pagination--PaddingLeft);
|
|
22544
22584
|
}
|
|
22545
22585
|
@media screen and (min-width: 768px) {
|
|
22546
22586
|
.pf-c-pagination {
|
|
@@ -22560,6 +22600,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22560
22600
|
.pf-c-pagination {
|
|
22561
22601
|
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
|
|
22562
22602
|
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
|
|
22603
|
+
--pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
|
|
22604
|
+
--pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
|
|
22563
22605
|
}
|
|
22564
22606
|
}
|
|
22565
22607
|
.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
|
|
@@ -22650,6 +22692,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22650
22692
|
.pf-c-pagination.pf-m-compact {
|
|
22651
22693
|
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
|
|
22652
22694
|
}
|
|
22695
|
+
.pf-c-pagination.pf-m-page-insets {
|
|
22696
|
+
--pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
|
|
22697
|
+
}
|
|
22653
22698
|
|
|
22654
22699
|
.pf-c-pagination__nav {
|
|
22655
22700
|
display: var(--pf-c-pagination__nav--Display);
|
|
@@ -22696,6 +22741,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22696
22741
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22697
22742
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22698
22743
|
}
|
|
22744
|
+
.pf-c-pagination.pf-m-inset-none {
|
|
22745
|
+
--pf-c-pagination--inset: 0;
|
|
22746
|
+
}
|
|
22747
|
+
.pf-c-pagination.pf-m-inset-sm {
|
|
22748
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22749
|
+
}
|
|
22750
|
+
.pf-c-pagination.pf-m-inset-md {
|
|
22751
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22752
|
+
}
|
|
22753
|
+
.pf-c-pagination.pf-m-inset-lg {
|
|
22754
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22755
|
+
}
|
|
22756
|
+
.pf-c-pagination.pf-m-inset-xl {
|
|
22757
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22758
|
+
}
|
|
22759
|
+
.pf-c-pagination.pf-m-inset-2xl {
|
|
22760
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22761
|
+
}
|
|
22762
|
+
.pf-c-pagination.pf-m-inset-none {
|
|
22763
|
+
--pf-c-pagination--inset: 0;
|
|
22764
|
+
}
|
|
22765
|
+
.pf-c-pagination.pf-m-inset-sm {
|
|
22766
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22767
|
+
}
|
|
22768
|
+
.pf-c-pagination.pf-m-inset-md {
|
|
22769
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22770
|
+
}
|
|
22771
|
+
.pf-c-pagination.pf-m-inset-lg {
|
|
22772
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22773
|
+
}
|
|
22774
|
+
.pf-c-pagination.pf-m-inset-xl {
|
|
22775
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22776
|
+
}
|
|
22777
|
+
.pf-c-pagination.pf-m-inset-2xl {
|
|
22778
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22779
|
+
}
|
|
22699
22780
|
@media (min-width: 576px) {
|
|
22700
22781
|
.pf-c-pagination.pf-m-display-summary-on-sm {
|
|
22701
22782
|
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
@@ -22707,6 +22788,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22707
22788
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22708
22789
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22709
22790
|
}
|
|
22791
|
+
.pf-c-pagination.pf-m-inset-none-on-sm {
|
|
22792
|
+
--pf-c-pagination--inset: 0;
|
|
22793
|
+
}
|
|
22794
|
+
.pf-c-pagination.pf-m-inset-sm-on-sm {
|
|
22795
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22796
|
+
}
|
|
22797
|
+
.pf-c-pagination.pf-m-inset-md-on-sm {
|
|
22798
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22799
|
+
}
|
|
22800
|
+
.pf-c-pagination.pf-m-inset-lg-on-sm {
|
|
22801
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22802
|
+
}
|
|
22803
|
+
.pf-c-pagination.pf-m-inset-xl-on-sm {
|
|
22804
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22805
|
+
}
|
|
22806
|
+
.pf-c-pagination.pf-m-inset-2xl-on-sm {
|
|
22807
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22808
|
+
}
|
|
22809
|
+
.pf-c-pagination.pf-m-inset-none-on-sm {
|
|
22810
|
+
--pf-c-pagination--inset: 0;
|
|
22811
|
+
}
|
|
22812
|
+
.pf-c-pagination.pf-m-inset-sm-on-sm {
|
|
22813
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22814
|
+
}
|
|
22815
|
+
.pf-c-pagination.pf-m-inset-md-on-sm {
|
|
22816
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22817
|
+
}
|
|
22818
|
+
.pf-c-pagination.pf-m-inset-lg-on-sm {
|
|
22819
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22820
|
+
}
|
|
22821
|
+
.pf-c-pagination.pf-m-inset-xl-on-sm {
|
|
22822
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22823
|
+
}
|
|
22824
|
+
.pf-c-pagination.pf-m-inset-2xl-on-sm {
|
|
22825
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22826
|
+
}
|
|
22710
22827
|
}
|
|
22711
22828
|
@media (min-width: 768px) {
|
|
22712
22829
|
.pf-c-pagination.pf-m-display-summary-on-md {
|
|
@@ -22719,6 +22836,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22719
22836
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22720
22837
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22721
22838
|
}
|
|
22839
|
+
.pf-c-pagination.pf-m-inset-none-on-md {
|
|
22840
|
+
--pf-c-pagination--inset: 0;
|
|
22841
|
+
}
|
|
22842
|
+
.pf-c-pagination.pf-m-inset-sm-on-md {
|
|
22843
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22844
|
+
}
|
|
22845
|
+
.pf-c-pagination.pf-m-inset-md-on-md {
|
|
22846
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22847
|
+
}
|
|
22848
|
+
.pf-c-pagination.pf-m-inset-lg-on-md {
|
|
22849
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22850
|
+
}
|
|
22851
|
+
.pf-c-pagination.pf-m-inset-xl-on-md {
|
|
22852
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22853
|
+
}
|
|
22854
|
+
.pf-c-pagination.pf-m-inset-2xl-on-md {
|
|
22855
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22856
|
+
}
|
|
22857
|
+
.pf-c-pagination.pf-m-inset-none-on-md {
|
|
22858
|
+
--pf-c-pagination--inset: 0;
|
|
22859
|
+
}
|
|
22860
|
+
.pf-c-pagination.pf-m-inset-sm-on-md {
|
|
22861
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22862
|
+
}
|
|
22863
|
+
.pf-c-pagination.pf-m-inset-md-on-md {
|
|
22864
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22865
|
+
}
|
|
22866
|
+
.pf-c-pagination.pf-m-inset-lg-on-md {
|
|
22867
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22868
|
+
}
|
|
22869
|
+
.pf-c-pagination.pf-m-inset-xl-on-md {
|
|
22870
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22871
|
+
}
|
|
22872
|
+
.pf-c-pagination.pf-m-inset-2xl-on-md {
|
|
22873
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22874
|
+
}
|
|
22722
22875
|
}
|
|
22723
22876
|
@media (min-width: 992px) {
|
|
22724
22877
|
.pf-c-pagination.pf-m-display-summary-on-lg {
|
|
@@ -22731,6 +22884,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22731
22884
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22732
22885
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22733
22886
|
}
|
|
22887
|
+
.pf-c-pagination.pf-m-inset-none-on-lg {
|
|
22888
|
+
--pf-c-pagination--inset: 0;
|
|
22889
|
+
}
|
|
22890
|
+
.pf-c-pagination.pf-m-inset-sm-on-lg {
|
|
22891
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22892
|
+
}
|
|
22893
|
+
.pf-c-pagination.pf-m-inset-md-on-lg {
|
|
22894
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22895
|
+
}
|
|
22896
|
+
.pf-c-pagination.pf-m-inset-lg-on-lg {
|
|
22897
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22898
|
+
}
|
|
22899
|
+
.pf-c-pagination.pf-m-inset-xl-on-lg {
|
|
22900
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22901
|
+
}
|
|
22902
|
+
.pf-c-pagination.pf-m-inset-2xl-on-lg {
|
|
22903
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22904
|
+
}
|
|
22905
|
+
.pf-c-pagination.pf-m-inset-none-on-lg {
|
|
22906
|
+
--pf-c-pagination--inset: 0;
|
|
22907
|
+
}
|
|
22908
|
+
.pf-c-pagination.pf-m-inset-sm-on-lg {
|
|
22909
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22910
|
+
}
|
|
22911
|
+
.pf-c-pagination.pf-m-inset-md-on-lg {
|
|
22912
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22913
|
+
}
|
|
22914
|
+
.pf-c-pagination.pf-m-inset-lg-on-lg {
|
|
22915
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22916
|
+
}
|
|
22917
|
+
.pf-c-pagination.pf-m-inset-xl-on-lg {
|
|
22918
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22919
|
+
}
|
|
22920
|
+
.pf-c-pagination.pf-m-inset-2xl-on-lg {
|
|
22921
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22922
|
+
}
|
|
22734
22923
|
}
|
|
22735
22924
|
@media (min-width: 1200px) {
|
|
22736
22925
|
.pf-c-pagination.pf-m-display-summary-on-xl {
|
|
@@ -22743,6 +22932,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22743
22932
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22744
22933
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22745
22934
|
}
|
|
22935
|
+
.pf-c-pagination.pf-m-inset-none-on-xl {
|
|
22936
|
+
--pf-c-pagination--inset: 0;
|
|
22937
|
+
}
|
|
22938
|
+
.pf-c-pagination.pf-m-inset-sm-on-xl {
|
|
22939
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22940
|
+
}
|
|
22941
|
+
.pf-c-pagination.pf-m-inset-md-on-xl {
|
|
22942
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22943
|
+
}
|
|
22944
|
+
.pf-c-pagination.pf-m-inset-lg-on-xl {
|
|
22945
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22946
|
+
}
|
|
22947
|
+
.pf-c-pagination.pf-m-inset-xl-on-xl {
|
|
22948
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22949
|
+
}
|
|
22950
|
+
.pf-c-pagination.pf-m-inset-2xl-on-xl {
|
|
22951
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22952
|
+
}
|
|
22953
|
+
.pf-c-pagination.pf-m-inset-none-on-xl {
|
|
22954
|
+
--pf-c-pagination--inset: 0;
|
|
22955
|
+
}
|
|
22956
|
+
.pf-c-pagination.pf-m-inset-sm-on-xl {
|
|
22957
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22958
|
+
}
|
|
22959
|
+
.pf-c-pagination.pf-m-inset-md-on-xl {
|
|
22960
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22961
|
+
}
|
|
22962
|
+
.pf-c-pagination.pf-m-inset-lg-on-xl {
|
|
22963
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22964
|
+
}
|
|
22965
|
+
.pf-c-pagination.pf-m-inset-xl-on-xl {
|
|
22966
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22967
|
+
}
|
|
22968
|
+
.pf-c-pagination.pf-m-inset-2xl-on-xl {
|
|
22969
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22970
|
+
}
|
|
22746
22971
|
}
|
|
22747
22972
|
@media (min-width: 1450px) {
|
|
22748
22973
|
.pf-c-pagination.pf-m-display-summary-on-2xl {
|
|
@@ -22755,6 +22980,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22755
22980
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22756
22981
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22757
22982
|
}
|
|
22983
|
+
.pf-c-pagination.pf-m-inset-none-on-2xl {
|
|
22984
|
+
--pf-c-pagination--inset: 0;
|
|
22985
|
+
}
|
|
22986
|
+
.pf-c-pagination.pf-m-inset-sm-on-2xl {
|
|
22987
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22988
|
+
}
|
|
22989
|
+
.pf-c-pagination.pf-m-inset-md-on-2xl {
|
|
22990
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22991
|
+
}
|
|
22992
|
+
.pf-c-pagination.pf-m-inset-lg-on-2xl {
|
|
22993
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22994
|
+
}
|
|
22995
|
+
.pf-c-pagination.pf-m-inset-xl-on-2xl {
|
|
22996
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22997
|
+
}
|
|
22998
|
+
.pf-c-pagination.pf-m-inset-2xl-on-2xl {
|
|
22999
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
23000
|
+
}
|
|
23001
|
+
.pf-c-pagination.pf-m-inset-none-on-2xl {
|
|
23002
|
+
--pf-c-pagination--inset: 0;
|
|
23003
|
+
}
|
|
23004
|
+
.pf-c-pagination.pf-m-inset-sm-on-2xl {
|
|
23005
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
23006
|
+
}
|
|
23007
|
+
.pf-c-pagination.pf-m-inset-md-on-2xl {
|
|
23008
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
23009
|
+
}
|
|
23010
|
+
.pf-c-pagination.pf-m-inset-lg-on-2xl {
|
|
23011
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
23012
|
+
}
|
|
23013
|
+
.pf-c-pagination.pf-m-inset-xl-on-2xl {
|
|
23014
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
23015
|
+
}
|
|
23016
|
+
.pf-c-pagination.pf-m-inset-2xl-on-2xl {
|
|
23017
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
23018
|
+
}
|
|
22758
23019
|
}
|
|
22759
23020
|
|
|
22760
23021
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -25640,13 +25901,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25640
25901
|
z-index: var(--pf-c-slider__value--m-floating--ZIndex);
|
|
25641
25902
|
transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
|
|
25642
25903
|
}
|
|
25643
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group {
|
|
25644
|
-
align-items: center;
|
|
25645
|
-
}
|
|
25646
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
|
|
25647
|
-
position: absolute;
|
|
25648
|
-
left: 100%;
|
|
25649
|
-
}
|
|
25650
25904
|
.pf-c-slider__value .pf-c-form-control {
|
|
25651
25905
|
width: var(--pf-c-slider__value--c-form-control--Width);
|
|
25652
25906
|
}
|