@patternfly/react-table 4.55.0 → 4.55.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/CHANGELOG.md +11 -0
- package/dist/umd/react-table.js +13 -7
- package/dist/umd/react-table.min.css +192 -192
- package/dist/umd/react-table.min.js +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 4.55.1 (2022-01-11)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **Select:** update typeahead Select children when any option attribute changes ([#6747](https://github.com/patternfly/patternfly-react/issues/6747)) ([1e03f3c](https://github.com/patternfly/patternfly-react/commit/1e03f3c6d0a7c507e33398c98863e40bb2233a62))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# 4.55.0 (2022-01-11)
|
|
7
18
|
|
|
8
19
|
|
package/dist/umd/react-table.js
CHANGED
|
@@ -5529,16 +5529,22 @@
|
|
|
5529
5529
|
this.refCollection[this.state.viewMoreNextIndex][0]) {
|
|
5530
5530
|
this.refCollection[this.state.viewMoreNextIndex][0].focus();
|
|
5531
5531
|
}
|
|
5532
|
-
|
|
5533
|
-
|
|
5534
|
-
|
|
5535
|
-
|
|
5536
|
-
|
|
5532
|
+
const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
|
|
5533
|
+
prevProps.children.some((prevChild, index) => {
|
|
5534
|
+
const prevChildProps = prevChild.props;
|
|
5535
|
+
const currChild = this.props.children[index];
|
|
5536
|
+
const { props: currChildProps } = currChild;
|
|
5537
|
+
if (prevChildProps && currChildProps) {
|
|
5538
|
+
return (prevChildProps.value !== currChildProps.value ||
|
|
5539
|
+
prevChildProps.label !== currChildProps.label ||
|
|
5540
|
+
prevChildProps.isDisabled !== currChildProps.isDisabled ||
|
|
5541
|
+
prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
|
|
5537
5542
|
}
|
|
5538
5543
|
else {
|
|
5539
|
-
return
|
|
5544
|
+
return prevChild !== currChild;
|
|
5540
5545
|
}
|
|
5541
|
-
})
|
|
5546
|
+
});
|
|
5547
|
+
if (hasUpdatedChildren) {
|
|
5542
5548
|
this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
|
|
5543
5549
|
}
|
|
5544
5550
|
// for menus with favorites,
|
|
@@ -18972,6 +18972,198 @@ ul.pf-c-list {
|
|
|
18972
18972
|
flex: 1 0 auto;
|
|
18973
18973
|
}
|
|
18974
18974
|
|
|
18975
|
+
.pf-c-popover {
|
|
18976
|
+
--pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
|
|
18977
|
+
--pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
18978
|
+
--pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
18979
|
+
--pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
18980
|
+
--pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
18981
|
+
--pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
18982
|
+
--pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
18983
|
+
--pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
18984
|
+
--pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
18985
|
+
--pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
|
|
18986
|
+
--pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
|
|
18987
|
+
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
|
|
18988
|
+
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
|
|
18989
|
+
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
|
|
18990
|
+
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
18991
|
+
--pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
|
|
18992
|
+
--pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
|
|
18993
|
+
--pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
|
|
18994
|
+
--pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
18995
|
+
--pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
|
|
18996
|
+
--pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
|
|
18997
|
+
--pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
18998
|
+
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
18999
|
+
--pf-c-popover__arrow--m-top--TranslateX: -50%;
|
|
19000
|
+
--pf-c-popover__arrow--m-top--TranslateY: 50%;
|
|
19001
|
+
--pf-c-popover__arrow--m-top--Rotate: 45deg;
|
|
19002
|
+
--pf-c-popover__arrow--m-right--TranslateX: -50%;
|
|
19003
|
+
--pf-c-popover__arrow--m-right--TranslateY: -50%;
|
|
19004
|
+
--pf-c-popover__arrow--m-right--Rotate: 45deg;
|
|
19005
|
+
--pf-c-popover__arrow--m-bottom--TranslateX: -50%;
|
|
19006
|
+
--pf-c-popover__arrow--m-bottom--TranslateY: -50%;
|
|
19007
|
+
--pf-c-popover__arrow--m-bottom--Rotate: 45deg;
|
|
19008
|
+
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
19009
|
+
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
19010
|
+
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
19011
|
+
--pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
|
|
19012
|
+
--pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
19013
|
+
--pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
|
|
19014
|
+
--pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
19015
|
+
--pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19016
|
+
--pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19017
|
+
--pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
|
|
19018
|
+
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
19019
|
+
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
19020
|
+
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
19021
|
+
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
19022
|
+
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
19023
|
+
position: relative;
|
|
19024
|
+
min-width: var(--pf-c-popover--MinWidth);
|
|
19025
|
+
max-width: var(--pf-c-popover--MaxWidth);
|
|
19026
|
+
font-size: var(--pf-c-popover--FontSize);
|
|
19027
|
+
box-shadow: var(--pf-c-popover--BoxShadow);
|
|
19028
|
+
}
|
|
19029
|
+
|
|
19030
|
+
.pf-c-popover.pf-m-no-padding {
|
|
19031
|
+
--pf-c-popover__content--PaddingTop: 0px;
|
|
19032
|
+
--pf-c-popover__content--PaddingRight: 0px;
|
|
19033
|
+
--pf-c-popover__content--PaddingBottom: 0px;
|
|
19034
|
+
--pf-c-popover__content--PaddingLeft: 0px;
|
|
19035
|
+
}
|
|
19036
|
+
|
|
19037
|
+
.pf-c-popover.pf-m-width-auto {
|
|
19038
|
+
--pf-c-popover--MinWidth: auto;
|
|
19039
|
+
--pf-c-popover--MaxWidth: none;
|
|
19040
|
+
}
|
|
19041
|
+
|
|
19042
|
+
.pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
|
|
19043
|
+
bottom: 0;
|
|
19044
|
+
left: 50%;
|
|
19045
|
+
transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
|
|
19046
|
+
}
|
|
19047
|
+
|
|
19048
|
+
.pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
|
|
19049
|
+
top: 0;
|
|
19050
|
+
left: 50%;
|
|
19051
|
+
transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
|
|
19052
|
+
}
|
|
19053
|
+
|
|
19054
|
+
.pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
|
|
19055
|
+
top: 50%;
|
|
19056
|
+
right: 0;
|
|
19057
|
+
transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
|
|
19058
|
+
}
|
|
19059
|
+
|
|
19060
|
+
.pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
|
|
19061
|
+
top: 50%;
|
|
19062
|
+
left: 0;
|
|
19063
|
+
transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
|
|
19064
|
+
}
|
|
19065
|
+
|
|
19066
|
+
.pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
|
|
19067
|
+
top: var(--pf-c-popover__arrow--Height);
|
|
19068
|
+
}
|
|
19069
|
+
|
|
19070
|
+
.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
|
|
19071
|
+
top: auto;
|
|
19072
|
+
bottom: 0;
|
|
19073
|
+
}
|
|
19074
|
+
|
|
19075
|
+
.pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
|
|
19076
|
+
left: var(--pf-c-popover__arrow--Width);
|
|
19077
|
+
}
|
|
19078
|
+
|
|
19079
|
+
.pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
|
|
19080
|
+
right: 0;
|
|
19081
|
+
left: auto;
|
|
19082
|
+
}
|
|
19083
|
+
|
|
19084
|
+
.pf-c-popover.pf-m-danger {
|
|
19085
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
|
|
19086
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
|
|
19087
|
+
}
|
|
19088
|
+
|
|
19089
|
+
.pf-c-popover.pf-m-warning {
|
|
19090
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
|
|
19091
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
|
|
19092
|
+
}
|
|
19093
|
+
|
|
19094
|
+
.pf-c-popover.pf-m-success {
|
|
19095
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
|
|
19096
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
|
|
19097
|
+
}
|
|
19098
|
+
|
|
19099
|
+
.pf-c-popover.pf-m-default {
|
|
19100
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
|
|
19101
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
|
|
19102
|
+
}
|
|
19103
|
+
|
|
19104
|
+
.pf-c-popover.pf-m-info {
|
|
19105
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
|
|
19106
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
|
|
19107
|
+
}
|
|
19108
|
+
|
|
19109
|
+
.pf-c-popover__content {
|
|
19110
|
+
position: relative;
|
|
19111
|
+
padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
|
|
19112
|
+
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
19113
|
+
}
|
|
19114
|
+
|
|
19115
|
+
.pf-c-popover__content > .pf-c-title {
|
|
19116
|
+
margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
|
|
19117
|
+
}
|
|
19118
|
+
|
|
19119
|
+
.pf-c-popover__content > .pf-c-button {
|
|
19120
|
+
position: absolute;
|
|
19121
|
+
top: var(--pf-c-popover--c-button--Top);
|
|
19122
|
+
right: var(--pf-c-popover--c-button--Right);
|
|
19123
|
+
}
|
|
19124
|
+
|
|
19125
|
+
.pf-c-popover__content > .pf-c-button + * {
|
|
19126
|
+
padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
|
|
19127
|
+
}
|
|
19128
|
+
|
|
19129
|
+
.pf-c-popover__arrow {
|
|
19130
|
+
position: absolute;
|
|
19131
|
+
width: var(--pf-c-popover__arrow--Width);
|
|
19132
|
+
height: var(--pf-c-popover__arrow--Height);
|
|
19133
|
+
pointer-events: none;
|
|
19134
|
+
background-color: var(--pf-c-popover__arrow--BackgroundColor);
|
|
19135
|
+
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
19136
|
+
}
|
|
19137
|
+
|
|
19138
|
+
.pf-c-popover__title {
|
|
19139
|
+
flex: 0 0 auto;
|
|
19140
|
+
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
19141
|
+
font-family: var(--pf-c-popover__title--FontFamily);
|
|
19142
|
+
font-size: var(--pf-c-popover__title--FontSize);
|
|
19143
|
+
line-height: var(--pf-c-popover__title--LineHeight);
|
|
19144
|
+
}
|
|
19145
|
+
|
|
19146
|
+
.pf-c-popover__title.pf-m-icon {
|
|
19147
|
+
display: flex;
|
|
19148
|
+
}
|
|
19149
|
+
|
|
19150
|
+
.pf-c-popover__title-icon {
|
|
19151
|
+
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
19152
|
+
color: var(--pf-c-popover__title-icon--Color);
|
|
19153
|
+
}
|
|
19154
|
+
|
|
19155
|
+
.pf-c-popover__title-text {
|
|
19156
|
+
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
19157
|
+
}
|
|
19158
|
+
|
|
19159
|
+
.pf-c-popover__body {
|
|
19160
|
+
word-wrap: break-word;
|
|
19161
|
+
}
|
|
19162
|
+
|
|
19163
|
+
.pf-c-popover__footer {
|
|
19164
|
+
margin-top: var(--pf-c-popover__footer--MarginTop);
|
|
19165
|
+
}
|
|
19166
|
+
|
|
18975
19167
|
.pf-c-pagination {
|
|
18976
19168
|
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
18977
19169
|
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
@@ -19323,198 +19515,6 @@ ul.pf-c-list {
|
|
|
19323
19515
|
--pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
|
|
19324
19516
|
}
|
|
19325
19517
|
}
|
|
19326
|
-
.pf-c-popover {
|
|
19327
|
-
--pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
|
|
19328
|
-
--pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
19329
|
-
--pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
19330
|
-
--pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
19331
|
-
--pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
19332
|
-
--pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
19333
|
-
--pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
19334
|
-
--pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
19335
|
-
--pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
19336
|
-
--pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
|
|
19337
|
-
--pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
|
|
19338
|
-
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
|
|
19339
|
-
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
|
|
19340
|
-
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
|
|
19341
|
-
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19342
|
-
--pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
|
|
19343
|
-
--pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
|
|
19344
|
-
--pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
|
|
19345
|
-
--pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
19346
|
-
--pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
|
|
19347
|
-
--pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
|
|
19348
|
-
--pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
19349
|
-
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19350
|
-
--pf-c-popover__arrow--m-top--TranslateX: -50%;
|
|
19351
|
-
--pf-c-popover__arrow--m-top--TranslateY: 50%;
|
|
19352
|
-
--pf-c-popover__arrow--m-top--Rotate: 45deg;
|
|
19353
|
-
--pf-c-popover__arrow--m-right--TranslateX: -50%;
|
|
19354
|
-
--pf-c-popover__arrow--m-right--TranslateY: -50%;
|
|
19355
|
-
--pf-c-popover__arrow--m-right--Rotate: 45deg;
|
|
19356
|
-
--pf-c-popover__arrow--m-bottom--TranslateX: -50%;
|
|
19357
|
-
--pf-c-popover__arrow--m-bottom--TranslateY: -50%;
|
|
19358
|
-
--pf-c-popover__arrow--m-bottom--Rotate: 45deg;
|
|
19359
|
-
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
19360
|
-
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
19361
|
-
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
19362
|
-
--pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
|
|
19363
|
-
--pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
19364
|
-
--pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
|
|
19365
|
-
--pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
19366
|
-
--pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19367
|
-
--pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19368
|
-
--pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
|
|
19369
|
-
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
19370
|
-
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
19371
|
-
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
19372
|
-
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
19373
|
-
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
19374
|
-
position: relative;
|
|
19375
|
-
min-width: var(--pf-c-popover--MinWidth);
|
|
19376
|
-
max-width: var(--pf-c-popover--MaxWidth);
|
|
19377
|
-
font-size: var(--pf-c-popover--FontSize);
|
|
19378
|
-
box-shadow: var(--pf-c-popover--BoxShadow);
|
|
19379
|
-
}
|
|
19380
|
-
|
|
19381
|
-
.pf-c-popover.pf-m-no-padding {
|
|
19382
|
-
--pf-c-popover__content--PaddingTop: 0px;
|
|
19383
|
-
--pf-c-popover__content--PaddingRight: 0px;
|
|
19384
|
-
--pf-c-popover__content--PaddingBottom: 0px;
|
|
19385
|
-
--pf-c-popover__content--PaddingLeft: 0px;
|
|
19386
|
-
}
|
|
19387
|
-
|
|
19388
|
-
.pf-c-popover.pf-m-width-auto {
|
|
19389
|
-
--pf-c-popover--MinWidth: auto;
|
|
19390
|
-
--pf-c-popover--MaxWidth: none;
|
|
19391
|
-
}
|
|
19392
|
-
|
|
19393
|
-
.pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
|
|
19394
|
-
bottom: 0;
|
|
19395
|
-
left: 50%;
|
|
19396
|
-
transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
|
|
19397
|
-
}
|
|
19398
|
-
|
|
19399
|
-
.pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
|
|
19400
|
-
top: 0;
|
|
19401
|
-
left: 50%;
|
|
19402
|
-
transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
|
|
19403
|
-
}
|
|
19404
|
-
|
|
19405
|
-
.pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
|
|
19406
|
-
top: 50%;
|
|
19407
|
-
right: 0;
|
|
19408
|
-
transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
|
|
19409
|
-
}
|
|
19410
|
-
|
|
19411
|
-
.pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
|
|
19412
|
-
top: 50%;
|
|
19413
|
-
left: 0;
|
|
19414
|
-
transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
|
|
19415
|
-
}
|
|
19416
|
-
|
|
19417
|
-
.pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
|
|
19418
|
-
top: var(--pf-c-popover__arrow--Height);
|
|
19419
|
-
}
|
|
19420
|
-
|
|
19421
|
-
.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
|
|
19422
|
-
top: auto;
|
|
19423
|
-
bottom: 0;
|
|
19424
|
-
}
|
|
19425
|
-
|
|
19426
|
-
.pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
|
|
19427
|
-
left: var(--pf-c-popover__arrow--Width);
|
|
19428
|
-
}
|
|
19429
|
-
|
|
19430
|
-
.pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
|
|
19431
|
-
right: 0;
|
|
19432
|
-
left: auto;
|
|
19433
|
-
}
|
|
19434
|
-
|
|
19435
|
-
.pf-c-popover.pf-m-danger {
|
|
19436
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
|
|
19437
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
|
|
19438
|
-
}
|
|
19439
|
-
|
|
19440
|
-
.pf-c-popover.pf-m-warning {
|
|
19441
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
|
|
19442
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
|
|
19443
|
-
}
|
|
19444
|
-
|
|
19445
|
-
.pf-c-popover.pf-m-success {
|
|
19446
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
|
|
19447
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
|
|
19448
|
-
}
|
|
19449
|
-
|
|
19450
|
-
.pf-c-popover.pf-m-default {
|
|
19451
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
|
|
19452
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
|
|
19453
|
-
}
|
|
19454
|
-
|
|
19455
|
-
.pf-c-popover.pf-m-info {
|
|
19456
|
-
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
|
|
19457
|
-
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
|
|
19458
|
-
}
|
|
19459
|
-
|
|
19460
|
-
.pf-c-popover__content {
|
|
19461
|
-
position: relative;
|
|
19462
|
-
padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
|
|
19463
|
-
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
19464
|
-
}
|
|
19465
|
-
|
|
19466
|
-
.pf-c-popover__content > .pf-c-title {
|
|
19467
|
-
margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
|
|
19468
|
-
}
|
|
19469
|
-
|
|
19470
|
-
.pf-c-popover__content > .pf-c-button {
|
|
19471
|
-
position: absolute;
|
|
19472
|
-
top: var(--pf-c-popover--c-button--Top);
|
|
19473
|
-
right: var(--pf-c-popover--c-button--Right);
|
|
19474
|
-
}
|
|
19475
|
-
|
|
19476
|
-
.pf-c-popover__content > .pf-c-button + * {
|
|
19477
|
-
padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
|
|
19478
|
-
}
|
|
19479
|
-
|
|
19480
|
-
.pf-c-popover__arrow {
|
|
19481
|
-
position: absolute;
|
|
19482
|
-
width: var(--pf-c-popover__arrow--Width);
|
|
19483
|
-
height: var(--pf-c-popover__arrow--Height);
|
|
19484
|
-
pointer-events: none;
|
|
19485
|
-
background-color: var(--pf-c-popover__arrow--BackgroundColor);
|
|
19486
|
-
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
19487
|
-
}
|
|
19488
|
-
|
|
19489
|
-
.pf-c-popover__title {
|
|
19490
|
-
flex: 0 0 auto;
|
|
19491
|
-
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
19492
|
-
font-family: var(--pf-c-popover__title--FontFamily);
|
|
19493
|
-
font-size: var(--pf-c-popover__title--FontSize);
|
|
19494
|
-
line-height: var(--pf-c-popover__title--LineHeight);
|
|
19495
|
-
}
|
|
19496
|
-
|
|
19497
|
-
.pf-c-popover__title.pf-m-icon {
|
|
19498
|
-
display: flex;
|
|
19499
|
-
}
|
|
19500
|
-
|
|
19501
|
-
.pf-c-popover__title-icon {
|
|
19502
|
-
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
19503
|
-
color: var(--pf-c-popover__title-icon--Color);
|
|
19504
|
-
}
|
|
19505
|
-
|
|
19506
|
-
.pf-c-popover__title-text {
|
|
19507
|
-
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
19508
|
-
}
|
|
19509
|
-
|
|
19510
|
-
.pf-c-popover__body {
|
|
19511
|
-
word-wrap: break-word;
|
|
19512
|
-
}
|
|
19513
|
-
|
|
19514
|
-
.pf-c-popover__footer {
|
|
19515
|
-
margin-top: var(--pf-c-popover__footer--MarginTop);
|
|
19516
|
-
}
|
|
19517
|
-
|
|
19518
19518
|
.pf-c-progress {
|
|
19519
19519
|
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
19520
19520
|
--pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
|