@patternfly/patternfly 5.0.0-alpha.22 → 5.0.0-alpha.24
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/base/_icons.scss +1 -28
- package/base/_svg-icons.scss +6 -0
- package/base/patternfly-icons.css +1 -19
- package/components/Popover/popover.css +21 -24
- package/components/Popover/popover.scss +25 -32
- package/docs/components/LogViewer/examples/LogViewer.md +10 -4
- package/docs/components/Popover/examples/Popover.md +175 -104
- package/docs/demos/Card/examples/Card.md +17 -11
- package/package.json +1 -1
- package/patternfly-base-no-reset.css +1 -19
- package/patternfly-base.css +1 -19
- package/patternfly-no-reset.css +22 -43
- package/patternfly.css +22 -43
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -5479,30 +5479,12 @@ a {
|
|
|
5479
5479
|
content: "\e911";
|
|
5480
5480
|
}
|
|
5481
5481
|
|
|
5482
|
-
.pf-svg
|
|
5482
|
+
.pf-svg {
|
|
5483
5483
|
width: 1em;
|
|
5484
5484
|
height: 1em;
|
|
5485
5485
|
vertical-align: -0.125em;
|
|
5486
5486
|
}
|
|
5487
5487
|
|
|
5488
|
-
.pf-svg-size-md {
|
|
5489
|
-
width: 1.5em;
|
|
5490
|
-
height: 1.5em;
|
|
5491
|
-
vertical-align: -0.1875em;
|
|
5492
|
-
}
|
|
5493
|
-
|
|
5494
|
-
.pf-svg-size-lg {
|
|
5495
|
-
width: 2em;
|
|
5496
|
-
height: 2em;
|
|
5497
|
-
vertical-align: -0.25em;
|
|
5498
|
-
}
|
|
5499
|
-
|
|
5500
|
-
.pf-svg-size-xl {
|
|
5501
|
-
width: 3em;
|
|
5502
|
-
height: 3em;
|
|
5503
|
-
vertical-align: -0.375em;
|
|
5504
|
-
}
|
|
5505
|
-
|
|
5506
5488
|
.pf-c-about-modal-box {
|
|
5507
5489
|
--pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
5508
5490
|
--pf-c-about-modal-box--Height: 100%;
|
|
@@ -23140,15 +23122,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23140
23122
|
--pf-c-popover__arrow--m-left--TranslateX: 50%;
|
|
23141
23123
|
--pf-c-popover__arrow--m-left--TranslateY: -50%;
|
|
23142
23124
|
--pf-c-popover__arrow--m-left--Rotate: 45deg;
|
|
23143
|
-
--pf-c-
|
|
23144
|
-
--pf-c-
|
|
23145
|
-
--pf-c-
|
|
23146
|
-
--pf-c-
|
|
23147
|
-
--pf-c-
|
|
23148
|
-
--pf-c-popover__title--
|
|
23149
|
-
--pf-c-popover__title--
|
|
23150
|
-
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
23151
|
-
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
23125
|
+
--pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
|
|
23126
|
+
--pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
|
|
23127
|
+
--pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
23128
|
+
--pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
|
|
23129
|
+
--pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
23130
|
+
--pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
23131
|
+
--pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
23152
23132
|
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
23153
23133
|
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
23154
23134
|
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
@@ -23228,16 +23208,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23228
23208
|
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);
|
|
23229
23209
|
background-color: var(--pf-c-popover__content--BackgroundColor);
|
|
23230
23210
|
}
|
|
23231
|
-
|
|
23232
|
-
|
|
23233
|
-
}
|
|
23234
|
-
.pf-c-popover__content > .pf-c-button {
|
|
23211
|
+
|
|
23212
|
+
.pf-c-popover__close {
|
|
23235
23213
|
position: absolute;
|
|
23236
|
-
top: var(--pf-c-
|
|
23237
|
-
right: var(--pf-c-
|
|
23214
|
+
top: var(--pf-c-popover__close--Top);
|
|
23215
|
+
right: var(--pf-c-popover__close--Right);
|
|
23238
23216
|
}
|
|
23239
|
-
.pf-c-
|
|
23240
|
-
padding-right: var(--pf-c-
|
|
23217
|
+
.pf-c-popover__close + * {
|
|
23218
|
+
padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
|
|
23241
23219
|
}
|
|
23242
23220
|
|
|
23243
23221
|
.pf-c-popover__arrow {
|
|
@@ -23249,15 +23227,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23249
23227
|
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
23250
23228
|
}
|
|
23251
23229
|
|
|
23252
|
-
.pf-c-
|
|
23253
|
-
|
|
23254
|
-
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
23255
|
-
font-family: var(--pf-c-popover__title--FontFamily);
|
|
23256
|
-
font-size: var(--pf-c-popover__title--FontSize);
|
|
23257
|
-
line-height: var(--pf-c-popover__title--LineHeight);
|
|
23230
|
+
.pf-c-popover__header {
|
|
23231
|
+
margin-bottom: var(--pf-c-popover__header--MarginBottom);
|
|
23258
23232
|
}
|
|
23259
|
-
|
|
23233
|
+
|
|
23234
|
+
.pf-c-popover__title {
|
|
23260
23235
|
display: flex;
|
|
23236
|
+
flex: 0 0 auto;
|
|
23261
23237
|
}
|
|
23262
23238
|
|
|
23263
23239
|
.pf-c-popover__title-icon {
|
|
@@ -23266,6 +23242,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23266
23242
|
}
|
|
23267
23243
|
|
|
23268
23244
|
.pf-c-popover__title-text {
|
|
23245
|
+
font-family: var(--pf-c-popover__title-text--FontFamily);
|
|
23246
|
+
font-size: var(--pf-c-popover__title-text--FontSize);
|
|
23247
|
+
line-height: var(--pf-c-popover__title-text--LineHeight);
|
|
23269
23248
|
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
23270
23249
|
}
|
|
23271
23250
|
|