@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/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -8389,6 +8389,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8389
8389
|
--pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
8390
8390
|
--pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
8391
8391
|
--pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
8392
|
+
--pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
8393
|
+
--pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
8392
8394
|
--pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
|
|
8393
8395
|
--pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
|
|
8394
8396
|
--pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
|
|
@@ -8551,6 +8553,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8551
8553
|
.pf-c-context-selector__toggle.pf-m-plain {
|
|
8552
8554
|
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
|
|
8553
8555
|
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
|
|
8556
|
+
--pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
|
|
8554
8557
|
}
|
|
8555
8558
|
.pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
|
|
8556
8559
|
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
|
|
@@ -8561,11 +8564,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8561
8564
|
width: auto;
|
|
8562
8565
|
color: var(--pf-c-context-selector__toggle--m-plain--Color);
|
|
8563
8566
|
}
|
|
8564
|
-
.pf-c-context-selector__toggle.pf-m-plain
|
|
8567
|
+
.pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
|
|
8565
8568
|
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
|
|
8566
8569
|
}
|
|
8567
|
-
.pf-c-context-selector__toggle.pf-m-plain:
|
|
8570
|
+
.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 {
|
|
8568
8571
|
--pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
|
|
8572
|
+
--pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
|
|
8569
8573
|
}
|
|
8570
8574
|
.pf-c-context-selector__toggle.pf-m-plain::before {
|
|
8571
8575
|
border: 0;
|
|
@@ -8582,6 +8586,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8582
8586
|
.pf-c-context-selector__toggle-icon {
|
|
8583
8587
|
margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
|
|
8584
8588
|
margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
|
|
8589
|
+
color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
|
|
8585
8590
|
}
|
|
8586
8591
|
|
|
8587
8592
|
.pf-c-context-selector__menu {
|
|
@@ -10108,6 +10113,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10108
10113
|
--pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
|
|
10109
10114
|
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
10110
10115
|
--pf-c-toolbar__item--Display: block;
|
|
10116
|
+
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
10111
10117
|
--pf-c-toolbar__group--Display: flex;
|
|
10112
10118
|
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
10113
10119
|
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
@@ -10364,6 +10370,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10364
10370
|
--pf-c-toolbar--spacer: 0;
|
|
10365
10371
|
}
|
|
10366
10372
|
|
|
10373
|
+
.pf-c-toolbar__group.pf-m-overflow-container,
|
|
10374
|
+
.pf-c-toolbar__item.pf-m-overflow-container {
|
|
10375
|
+
flex: 1;
|
|
10376
|
+
overflow: hidden;
|
|
10377
|
+
}
|
|
10378
|
+
|
|
10367
10379
|
.pf-c-toolbar__expand-all-icon {
|
|
10368
10380
|
display: inline-block;
|
|
10369
10381
|
transition: var(--pf-c-toolbar__expand-all-icon--Transition);
|
|
@@ -12354,6 +12366,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12354
12366
|
--pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
12355
12367
|
--pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
12356
12368
|
--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
|
|
12369
|
+
--pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
12370
|
+
--pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
12357
12371
|
--pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
12358
12372
|
--pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
12359
12373
|
--pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
|
|
@@ -12576,6 +12590,9 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12576
12590
|
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
|
|
12577
12591
|
border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
|
|
12578
12592
|
}
|
|
12593
|
+
.pf-c-dropdown__toggle.pf-m-plain {
|
|
12594
|
+
--pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
|
|
12595
|
+
}
|
|
12579
12596
|
.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
|
|
12580
12597
|
--pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
|
|
12581
12598
|
--pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
|
|
@@ -12590,6 +12607,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12590
12607
|
}
|
|
12591
12608
|
.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 {
|
|
12592
12609
|
--pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
|
|
12610
|
+
--pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
|
|
12593
12611
|
}
|
|
12594
12612
|
.pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
|
|
12595
12613
|
--pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
|
|
@@ -12651,10 +12669,15 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12651
12669
|
white-space: nowrap;
|
|
12652
12670
|
}
|
|
12653
12671
|
|
|
12672
|
+
.pf-c-dropdown__toggle-text {
|
|
12673
|
+
flex: 0 1 auto;
|
|
12674
|
+
}
|
|
12675
|
+
|
|
12654
12676
|
.pf-c-dropdown__toggle-icon {
|
|
12655
12677
|
margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
|
|
12656
12678
|
margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
|
|
12657
12679
|
line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
|
|
12680
|
+
color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
|
|
12658
12681
|
}
|
|
12659
12682
|
.pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
|
|
12660
12683
|
transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
|
|
@@ -12662,6 +12685,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12662
12685
|
|
|
12663
12686
|
.pf-c-dropdown__toggle-image {
|
|
12664
12687
|
display: inline-flex;
|
|
12688
|
+
flex-shrink: 0;
|
|
12665
12689
|
margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
|
|
12666
12690
|
margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
|
|
12667
12691
|
margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
|
|
@@ -15592,13 +15616,8 @@ ul.pf-c-list {
|
|
|
15592
15616
|
padding-left: var(--pf-c-masthead--PaddingLeft);
|
|
15593
15617
|
background-color: var(--pf-c-masthead--BackgroundColor);
|
|
15594
15618
|
}
|
|
15595
|
-
@media screen and (min-width: 1200px) {
|
|
15596
|
-
.pf-c-masthead {
|
|
15597
|
-
--pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
|
|
15598
|
-
}
|
|
15599
|
-
}
|
|
15600
15619
|
@media screen and (min-width: 768px) {
|
|
15601
|
-
.pf-c-masthead {
|
|
15620
|
+
.pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
|
|
15602
15621
|
--pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
|
|
15603
15622
|
--pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
|
|
15604
15623
|
--pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
|
|
@@ -15618,6 +15637,14 @@ ul.pf-c-list {
|
|
|
15618
15637
|
--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
|
|
15619
15638
|
}
|
|
15620
15639
|
}
|
|
15640
|
+
@media screen and (min-width: 1200px) {
|
|
15641
|
+
.pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
|
|
15642
|
+
--pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
|
|
15643
|
+
}
|
|
15644
|
+
}
|
|
15645
|
+
.pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
|
|
15646
|
+
--pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
|
|
15647
|
+
}
|
|
15621
15648
|
.pf-c-masthead.pf-m-light {
|
|
15622
15649
|
color: var(--pf-global--Color--100);
|
|
15623
15650
|
--pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
|
|
@@ -15674,6 +15701,9 @@ ul.pf-c-list {
|
|
|
15674
15701
|
--pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
|
|
15675
15702
|
--pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
|
|
15676
15703
|
}
|
|
15704
|
+
.pf-c-masthead .pf-c-nav {
|
|
15705
|
+
align-self: stretch;
|
|
15706
|
+
}
|
|
15677
15707
|
|
|
15678
15708
|
.pf-c-masthead__main {
|
|
15679
15709
|
position: relative;
|
|
@@ -16253,6 +16283,7 @@ ul.pf-c-list {
|
|
|
16253
16283
|
--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
|
|
16254
16284
|
--pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
|
|
16255
16285
|
--pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
|
|
16286
|
+
--pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
|
|
16256
16287
|
--pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
|
|
16257
16288
|
--pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
|
|
16258
16289
|
--pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
|
|
@@ -16719,6 +16750,11 @@ ul.pf-c-list {
|
|
|
16719
16750
|
--pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
|
|
16720
16751
|
--pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
|
|
16721
16752
|
--pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
16753
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
16754
|
+
--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
16755
|
+
--pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
|
|
16756
|
+
--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
|
|
16757
|
+
--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
16722
16758
|
--pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
|
|
16723
16759
|
--pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
|
|
16724
16760
|
--pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
|
|
@@ -16798,6 +16834,9 @@ ul.pf-c-list {
|
|
|
16798
16834
|
--pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
|
|
16799
16835
|
--pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
|
|
16800
16836
|
}
|
|
16837
|
+
.pf-c-menu-toggle.pf-m-plain {
|
|
16838
|
+
--pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color);
|
|
16839
|
+
}
|
|
16801
16840
|
.pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
|
|
16802
16841
|
--pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
|
|
16803
16842
|
--pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
|
|
@@ -16814,22 +16853,26 @@ ul.pf-c-list {
|
|
|
16814
16853
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
|
|
16815
16854
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
|
|
16816
16855
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
|
|
16856
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
|
|
16817
16857
|
}
|
|
16818
16858
|
.pf-c-menu-toggle:focus {
|
|
16819
16859
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
|
|
16820
16860
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
|
|
16821
16861
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
|
|
16862
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
|
|
16822
16863
|
}
|
|
16823
16864
|
.pf-c-menu-toggle:active {
|
|
16824
16865
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
|
|
16825
16866
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
|
|
16826
16867
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
|
|
16868
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
|
|
16827
16869
|
}
|
|
16828
16870
|
.pf-c-menu-toggle.pf-m-expanded {
|
|
16829
16871
|
--pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
|
|
16830
16872
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
|
|
16831
16873
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
|
|
16832
16874
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
|
|
16875
|
+
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
|
|
16833
16876
|
}
|
|
16834
16877
|
.pf-c-menu-toggle:disabled {
|
|
16835
16878
|
--pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
|
|
@@ -16874,6 +16917,7 @@ ul.pf-c-list {
|
|
|
16874
16917
|
|
|
16875
16918
|
.pf-c-menu-toggle__toggle-icon {
|
|
16876
16919
|
margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
|
|
16920
|
+
color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
|
|
16877
16921
|
}
|
|
16878
16922
|
|
|
16879
16923
|
.pf-c-modal-box {
|
|
@@ -17590,7 +17634,7 @@ ul.pf-c-list {
|
|
|
17590
17634
|
--pf-c-menu__list--PaddingTop: 0;
|
|
17591
17635
|
--pf-c-menu__list--PaddingBottom: 0;
|
|
17592
17636
|
--pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
|
|
17593
|
-
--pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
|
|
17637
|
+
--pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
|
|
17594
17638
|
--pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
|
|
17595
17639
|
--pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
|
|
17596
17640
|
--pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
|
|
@@ -17774,9 +17818,9 @@ ul.pf-c-list {
|
|
|
17774
17818
|
--pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
|
|
17775
17819
|
--pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
|
|
17776
17820
|
--pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
|
|
17821
|
+
--pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
|
|
17777
17822
|
--pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
|
|
17778
17823
|
--pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
|
|
17779
|
-
--pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
|
|
17780
17824
|
--pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
|
|
17781
17825
|
--pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
|
|
17782
17826
|
--pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
|
|
@@ -18538,6 +18582,8 @@ ul.pf-c-list {
|
|
|
18538
18582
|
--pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
18539
18583
|
--pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
18540
18584
|
--pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
|
|
18585
|
+
--pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
|
|
18586
|
+
--pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
|
|
18541
18587
|
--pf-c-options-menu__toggle-button--BackgroundColor: transparent;
|
|
18542
18588
|
--pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
18543
18589
|
--pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
@@ -18630,6 +18676,9 @@ ul.pf-c-list {
|
|
|
18630
18676
|
--pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
|
|
18631
18677
|
border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
|
|
18632
18678
|
}
|
|
18679
|
+
.pf-c-options-menu__toggle.pf-m-plain {
|
|
18680
|
+
--pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
|
|
18681
|
+
}
|
|
18633
18682
|
.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
|
|
18634
18683
|
--pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
|
|
18635
18684
|
--pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
|
|
@@ -18639,10 +18688,11 @@ ul.pf-c-list {
|
|
|
18639
18688
|
.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
|
|
18640
18689
|
line-height: var(--pf-c-options-menu__toggle--LineHeight);
|
|
18641
18690
|
}
|
|
18642
|
-
.pf-c-options-menu__toggle.pf-m-plain:
|
|
18691
|
+
.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 {
|
|
18643
18692
|
--pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
|
|
18693
|
+
--pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
|
|
18644
18694
|
}
|
|
18645
|
-
.pf-c-options-menu__toggle.pf-m-plain
|
|
18695
|
+
.pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
|
|
18646
18696
|
--pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
|
|
18647
18697
|
}
|
|
18648
18698
|
.pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
|
|
@@ -18671,6 +18721,11 @@ ul.pf-c-list {
|
|
|
18671
18721
|
white-space: nowrap;
|
|
18672
18722
|
}
|
|
18673
18723
|
|
|
18724
|
+
.pf-c-options-menu__toggle-icon,
|
|
18725
|
+
.pf-c-options-menu__toggle-button-icon {
|
|
18726
|
+
color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
|
|
18727
|
+
}
|
|
18728
|
+
|
|
18674
18729
|
.pf-c-options-menu__toggle-icon {
|
|
18675
18730
|
margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
|
|
18676
18731
|
margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
|
|
@@ -20296,6 +20351,8 @@ ul.pf-c-list {
|
|
|
20296
20351
|
--pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
|
|
20297
20352
|
--pf-c-progress-stepper__step-description--TextAlign: left;
|
|
20298
20353
|
--pf-c-progress-stepper--m-center__step-description--TextAlign: center;
|
|
20354
|
+
--pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
|
|
20355
|
+
--pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
|
|
20299
20356
|
position: relative;
|
|
20300
20357
|
display: grid;
|
|
20301
20358
|
grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
|
|
@@ -20778,6 +20835,8 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
20778
20835
|
--pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
|
|
20779
20836
|
--pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
|
|
20780
20837
|
--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
|
|
20838
|
+
--pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
|
|
20839
|
+
--pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
|
|
20781
20840
|
--pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
|
|
20782
20841
|
--pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
|
|
20783
20842
|
--pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
@@ -20955,9 +21014,15 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
20955
21014
|
--pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
|
|
20956
21015
|
--pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
|
|
20957
21016
|
}
|
|
21017
|
+
.pf-c-select__toggle.pf-m-plain {
|
|
21018
|
+
--pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color);
|
|
21019
|
+
}
|
|
20958
21020
|
.pf-c-select__toggle.pf-m-plain::before {
|
|
20959
21021
|
border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
|
|
20960
21022
|
}
|
|
21023
|
+
.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 {
|
|
21024
|
+
--pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color);
|
|
21025
|
+
}
|
|
20961
21026
|
.pf-c-select__toggle.pf-m-typeahead {
|
|
20962
21027
|
--pf-c-select__toggle--PaddingTop: 0;
|
|
20963
21028
|
--pf-c-select__toggle--PaddingRight: 0;
|
|
@@ -20986,6 +21051,9 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
20986
21051
|
--pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
|
|
20987
21052
|
}
|
|
20988
21053
|
|
|
21054
|
+
.pf-c-select__toggle-arrow {
|
|
21055
|
+
color: var(--pf-c-select__toggle-arrow--Color, inherit);
|
|
21056
|
+
}
|
|
20989
21057
|
* + .pf-c-select__toggle-arrow {
|
|
20990
21058
|
margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
|
|
20991
21059
|
margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
|
|
@@ -21279,6 +21347,7 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21279
21347
|
--pf-c-sidebar--m-split__panel--Position: static;
|
|
21280
21348
|
--pf-c-sidebar--m-split__panel--Top: auto;
|
|
21281
21349
|
--pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
21350
|
+
--pf-c-sidebar__panel--FlexBasis--base: auto;
|
|
21282
21351
|
--pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
21283
21352
|
--pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
|
|
21284
21353
|
--pf-c-sidebar__panel--Top: 0;
|
|
@@ -24368,7 +24437,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24368
24437
|
border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
|
|
24369
24438
|
}
|
|
24370
24439
|
.pf-c-table tr > *.pf-m-border-left::before {
|
|
24371
|
-
border-left: var(--pf-c-table--cell--m-border-
|
|
24440
|
+
border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
|
|
24372
24441
|
}
|
|
24373
24442
|
.pf-c-table caption {
|
|
24374
24443
|
padding-top: var(--pf-c-table-caption--PaddingTop);
|
|
@@ -25055,6 +25124,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25055
25124
|
--pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
25056
25125
|
--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
25057
25126
|
--pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
|
|
25127
|
+
--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
25128
|
+
--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
|
|
25058
25129
|
--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
|
|
25059
25130
|
}
|
|
25060
25131
|
.pf-c-table .pf-c-table__sticky-column {
|