@patternfly/patternfly 4.158.0 → 4.160.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/RELEASE-NOTES.md +30 -0
- package/components/Menu/menu.css +84 -0
- package/components/Menu/menu.scss +109 -0
- package/components/Nav/nav.css +3 -3
- package/components/Nav/nav.scss +2 -1
- package/components/Table/table.css +3 -3
- package/components/Table/table.scss +3 -3
- package/components/Toolbar/toolbar.css +4 -2
- package/components/Toolbar/toolbar.scss +6 -2
- package/docs/components/Menu/examples/Menu.md +1 -0
- package/docs/components/Nav/examples/Navigation.css +12 -4
- package/docs/components/Nav/examples/Navigation.md +51 -232
- package/docs/components/Select/examples/Select.md +12 -11
- package/docs/components/Table/examples/Table.md +2168 -76
- package/docs/demos/Button/examples/Button.md +176 -0
- package/docs/demos/Card/examples/Card.md +164 -112
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +79 -0
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/Table/examples/Table.md +3734 -95
- package/package.json +1 -1
- package/patternfly-no-reset.css +94 -8
- package/patternfly.css +94 -8
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -9999,6 +9999,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9999
9999
|
--pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
|
|
10000
10000
|
--pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
|
|
10001
10001
|
--pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
|
|
10002
|
+
--pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
|
|
10003
|
+
--pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
|
|
10002
10004
|
--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
|
|
10003
10005
|
--pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
|
|
10004
10006
|
--pf-c-toolbar--m-full-height--PaddingTop: 0;
|
|
@@ -10266,8 +10268,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10266
10268
|
grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
|
|
10267
10269
|
}
|
|
10268
10270
|
.pf-c-toolbar__expandable-content .pf-m-label {
|
|
10269
|
-
|
|
10270
|
-
|
|
10271
|
+
margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
|
|
10272
|
+
font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
|
|
10271
10273
|
}
|
|
10272
10274
|
|
|
10273
10275
|
.pf-c-toolbar__content.pf-m-chip-container,
|
|
@@ -15780,6 +15782,7 @@ ul.pf-c-list {
|
|
|
15780
15782
|
--pf-c-menu--MinWidth: auto;
|
|
15781
15783
|
--pf-c-menu--Width: auto;
|
|
15782
15784
|
--pf-c-menu--ZIndex: var(--pf-global--ZIndex--sm);
|
|
15785
|
+
--pf-c-menu--Top: auto;
|
|
15783
15786
|
--pf-c-menu--m-flyout__menu--Top: calc(var(--pf-c-menu__list--PaddingTop) * -1 + var(--pf-c-menu--m-flyout__menu--top-offset));
|
|
15784
15787
|
--pf-c-menu--m-flyout__menu--Right: auto;
|
|
15785
15788
|
--pf-c-menu--m-flyout__menu--Bottom: auto;
|
|
@@ -15896,11 +15899,38 @@ ul.pf-c-list {
|
|
|
15896
15899
|
--pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
15897
15900
|
--pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
|
|
15898
15901
|
--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
15902
|
+
top: var(--pf-c-menu--Top);
|
|
15899
15903
|
z-index: var(--pf-c-menu--ZIndex);
|
|
15900
15904
|
width: var(--pf-c-menu--Width);
|
|
15901
15905
|
min-width: var(--pf-c-menu--MinWidth);
|
|
15902
15906
|
background-color: var(--pf-c-menu--BackgroundColor);
|
|
15903
15907
|
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
15908
|
+
--pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
15909
|
+
--pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
15910
|
+
--pf-c-menu--m-nav__list--PaddingTop: 0;
|
|
15911
|
+
--pf-c-menu--m-nav__list--PaddingBottom: 0;
|
|
15912
|
+
--pf-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
15913
|
+
--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
15914
|
+
--pf-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
15915
|
+
--pf-c-menu--m-nav__item--PaddingRight: var(--pf-global--spacer--lg);
|
|
15916
|
+
--pf-c-menu--m-nav__item--PaddingLeft: var(--pf-global--spacer--lg);
|
|
15917
|
+
--pf-c-menu--m-nav__item--Color: var(--pf-global--Color--light-100);
|
|
15918
|
+
--pf-c-menu--m-nav__item--FontSize: var(--pf-global--FontSize--sm);
|
|
15919
|
+
--pf-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
|
|
15920
|
+
--pf-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
|
|
15921
|
+
--pf-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
15922
|
+
--pf-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
|
|
15923
|
+
--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
15924
|
+
--pf-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
|
|
15925
|
+
--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
|
|
15926
|
+
--pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
|
|
15927
|
+
--pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
|
|
15928
|
+
--pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
|
|
15929
|
+
--pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
|
|
15930
|
+
--pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
|
|
15931
|
+
--pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
|
|
15932
|
+
--pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
|
|
15933
|
+
--pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
|
|
15904
15934
|
}
|
|
15905
15935
|
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
|
|
15906
15936
|
overflow: visible;
|
|
@@ -16000,6 +16030,62 @@ ul.pf-c-list {
|
|
|
16000
16030
|
.pf-c-menu.pf-m-scrollable .pf-c-menu__content {
|
|
16001
16031
|
overflow-y: auto;
|
|
16002
16032
|
}
|
|
16033
|
+
.pf-c-menu.pf-m-nav, .pf-c-menu.pf-m-nav .pf-c-menu {
|
|
16034
|
+
--pf-c-menu--BackgroundColor: var(--pf-c-menu--m-nav--BackgroundColor);
|
|
16035
|
+
--pf-c-menu__list--PaddingTop: var(--pf-c-menu--m-nav__list--PaddingTop);
|
|
16036
|
+
--pf-c-menu__list--PaddingBottom: var(--pf-c-menu--m-nav__list--PaddingBottom);
|
|
16037
|
+
--pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-menu--m-nav__list-item--hover--BackgroundColor);
|
|
16038
|
+
--pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor);
|
|
16039
|
+
--pf-c-menu__list-item--active--BackgroundColor: var(--pf-c-menu--m-nav__list-item--active--BackgroundColor);
|
|
16040
|
+
--pf-c-menu__item--Color: var(--pf-c-menu--m-nav__item--Color);
|
|
16041
|
+
--pf-c-menu__item--FontSize: var(--pf-c-menu--m-nav__item--FontSize);
|
|
16042
|
+
--pf-c-menu__item--OutlineOffset: var(--pf-c-menu--m-nav__item--OutlineOffset);
|
|
16043
|
+
--pf-c-menu__item--PaddingRight: var(--pf-c-menu--m-nav__item--PaddingRight);
|
|
16044
|
+
--pf-c-menu__item--PaddingLeft: var(--pf-c-menu--m-nav__item--PaddingLeft);
|
|
16045
|
+
--pf-c-menu__item-description--Color: var(--pf-c-menu--m-nav__item-description--Color);
|
|
16046
|
+
box-shadow: var(--pf-c-menu--m-nav--BoxShadow);
|
|
16047
|
+
}
|
|
16048
|
+
.pf-c-menu.pf-m-nav .pf-c-menu__item, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item {
|
|
16049
|
+
position: relative;
|
|
16050
|
+
outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
|
|
16051
|
+
}
|
|
16052
|
+
.pf-c-menu.pf-m-nav .pf-c-menu__item::before, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item::before {
|
|
16053
|
+
position: absolute;
|
|
16054
|
+
right: 0;
|
|
16055
|
+
bottom: 0;
|
|
16056
|
+
left: 0;
|
|
16057
|
+
content: "";
|
|
16058
|
+
border-bottom: var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-c-menu--m-nav__item--before--BorderBottomColor);
|
|
16059
|
+
}
|
|
16060
|
+
.pf-c-menu.pf-m-nav .pf-c-menu__item:hover::after, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:hover::after {
|
|
16061
|
+
position: absolute;
|
|
16062
|
+
top: var(--pf-c-menu--m-nav__item--hover--after--Top);
|
|
16063
|
+
bottom: 0;
|
|
16064
|
+
left: 0;
|
|
16065
|
+
content: "";
|
|
16066
|
+
border-left: var(--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-c-menu--m-nav__item--hover--after--BorderLeftColor);
|
|
16067
|
+
}
|
|
16068
|
+
.pf-c-menu.pf-m-nav .pf-c-menu {
|
|
16069
|
+
width: 100%;
|
|
16070
|
+
}
|
|
16071
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu {
|
|
16072
|
+
top: var(--pf-c-menu--m-nav--c-menu--Top);
|
|
16073
|
+
left: var(--pf-c-menu--m-nav--c-menu--Left);
|
|
16074
|
+
}
|
|
16075
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-top {
|
|
16076
|
+
--pf-c-menu--m-nav--c-menu--Top: auto;
|
|
16077
|
+
bottom: var(--pf-c-menu--m-nav--c-menu--m-top--Bottom);
|
|
16078
|
+
}
|
|
16079
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-left {
|
|
16080
|
+
--pf-c-menu--m-nav--c-menu--Left: auto;
|
|
16081
|
+
right: var(--pf-c-menu--m-nav--c-menu--m-left--Right);
|
|
16082
|
+
}
|
|
16083
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child {
|
|
16084
|
+
--pf-c-menu--m-nav__item--hover--after--Top: var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top);
|
|
16085
|
+
}
|
|
16086
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child .pf-c-menu {
|
|
16087
|
+
--pf-c-menu--m-nav--c-menu--Top: var(--pf-c-menu--m-nav__list-item--first-child--c-menu--Top);
|
|
16088
|
+
}
|
|
16003
16089
|
|
|
16004
16090
|
.pf-c-menu__breadcrumb {
|
|
16005
16091
|
display: flex;
|
|
@@ -17371,14 +17457,14 @@ ul.pf-c-list {
|
|
|
17371
17457
|
border-color: var(--pf-c-nav__link--after--BorderColor);
|
|
17372
17458
|
border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth);
|
|
17373
17459
|
}
|
|
17374
|
-
.pf-c-nav__link:hover {
|
|
17460
|
+
.pf-c-nav__link:hover, .pf-c-nav__link.pf-m-hover {
|
|
17375
17461
|
color: var(--pf-c-nav__link--hover--Color);
|
|
17376
17462
|
background-color: var(--pf-c-nav__link--hover--BackgroundColor);
|
|
17377
17463
|
}
|
|
17378
|
-
.pf-c-nav__link:hover::before {
|
|
17464
|
+
.pf-c-nav__link:hover::before, .pf-c-nav__link.pf-m-hover::before {
|
|
17379
17465
|
border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth);
|
|
17380
17466
|
}
|
|
17381
|
-
.pf-c-nav__link:hover::after {
|
|
17467
|
+
.pf-c-nav__link:hover::after, .pf-c-nav__link.pf-m-hover::after {
|
|
17382
17468
|
border-color: var(--pf-c-nav__link--hover--after--BorderColor);
|
|
17383
17469
|
border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth);
|
|
17384
17470
|
}
|
|
@@ -23618,8 +23704,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
23618
23704
|
--pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);
|
|
23619
23705
|
--pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
|
|
23620
23706
|
--pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);
|
|
23621
|
-
--pf-c-table--nested--first-last-child--PaddingRight: var(--pf-
|
|
23622
|
-
--pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-
|
|
23707
|
+
--pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
23708
|
+
--pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
23623
23709
|
--pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
23624
23710
|
--pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
|
|
23625
23711
|
--pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
|
|
@@ -24107,7 +24193,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24107
24193
|
.pf-c-table__check {
|
|
24108
24194
|
--pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
|
|
24109
24195
|
}
|
|
24110
|
-
.pf-c-table__check > input {
|
|
24196
|
+
.pf-c-table__check > input:not([disabled]) {
|
|
24111
24197
|
cursor: pointer;
|
|
24112
24198
|
}
|
|
24113
24199
|
|
package/patternfly.css
CHANGED
|
@@ -10135,6 +10135,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10135
10135
|
--pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
|
|
10136
10136
|
--pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
|
|
10137
10137
|
--pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
|
|
10138
|
+
--pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
|
|
10139
|
+
--pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
|
|
10138
10140
|
--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
|
|
10139
10141
|
--pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
|
|
10140
10142
|
--pf-c-toolbar--m-full-height--PaddingTop: 0;
|
|
@@ -10402,8 +10404,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
10402
10404
|
grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
|
|
10403
10405
|
}
|
|
10404
10406
|
.pf-c-toolbar__expandable-content .pf-m-label {
|
|
10405
|
-
|
|
10406
|
-
|
|
10407
|
+
margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
|
|
10408
|
+
font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
|
|
10407
10409
|
}
|
|
10408
10410
|
|
|
10409
10411
|
.pf-c-toolbar__content.pf-m-chip-container,
|
|
@@ -15916,6 +15918,7 @@ ul.pf-c-list {
|
|
|
15916
15918
|
--pf-c-menu--MinWidth: auto;
|
|
15917
15919
|
--pf-c-menu--Width: auto;
|
|
15918
15920
|
--pf-c-menu--ZIndex: var(--pf-global--ZIndex--sm);
|
|
15921
|
+
--pf-c-menu--Top: auto;
|
|
15919
15922
|
--pf-c-menu--m-flyout__menu--Top: calc(var(--pf-c-menu__list--PaddingTop) * -1 + var(--pf-c-menu--m-flyout__menu--top-offset));
|
|
15920
15923
|
--pf-c-menu--m-flyout__menu--Right: auto;
|
|
15921
15924
|
--pf-c-menu--m-flyout__menu--Bottom: auto;
|
|
@@ -16032,11 +16035,38 @@ ul.pf-c-list {
|
|
|
16032
16035
|
--pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
|
|
16033
16036
|
--pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
|
|
16034
16037
|
--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
16038
|
+
top: var(--pf-c-menu--Top);
|
|
16035
16039
|
z-index: var(--pf-c-menu--ZIndex);
|
|
16036
16040
|
width: var(--pf-c-menu--Width);
|
|
16037
16041
|
min-width: var(--pf-c-menu--MinWidth);
|
|
16038
16042
|
background-color: var(--pf-c-menu--BackgroundColor);
|
|
16039
16043
|
box-shadow: var(--pf-c-menu--BoxShadow);
|
|
16044
|
+
--pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
16045
|
+
--pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
|
|
16046
|
+
--pf-c-menu--m-nav__list--PaddingTop: 0;
|
|
16047
|
+
--pf-c-menu--m-nav__list--PaddingBottom: 0;
|
|
16048
|
+
--pf-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
16049
|
+
--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
16050
|
+
--pf-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
16051
|
+
--pf-c-menu--m-nav__item--PaddingRight: var(--pf-global--spacer--lg);
|
|
16052
|
+
--pf-c-menu--m-nav__item--PaddingLeft: var(--pf-global--spacer--lg);
|
|
16053
|
+
--pf-c-menu--m-nav__item--Color: var(--pf-global--Color--light-100);
|
|
16054
|
+
--pf-c-menu--m-nav__item--FontSize: var(--pf-global--FontSize--sm);
|
|
16055
|
+
--pf-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
|
|
16056
|
+
--pf-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
|
|
16057
|
+
--pf-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
16058
|
+
--pf-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
|
|
16059
|
+
--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
16060
|
+
--pf-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
|
|
16061
|
+
--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
|
|
16062
|
+
--pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
|
|
16063
|
+
--pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
|
|
16064
|
+
--pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
|
|
16065
|
+
--pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
|
|
16066
|
+
--pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
|
|
16067
|
+
--pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
|
|
16068
|
+
--pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
|
|
16069
|
+
--pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
|
|
16040
16070
|
}
|
|
16041
16071
|
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
|
|
16042
16072
|
overflow: visible;
|
|
@@ -16136,6 +16166,62 @@ ul.pf-c-list {
|
|
|
16136
16166
|
.pf-c-menu.pf-m-scrollable .pf-c-menu__content {
|
|
16137
16167
|
overflow-y: auto;
|
|
16138
16168
|
}
|
|
16169
|
+
.pf-c-menu.pf-m-nav, .pf-c-menu.pf-m-nav .pf-c-menu {
|
|
16170
|
+
--pf-c-menu--BackgroundColor: var(--pf-c-menu--m-nav--BackgroundColor);
|
|
16171
|
+
--pf-c-menu__list--PaddingTop: var(--pf-c-menu--m-nav__list--PaddingTop);
|
|
16172
|
+
--pf-c-menu__list--PaddingBottom: var(--pf-c-menu--m-nav__list--PaddingBottom);
|
|
16173
|
+
--pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-menu--m-nav__list-item--hover--BackgroundColor);
|
|
16174
|
+
--pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor);
|
|
16175
|
+
--pf-c-menu__list-item--active--BackgroundColor: var(--pf-c-menu--m-nav__list-item--active--BackgroundColor);
|
|
16176
|
+
--pf-c-menu__item--Color: var(--pf-c-menu--m-nav__item--Color);
|
|
16177
|
+
--pf-c-menu__item--FontSize: var(--pf-c-menu--m-nav__item--FontSize);
|
|
16178
|
+
--pf-c-menu__item--OutlineOffset: var(--pf-c-menu--m-nav__item--OutlineOffset);
|
|
16179
|
+
--pf-c-menu__item--PaddingRight: var(--pf-c-menu--m-nav__item--PaddingRight);
|
|
16180
|
+
--pf-c-menu__item--PaddingLeft: var(--pf-c-menu--m-nav__item--PaddingLeft);
|
|
16181
|
+
--pf-c-menu__item-description--Color: var(--pf-c-menu--m-nav__item-description--Color);
|
|
16182
|
+
box-shadow: var(--pf-c-menu--m-nav--BoxShadow);
|
|
16183
|
+
}
|
|
16184
|
+
.pf-c-menu.pf-m-nav .pf-c-menu__item, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item {
|
|
16185
|
+
position: relative;
|
|
16186
|
+
outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset);
|
|
16187
|
+
}
|
|
16188
|
+
.pf-c-menu.pf-m-nav .pf-c-menu__item::before, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item::before {
|
|
16189
|
+
position: absolute;
|
|
16190
|
+
right: 0;
|
|
16191
|
+
bottom: 0;
|
|
16192
|
+
left: 0;
|
|
16193
|
+
content: "";
|
|
16194
|
+
border-bottom: var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-c-menu--m-nav__item--before--BorderBottomColor);
|
|
16195
|
+
}
|
|
16196
|
+
.pf-c-menu.pf-m-nav .pf-c-menu__item:hover::after, .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:hover::after {
|
|
16197
|
+
position: absolute;
|
|
16198
|
+
top: var(--pf-c-menu--m-nav__item--hover--after--Top);
|
|
16199
|
+
bottom: 0;
|
|
16200
|
+
left: 0;
|
|
16201
|
+
content: "";
|
|
16202
|
+
border-left: var(--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-c-menu--m-nav__item--hover--after--BorderLeftColor);
|
|
16203
|
+
}
|
|
16204
|
+
.pf-c-menu.pf-m-nav .pf-c-menu {
|
|
16205
|
+
width: 100%;
|
|
16206
|
+
}
|
|
16207
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu {
|
|
16208
|
+
top: var(--pf-c-menu--m-nav--c-menu--Top);
|
|
16209
|
+
left: var(--pf-c-menu--m-nav--c-menu--Left);
|
|
16210
|
+
}
|
|
16211
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-top {
|
|
16212
|
+
--pf-c-menu--m-nav--c-menu--Top: auto;
|
|
16213
|
+
bottom: var(--pf-c-menu--m-nav--c-menu--m-top--Bottom);
|
|
16214
|
+
}
|
|
16215
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-left {
|
|
16216
|
+
--pf-c-menu--m-nav--c-menu--Left: auto;
|
|
16217
|
+
right: var(--pf-c-menu--m-nav--c-menu--m-left--Right);
|
|
16218
|
+
}
|
|
16219
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child {
|
|
16220
|
+
--pf-c-menu--m-nav__item--hover--after--Top: var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top);
|
|
16221
|
+
}
|
|
16222
|
+
.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child .pf-c-menu {
|
|
16223
|
+
--pf-c-menu--m-nav--c-menu--Top: var(--pf-c-menu--m-nav__list-item--first-child--c-menu--Top);
|
|
16224
|
+
}
|
|
16139
16225
|
|
|
16140
16226
|
.pf-c-menu__breadcrumb {
|
|
16141
16227
|
display: flex;
|
|
@@ -17507,14 +17593,14 @@ ul.pf-c-list {
|
|
|
17507
17593
|
border-color: var(--pf-c-nav__link--after--BorderColor);
|
|
17508
17594
|
border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth);
|
|
17509
17595
|
}
|
|
17510
|
-
.pf-c-nav__link:hover {
|
|
17596
|
+
.pf-c-nav__link:hover, .pf-c-nav__link.pf-m-hover {
|
|
17511
17597
|
color: var(--pf-c-nav__link--hover--Color);
|
|
17512
17598
|
background-color: var(--pf-c-nav__link--hover--BackgroundColor);
|
|
17513
17599
|
}
|
|
17514
|
-
.pf-c-nav__link:hover::before {
|
|
17600
|
+
.pf-c-nav__link:hover::before, .pf-c-nav__link.pf-m-hover::before {
|
|
17515
17601
|
border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth);
|
|
17516
17602
|
}
|
|
17517
|
-
.pf-c-nav__link:hover::after {
|
|
17603
|
+
.pf-c-nav__link:hover::after, .pf-c-nav__link.pf-m-hover::after {
|
|
17518
17604
|
border-color: var(--pf-c-nav__link--hover--after--BorderColor);
|
|
17519
17605
|
border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth);
|
|
17520
17606
|
}
|
|
@@ -23754,8 +23840,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
23754
23840
|
--pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);
|
|
23755
23841
|
--pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
|
|
23756
23842
|
--pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);
|
|
23757
|
-
--pf-c-table--nested--first-last-child--PaddingRight: var(--pf-
|
|
23758
|
-
--pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-
|
|
23843
|
+
--pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
|
|
23844
|
+
--pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
|
|
23759
23845
|
--pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
23760
23846
|
--pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
|
|
23761
23847
|
--pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
|
|
@@ -24243,7 +24329,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24243
24329
|
.pf-c-table__check {
|
|
24244
24330
|
--pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
|
|
24245
24331
|
}
|
|
24246
|
-
.pf-c-table__check > input {
|
|
24332
|
+
.pf-c-table__check > input:not([disabled]) {
|
|
24247
24333
|
cursor: pointer;
|
|
24248
24334
|
}
|
|
24249
24335
|
|