@patternfly/patternfly 4.168.0 → 4.171.1
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/RELEASE-NOTES.md +41 -1
- package/components/ContextSelector/context-selector.css +7 -2
- package/components/ContextSelector/context-selector.scss +16 -11
- package/components/Dropdown/dropdown.css +12 -0
- package/components/Dropdown/dropdown.scss +11 -0
- package/components/Masthead/masthead.css +12 -6
- package/components/Masthead/masthead.scss +16 -5
- package/components/Menu/menu.css +1 -0
- package/components/Menu/menu.scss +1 -0
- package/components/MenuToggle/menu-toggle.css +13 -0
- package/components/MenuToggle/menu-toggle.scss +26 -12
- package/components/Nav/nav.css +2 -2
- package/components/Nav/nav.scss +4 -4
- package/components/OptionsMenu/options-menu.css +13 -2
- package/components/OptionsMenu/options-menu.scss +19 -7
- package/components/ProgressStepper/progress-stepper.css +2 -0
- package/components/ProgressStepper/progress-stepper.scss +2 -0
- package/components/Select/select.css +11 -0
- package/components/Select/select.scss +14 -0
- package/components/Sidebar/sidebar.css +1 -0
- package/components/Sidebar/sidebar.scss +1 -0
- package/components/Table/table-scrollable.css +2 -0
- package/components/Table/table-scrollable.scss +2 -0
- package/components/Table/table.css +1 -1
- package/components/Table/table.scss +1 -1
- package/components/Toolbar/toolbar.css +7 -0
- package/components/Toolbar/toolbar.scss +10 -0
- package/docs/components/BackToTop/examples/BackToTop.md +0 -1
- package/docs/components/JumpLinks/examples/JumpLinks.md +0 -1
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +26 -1
- package/docs/components/Toolbar/examples/Toolbar.md +1 -0
- package/docs/demos/BackToTop/examples/BackToTop.md +0 -1
- package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -1
- package/docs/demos/Masthead/examples/Masthead.md +865 -1
- package/package.json +1 -1
- package/patternfly-no-reset.css +84 -13
- package/patternfly.css +84 -13
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -8511,6 +8511,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8511
8511
|
--pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
8512
8512
|
--pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
8513
8513
|
--pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
8514
|
+
--pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
8515
|
+
--pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
8514
8516
|
--pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
|
|
8515
8517
|
--pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
|
|
8516
8518
|
--pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
|
|
@@ -8673,6 +8675,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8673
8675
|
.pf-c-context-selector__toggle.pf-m-plain {
|
|
8674
8676
|
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
|
|
8675
8677
|
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
|
|
8678
|
+
--pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
|
|
8676
8679
|
}
|
|
8677
8680
|
.pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
|
|
8678
8681
|
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
|
|
@@ -8683,11 +8686,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8683
8686
|
width: auto;
|
|
8684
8687
|
color: var(--pf-c-context-selector__toggle--m-plain--Color);
|
|
8685
8688
|
}
|
|
8686
|
-
.pf-c-context-selector__toggle.pf-m-plain
|
|
8689
|
+
.pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
|
|
8687
8690
|
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
|
|
8688
8691
|
}
|
|
8689
|
-
.pf-c-context-selector__toggle.pf-m-plain:
|
|
8692
|
+
.pf-c-context-selector__toggle.pf-m-plain:hover, .pf-c-context-selector__toggle.pf-m-plain:active, .pf-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain {
|
|
8690
8693
|
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
|
|
8694
|
+
--pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
|
|
8691
8695
|
}
|
|
8692
8696
|
.pf-c-context-selector__toggle.pf-m-plain::before {
|
|
8693
8697
|
border: 0;
|
|
@@ -8704,6 +8708,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8704
8708
|
.pf-c-context-selector__toggle-icon {
|
|
8705
8709
|
margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
|
|
8706
8710
|
margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
|
|
8711
|
+
color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
|
|
8707
8712
|
}
|
|
8708
8713
|
|
|
8709
8714
|
.pf-c-context-selector__menu {
|
|
@@ -10230,6 +10235,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10230
10235
|
--pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
|
|
10231
10236
|
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
10232
10237
|
--pf-c-toolbar__item--Display: block;
|
|
10238
|
+
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
10233
10239
|
--pf-c-toolbar__group--Display: flex;
|
|
10234
10240
|
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
10235
10241
|
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
@@ -10486,6 +10492,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10486
10492
|
--pf-c-toolbar--spacer: 0;
|
|
10487
10493
|
}
|
|
10488
10494
|
|
|
10495
|
+
.pf-c-toolbar__group.pf-m-overflow-container,
|
|
10496
|
+
.pf-c-toolbar__item.pf-m-overflow-container {
|
|
10497
|
+
flex: 1;
|
|
10498
|
+
overflow: hidden;
|
|
10499
|
+
}
|
|
10500
|
+
|
|
10489
10501
|
.pf-c-toolbar__expand-all-icon {
|
|
10490
10502
|
display: inline-block;
|
|
10491
10503
|
transition: var(--pf-c-toolbar__expand-all-icon--Transition);
|
|
@@ -12476,6 +12488,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12476
12488
|
--pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
12477
12489
|
--pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
12478
12490
|
--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
|
|
12491
|
+
--pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
12492
|
+
--pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
12479
12493
|
--pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
12480
12494
|
--pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
12481
12495
|
--pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
|
|
@@ -12698,6 +12712,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12698
12712
|
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
|
|
12699
12713
|
border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
|
|
12700
12714
|
}
|
|
12715
|
+
.pf-c-dropdown__toggle.pf-m-plain {
|
|
12716
|
+
--pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
|
|
12717
|
+
}
|
|
12701
12718
|
.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
|
|
12702
12719
|
--pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
|
|
12703
12720
|
--pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
|
|
@@ -12712,6 +12729,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12712
12729
|
}
|
|
12713
12730
|
.pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
|
|
12714
12731
|
--pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
|
|
12732
|
+
--pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
|
|
12715
12733
|
}
|
|
12716
12734
|
.pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
|
|
12717
12735
|
--pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
|
|
@@ -12773,10 +12791,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12773
12791
|
white-space: nowrap;
|
|
12774
12792
|
}
|
|
12775
12793
|
|
|
12794
|
+
.pf-c-dropdown__toggle-text {
|
|
12795
|
+
flex: 0 1 auto;
|
|
12796
|
+
}
|
|
12797
|
+
|
|
12776
12798
|
.pf-c-dropdown__toggle-icon {
|
|
12777
12799
|
margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
|
|
12778
12800
|
margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
|
|
12779
12801
|
line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
|
|
12802
|
+
color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
|
|
12780
12803
|
}
|
|
12781
12804
|
.pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
|
|
12782
12805
|
transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
|
|
@@ -12784,6 +12807,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12784
12807
|
|
|
12785
12808
|
.pf-c-dropdown__toggle-image {
|
|
12786
12809
|
display: inline-flex;
|
|
12810
|
+
flex-shrink: 0;
|
|
12787
12811
|
margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
|
|
12788
12812
|
margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
|
|
12789
12813
|
margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
|
|
@@ -15714,13 +15738,8 @@ ul.pf-c-list {
|
|
|
15714
15738
|
padding-left: var(--pf-c-masthead--PaddingLeft);
|
|
15715
15739
|
background-color: var(--pf-c-masthead--BackgroundColor);
|
|
15716
15740
|
}
|
|
15717
|
-
@media screen and (min-width: 1200px) {
|
|
15718
|
-
.pf-c-masthead {
|
|
15719
|
-
--pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
|
|
15720
|
-
}
|
|
15721
|
-
}
|
|
15722
15741
|
@media screen and (min-width: 768px) {
|
|
15723
|
-
.pf-c-masthead {
|
|
15742
|
+
.pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
|
|
15724
15743
|
--pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15725
15744
|
--pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
|
|
15726
15745
|
--pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
|
|
@@ -15740,6 +15759,14 @@ ul.pf-c-list {
|
|
|
15740
15759
|
--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
|
|
15741
15760
|
}
|
|
15742
15761
|
}
|
|
15762
|
+
@media screen and (min-width: 1200px) {
|
|
15763
|
+
.pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
|
|
15764
|
+
--pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
|
|
15765
|
+
}
|
|
15766
|
+
}
|
|
15767
|
+
.pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
|
|
15768
|
+
--pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
|
|
15769
|
+
}
|
|
15743
15770
|
.pf-c-masthead.pf-m-light {
|
|
15744
15771
|
color: var(--pf-global--Color--100);
|
|
15745
15772
|
--pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
|
|
@@ -15796,6 +15823,9 @@ ul.pf-c-list {
|
|
|
15796
15823
|
--pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
|
|
15797
15824
|
--pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
|
|
15798
15825
|
}
|
|
15826
|
+
.pf-c-masthead .pf-c-nav {
|
|
15827
|
+
align-self: stretch;
|
|
15828
|
+
}
|
|
15799
15829
|
|
|
15800
15830
|
.pf-c-masthead__main {
|
|
15801
15831
|
position: relative;
|
|
@@ -16375,6 +16405,7 @@ ul.pf-c-list {
|
|
|
16375
16405
|
--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
|
|
16376
16406
|
--pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
|
|
16377
16407
|
--pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
|
|
16408
|
+
--pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
|
|
16378
16409
|
--pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
|
|
16379
16410
|
--pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
|
|
16380
16411
|
--pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
|
|
@@ -16841,6 +16872,11 @@ ul.pf-c-list {
|
|
|
16841
16872
|
--pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
|
|
16842
16873
|
--pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
|
|
16843
16874
|
--pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
16875
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
16876
|
+
--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
16877
|
+
--pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
|
|
16878
|
+
--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
|
|
16879
|
+
--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
16844
16880
|
--pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
|
|
16845
16881
|
--pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
|
|
16846
16882
|
--pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
|
|
@@ -16920,6 +16956,9 @@ ul.pf-c-list {
|
|
|
16920
16956
|
--pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
|
|
16921
16957
|
--pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
|
|
16922
16958
|
}
|
|
16959
|
+
.pf-c-menu-toggle.pf-m-plain {
|
|
16960
|
+
--pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color);
|
|
16961
|
+
}
|
|
16923
16962
|
.pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
|
|
16924
16963
|
--pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
|
|
16925
16964
|
--pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
|
|
@@ -16936,22 +16975,26 @@ ul.pf-c-list {
|
|
|
16936
16975
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
|
|
16937
16976
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
|
|
16938
16977
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
|
|
16978
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
|
|
16939
16979
|
}
|
|
16940
16980
|
.pf-c-menu-toggle:focus {
|
|
16941
16981
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
|
|
16942
16982
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
|
|
16943
16983
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
|
|
16984
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
|
|
16944
16985
|
}
|
|
16945
16986
|
.pf-c-menu-toggle:active {
|
|
16946
16987
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
|
|
16947
16988
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
|
|
16948
16989
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
|
|
16990
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
|
|
16949
16991
|
}
|
|
16950
16992
|
.pf-c-menu-toggle.pf-m-expanded {
|
|
16951
16993
|
--pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
|
|
16952
16994
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
|
|
16953
16995
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
|
|
16954
16996
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
|
|
16997
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
|
|
16955
16998
|
}
|
|
16956
16999
|
.pf-c-menu-toggle:disabled {
|
|
16957
17000
|
--pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
|
|
@@ -16996,6 +17039,7 @@ ul.pf-c-list {
|
|
|
16996
17039
|
|
|
16997
17040
|
.pf-c-menu-toggle__toggle-icon {
|
|
16998
17041
|
margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
|
|
17042
|
+
color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
|
|
16999
17043
|
}
|
|
17000
17044
|
|
|
17001
17045
|
.pf-c-modal-box {
|
|
@@ -17712,7 +17756,7 @@ ul.pf-c-list {
|
|
|
17712
17756
|
--pf-c-menu__list--PaddingTop: 0;
|
|
17713
17757
|
--pf-c-menu__list--PaddingBottom: 0;
|
|
17714
17758
|
--pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
|
|
17715
|
-
--pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
|
|
17759
|
+
--pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
|
|
17716
17760
|
--pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
|
|
17717
17761
|
--pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
|
|
17718
17762
|
--pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
|
|
@@ -17896,9 +17940,9 @@ ul.pf-c-list {
|
|
|
17896
17940
|
--pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
|
|
17897
17941
|
--pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
|
|
17898
17942
|
--pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
|
|
17943
|
+
--pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
|
|
17899
17944
|
--pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
|
|
17900
17945
|
--pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
|
|
17901
|
-
--pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
|
|
17902
17946
|
--pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
|
|
17903
17947
|
--pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
|
|
17904
17948
|
--pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
|
|
@@ -18660,6 +18704,8 @@ ul.pf-c-list {
|
|
|
18660
18704
|
--pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
18661
18705
|
--pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
18662
18706
|
--pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
|
|
18707
|
+
--pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
18708
|
+
--pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
18663
18709
|
--pf-c-options-menu__toggle-button--BackgroundColor: transparent;
|
|
18664
18710
|
--pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
18665
18711
|
--pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
@@ -18752,6 +18798,9 @@ ul.pf-c-list {
|
|
|
18752
18798
|
--pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
|
|
18753
18799
|
border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
|
|
18754
18800
|
}
|
|
18801
|
+
.pf-c-options-menu__toggle.pf-m-plain {
|
|
18802
|
+
--pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
|
|
18803
|
+
}
|
|
18755
18804
|
.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
|
|
18756
18805
|
--pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
|
|
18757
18806
|
--pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
|
|
@@ -18761,10 +18810,11 @@ ul.pf-c-list {
|
|
|
18761
18810
|
.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
|
|
18762
18811
|
line-height: var(--pf-c-options-menu__toggle--LineHeight);
|
|
18763
18812
|
}
|
|
18764
|
-
.pf-c-options-menu__toggle.pf-m-plain:
|
|
18813
|
+
.pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
|
|
18765
18814
|
--pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
|
|
18815
|
+
--pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
|
|
18766
18816
|
}
|
|
18767
|
-
.pf-c-options-menu__toggle.pf-m-plain
|
|
18817
|
+
.pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
|
|
18768
18818
|
--pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
|
|
18769
18819
|
}
|
|
18770
18820
|
.pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
|
|
@@ -18793,6 +18843,11 @@ ul.pf-c-list {
|
|
|
18793
18843
|
white-space: nowrap;
|
|
18794
18844
|
}
|
|
18795
18845
|
|
|
18846
|
+
.pf-c-options-menu__toggle-icon,
|
|
18847
|
+
.pf-c-options-menu__toggle-button-icon {
|
|
18848
|
+
color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
|
|
18849
|
+
}
|
|
18850
|
+
|
|
18796
18851
|
.pf-c-options-menu__toggle-icon {
|
|
18797
18852
|
margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
|
|
18798
18853
|
margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
|
|
@@ -20418,6 +20473,8 @@ ul.pf-c-list {
|
|
|
20418
20473
|
--pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
|
|
20419
20474
|
--pf-c-progress-stepper__step-description--TextAlign: left;
|
|
20420
20475
|
--pf-c-progress-stepper--m-center__step-description--TextAlign: center;
|
|
20476
|
+
--pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
|
|
20477
|
+
--pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
|
|
20421
20478
|
position: relative;
|
|
20422
20479
|
display: grid;
|
|
20423
20480
|
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
@@ -20900,6 +20957,8 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
20900
20957
|
--pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
|
|
20901
20958
|
--pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
|
|
20902
20959
|
--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
|
|
20960
|
+
--pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
|
|
20961
|
+
--pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
|
|
20903
20962
|
--pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
|
|
20904
20963
|
--pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
|
|
20905
20964
|
--pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
@@ -21077,9 +21136,15 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21077
21136
|
--pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
|
|
21078
21137
|
--pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
|
|
21079
21138
|
}
|
|
21139
|
+
.pf-c-select__toggle.pf-m-plain {
|
|
21140
|
+
--pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color);
|
|
21141
|
+
}
|
|
21080
21142
|
.pf-c-select__toggle.pf-m-plain::before {
|
|
21081
21143
|
border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
|
|
21082
21144
|
}
|
|
21145
|
+
.pf-c-select__toggle.pf-m-plain:hover, .pf-c-select__toggle.pf-m-plain:active, .pf-c-select__toggle.pf-m-plain.pf-m-active, .pf-c-select__toggle.pf-m-plain:focus, .pf-c-select.pf-m-expanded > .pf-c-select__toggle.pf-m-plain {
|
|
21146
|
+
--pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color);
|
|
21147
|
+
}
|
|
21083
21148
|
.pf-c-select__toggle.pf-m-typeahead {
|
|
21084
21149
|
--pf-c-select__toggle--PaddingTop: 0;
|
|
21085
21150
|
--pf-c-select__toggle--PaddingRight: 0;
|
|
@@ -21108,6 +21173,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21108
21173
|
--pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
|
|
21109
21174
|
}
|
|
21110
21175
|
|
|
21176
|
+
.pf-c-select__toggle-arrow {
|
|
21177
|
+
color: var(--pf-c-select__toggle-arrow--Color, inherit);
|
|
21178
|
+
}
|
|
21111
21179
|
* + .pf-c-select__toggle-arrow {
|
|
21112
21180
|
margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
|
|
21113
21181
|
margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
|
|
@@ -21401,6 +21469,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21401
21469
|
--pf-c-sidebar--m-split__panel--Position: static;
|
|
21402
21470
|
--pf-c-sidebar--m-split__panel--Top: auto;
|
|
21403
21471
|
--pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
21472
|
+
--pf-c-sidebar__panel--FlexBasis--base: auto;
|
|
21404
21473
|
--pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
21405
21474
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
21406
21475
|
--pf-c-sidebar__panel--Top: 0;
|
|
@@ -24490,7 +24559,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24490
24559
|
border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
|
|
24491
24560
|
}
|
|
24492
24561
|
.pf-c-table tr > *.pf-m-border-left::before {
|
|
24493
|
-
border-left: var(--pf-c-table--cell--m-border-
|
|
24562
|
+
border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
|
|
24494
24563
|
}
|
|
24495
24564
|
.pf-c-table caption {
|
|
24496
24565
|
padding-top: var(--pf-c-table-caption--PaddingTop);
|
|
@@ -25177,6 +25246,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25177
25246
|
--pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25178
25247
|
--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
25179
25248
|
--pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
25249
|
+
--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
25250
|
+
--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
|
|
25180
25251
|
--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
|
|
25181
25252
|
}
|
|
25182
25253
|
.pf-c-table .pf-c-table__sticky-column {
|