@patternfly/patternfly 5.1.0-prerelease.14 → 5.1.0-prerelease.15
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/components/DataList/data-list.css +3 -0
- package/components/DataList/data-list.scss +2 -0
- package/components/Popover/popover.css +56 -8
- package/components/Popover/popover.scss +96 -40
- package/components/Tooltip/tooltip.css +57 -9
- package/components/Tooltip/tooltip.scss +81 -25
- package/docs/components/Popover/examples/Popover.css +3 -9
- package/docs/components/Popover/examples/Popover.md +4 -4
- package/docs/components/Tooltip/examples/Tooltip.css +4 -0
- package/docs/components/Tooltip/examples/Tooltip.md +8 -6
- package/package.json +2 -2
- package/patternfly-no-globals.css +116 -17
- package/patternfly-theme-dark-unversioned.css +116 -17
- package/patternfly.css +116 -17
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -10129,6 +10129,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10129
10129
|
transition: var(--pf-v5-c-data-list__toggle-icon--Transition);
|
|
10130
10130
|
transform: rotate(var(--pf-v5-c-data-list__toggle-icon--Rotate));
|
|
10131
10131
|
}
|
|
10132
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
|
|
10133
|
+
scale: -1 1;
|
|
10134
|
+
}
|
|
10132
10135
|
|
|
10133
10136
|
.pf-v5-c-data-list__item-content {
|
|
10134
10137
|
display: grid;
|
|
@@ -22443,37 +22446,85 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22443
22446
|
--pf-v5-c-popover--MinWidth: auto;
|
|
22444
22447
|
--pf-v5-c-popover--MaxWidth: none;
|
|
22445
22448
|
}
|
|
22446
|
-
.pf-v5-c-popover.pf-m-top
|
|
22449
|
+
.pf-v5-c-popover:is(.pf-m-top,
|
|
22450
|
+
.pf-m-top-left,
|
|
22451
|
+
.pf-m-top-right,
|
|
22452
|
+
.pf-m-block-start,
|
|
22453
|
+
.pf-m-block-start-inline-start,
|
|
22454
|
+
.pf-m-block-start-inline-end) .pf-v5-c-popover__arrow {
|
|
22447
22455
|
inset-block-end: 0;
|
|
22448
22456
|
inset-inline-start: 50%;
|
|
22449
22457
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
|
|
22450
22458
|
}
|
|
22451
|
-
.
|
|
22459
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-popover__arrow {
|
|
22460
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
|
|
22461
|
+
}
|
|
22462
|
+
|
|
22463
|
+
.pf-v5-c-popover:is(.pf-m-bottom,
|
|
22464
|
+
.pf-m-bottom-left,
|
|
22465
|
+
.pf-m-bottom-right,
|
|
22466
|
+
.pf-m-block-end,
|
|
22467
|
+
.pf-m-block-end-inline-start,
|
|
22468
|
+
.pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22452
22469
|
inset-block-start: 0;
|
|
22453
22470
|
inset-inline-start: 50%;
|
|
22454
22471
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
|
|
22455
22472
|
}
|
|
22456
|
-
.
|
|
22473
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22474
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
|
|
22475
|
+
}
|
|
22476
|
+
|
|
22477
|
+
.pf-v5-c-popover:is(.pf-m-left,
|
|
22478
|
+
.pf-m-left-top,
|
|
22479
|
+
.pf-m-left-bottom,
|
|
22480
|
+
.pf-m-inline-start,
|
|
22481
|
+
.pf-m-inline-start-block-start,
|
|
22482
|
+
.pf-m-inline-start-block-end) .pf-v5-c-popover__arrow {
|
|
22457
22483
|
inset-block-start: 50%;
|
|
22458
22484
|
inset-inline-end: 0;
|
|
22459
22485
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
|
|
22460
22486
|
}
|
|
22461
|
-
.
|
|
22487
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-popover__arrow {
|
|
22488
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
|
|
22489
|
+
}
|
|
22490
|
+
|
|
22491
|
+
.pf-v5-c-popover:is(.pf-m-right,
|
|
22492
|
+
.pf-m-right-top,
|
|
22493
|
+
.pf-m-right-bottom,
|
|
22494
|
+
.pf-m-inline-end,
|
|
22495
|
+
.pf-m-inline-end-block-start,
|
|
22496
|
+
.pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22462
22497
|
inset-block-start: 50%;
|
|
22463
22498
|
inset-inline-start: 0;
|
|
22464
22499
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
|
|
22465
22500
|
}
|
|
22466
|
-
.pf-v5-c-popover.pf-m-
|
|
22501
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22502
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
|
|
22503
|
+
}
|
|
22504
|
+
|
|
22505
|
+
.pf-v5-c-popover:is(.pf-m-left-top,
|
|
22506
|
+
.pf-m-right-top,
|
|
22507
|
+
.pf-m-inline-start-block-start,
|
|
22508
|
+
.pf-m-inline-end-block-start) .pf-v5-c-popover__arrow {
|
|
22467
22509
|
inset-block-start: var(--pf-v5-c-popover__arrow--Height);
|
|
22468
22510
|
}
|
|
22469
|
-
.pf-v5-c-popover.pf-m-left-bottom
|
|
22511
|
+
.pf-v5-c-popover:is(.pf-m-left-bottom,
|
|
22512
|
+
.pf-m-right-bottom,
|
|
22513
|
+
.pf-m-inline-start-block-end,
|
|
22514
|
+
.pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22470
22515
|
inset-block-start: auto;
|
|
22471
22516
|
inset-block-end: 0;
|
|
22472
22517
|
}
|
|
22473
|
-
.pf-v5-c-popover.pf-m-top-left
|
|
22518
|
+
.pf-v5-c-popover:is(.pf-m-top-left,
|
|
22519
|
+
.pf-m-bottom-left,
|
|
22520
|
+
.pf-m-block-start-inline-start,
|
|
22521
|
+
.pf-m-block-end-inline-start) .pf-v5-c-popover__arrow {
|
|
22474
22522
|
inset-inline-start: var(--pf-v5-c-popover__arrow--Width);
|
|
22475
22523
|
}
|
|
22476
|
-
.pf-v5-c-popover.pf-m-top-right
|
|
22524
|
+
.pf-v5-c-popover:is(.pf-m-top-right,
|
|
22525
|
+
.pf-m-bottom-right,
|
|
22526
|
+
.pf-m-block-start-inline-end,
|
|
22527
|
+
.pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22477
22528
|
inset-inline-start: auto;
|
|
22478
22529
|
inset-inline-end: 0;
|
|
22479
22530
|
}
|
|
@@ -30144,37 +30195,85 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30144
30195
|
max-width: var(--pf-v5-c-tooltip--MaxWidth);
|
|
30145
30196
|
box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
|
|
30146
30197
|
}
|
|
30147
|
-
.pf-v5-c-tooltip.pf-m-top
|
|
30198
|
+
.pf-v5-c-tooltip:is(.pf-m-top,
|
|
30199
|
+
.pf-m-top-left,
|
|
30200
|
+
.pf-m-top-right,
|
|
30201
|
+
.pf-m-block-start,
|
|
30202
|
+
.pf-m-block-start-inline-start,
|
|
30203
|
+
.pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30148
30204
|
inset-block-end: 0;
|
|
30149
30205
|
inset-inline-start: 50%;
|
|
30150
30206
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
|
|
30151
30207
|
}
|
|
30152
|
-
.
|
|
30208
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30209
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
|
|
30210
|
+
}
|
|
30211
|
+
|
|
30212
|
+
.pf-v5-c-tooltip:is(.pf-m-bottom,
|
|
30213
|
+
.pf-m-bottom-left,
|
|
30214
|
+
.pf-m-bottom-right,
|
|
30215
|
+
.pf-m-block-end,
|
|
30216
|
+
.pf-m-block-end-inline-start,
|
|
30217
|
+
.pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30153
30218
|
inset-block-start: 0;
|
|
30154
30219
|
inset-inline-start: 50%;
|
|
30155
30220
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
|
|
30156
30221
|
}
|
|
30157
|
-
.
|
|
30222
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30223
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
|
|
30224
|
+
}
|
|
30225
|
+
|
|
30226
|
+
.pf-v5-c-tooltip:is(.pf-m-left,
|
|
30227
|
+
.pf-m-left-top,
|
|
30228
|
+
.pf-m-left-bottom,
|
|
30229
|
+
.pf-m-inline-start,
|
|
30230
|
+
.pf-m-inline-start-block-start,
|
|
30231
|
+
.pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
|
|
30158
30232
|
inset-block-start: 50%;
|
|
30159
30233
|
inset-inline-end: 0;
|
|
30160
30234
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
|
|
30161
30235
|
}
|
|
30162
|
-
.
|
|
30236
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
|
|
30237
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
|
|
30238
|
+
}
|
|
30239
|
+
|
|
30240
|
+
.pf-v5-c-tooltip:is(.pf-m-right,
|
|
30241
|
+
.pf-m-right-top,
|
|
30242
|
+
.pf-m-right-bottom,
|
|
30243
|
+
.pf-m-inline-end,
|
|
30244
|
+
.pf-m-inline-end-block-start,
|
|
30245
|
+
.pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30163
30246
|
inset-block-start: 50%;
|
|
30164
30247
|
inset-inline-start: 0;
|
|
30165
30248
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
|
|
30166
30249
|
}
|
|
30167
|
-
.pf-v5-c-tooltip.pf-m-
|
|
30250
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30251
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
|
|
30252
|
+
}
|
|
30253
|
+
|
|
30254
|
+
.pf-v5-c-tooltip:is(.pf-m-left-top,
|
|
30255
|
+
.pf-m-right-top,
|
|
30256
|
+
.pf-m-inline-start-block-start,
|
|
30257
|
+
.pf-m-inline-end-block-start) .pf-v5-c-tooltip__arrow {
|
|
30168
30258
|
inset-block-start: var(--pf-v5-c-tooltip__arrow--Height);
|
|
30169
30259
|
}
|
|
30170
|
-
.pf-v5-c-tooltip.pf-m-left-bottom
|
|
30260
|
+
.pf-v5-c-tooltip:is(.pf-m-left-bottom,
|
|
30261
|
+
.pf-m-right-bottom,
|
|
30262
|
+
.pf-m-inline-start-block-end,
|
|
30263
|
+
.pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30171
30264
|
inset-block-start: auto;
|
|
30172
30265
|
inset-block-end: 0;
|
|
30173
30266
|
}
|
|
30174
|
-
.pf-v5-c-tooltip.pf-m-top-left
|
|
30267
|
+
.pf-v5-c-tooltip:is(.pf-m-top-left,
|
|
30268
|
+
.pf-m-bottom-left,
|
|
30269
|
+
.pf-m-block-start-block-start,
|
|
30270
|
+
.pf-m-block-end-block-start) .pf-v5-c-tooltip__arrow {
|
|
30175
30271
|
inset-inline-start: var(--pf-v5-c-tooltip__arrow--Width);
|
|
30176
30272
|
}
|
|
30177
|
-
.pf-v5-c-tooltip.pf-m-top-right
|
|
30273
|
+
.pf-v5-c-tooltip:is(.pf-m-top-right,
|
|
30274
|
+
.pf-m-bottom-right,
|
|
30275
|
+
.pf-m-block-start-block-end,
|
|
30276
|
+
.pf-m-block-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30178
30277
|
inset-inline-start: auto;
|
|
30179
30278
|
inset-inline-end: 0;
|
|
30180
30279
|
}
|
|
@@ -30191,7 +30290,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30191
30290
|
word-break: break-word;
|
|
30192
30291
|
background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
|
|
30193
30292
|
}
|
|
30194
|
-
.pf-v5-c-tooltip__content.pf-m-text-align-left {
|
|
30293
|
+
.pf-v5-c-tooltip__content:is(.pf-m-text-align-left, .pf-m-text-align-start) {
|
|
30195
30294
|
text-align: start;
|
|
30196
30295
|
}
|
|
30197
30296
|
|
|
@@ -10246,6 +10246,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10246
10246
|
transition: var(--pf-v5-c-data-list__toggle-icon--Transition);
|
|
10247
10247
|
transform: rotate(var(--pf-v5-c-data-list__toggle-icon--Rotate));
|
|
10248
10248
|
}
|
|
10249
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
|
|
10250
|
+
scale: -1 1;
|
|
10251
|
+
}
|
|
10249
10252
|
|
|
10250
10253
|
.pf-v5-c-data-list__item-content {
|
|
10251
10254
|
display: grid;
|
|
@@ -22560,37 +22563,85 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22560
22563
|
--pf-v5-c-popover--MinWidth: auto;
|
|
22561
22564
|
--pf-v5-c-popover--MaxWidth: none;
|
|
22562
22565
|
}
|
|
22563
|
-
.pf-v5-c-popover.pf-m-top
|
|
22566
|
+
.pf-v5-c-popover:is(.pf-m-top,
|
|
22567
|
+
.pf-m-top-left,
|
|
22568
|
+
.pf-m-top-right,
|
|
22569
|
+
.pf-m-block-start,
|
|
22570
|
+
.pf-m-block-start-inline-start,
|
|
22571
|
+
.pf-m-block-start-inline-end) .pf-v5-c-popover__arrow {
|
|
22564
22572
|
inset-block-end: 0;
|
|
22565
22573
|
inset-inline-start: 50%;
|
|
22566
22574
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
|
|
22567
22575
|
}
|
|
22568
|
-
.
|
|
22576
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-popover__arrow {
|
|
22577
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
|
|
22578
|
+
}
|
|
22579
|
+
|
|
22580
|
+
.pf-v5-c-popover:is(.pf-m-bottom,
|
|
22581
|
+
.pf-m-bottom-left,
|
|
22582
|
+
.pf-m-bottom-right,
|
|
22583
|
+
.pf-m-block-end,
|
|
22584
|
+
.pf-m-block-end-inline-start,
|
|
22585
|
+
.pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22569
22586
|
inset-block-start: 0;
|
|
22570
22587
|
inset-inline-start: 50%;
|
|
22571
22588
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
|
|
22572
22589
|
}
|
|
22573
|
-
.
|
|
22590
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22591
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
|
|
22592
|
+
}
|
|
22593
|
+
|
|
22594
|
+
.pf-v5-c-popover:is(.pf-m-left,
|
|
22595
|
+
.pf-m-left-top,
|
|
22596
|
+
.pf-m-left-bottom,
|
|
22597
|
+
.pf-m-inline-start,
|
|
22598
|
+
.pf-m-inline-start-block-start,
|
|
22599
|
+
.pf-m-inline-start-block-end) .pf-v5-c-popover__arrow {
|
|
22574
22600
|
inset-block-start: 50%;
|
|
22575
22601
|
inset-inline-end: 0;
|
|
22576
22602
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
|
|
22577
22603
|
}
|
|
22578
|
-
.
|
|
22604
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-popover__arrow {
|
|
22605
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
|
|
22606
|
+
}
|
|
22607
|
+
|
|
22608
|
+
.pf-v5-c-popover:is(.pf-m-right,
|
|
22609
|
+
.pf-m-right-top,
|
|
22610
|
+
.pf-m-right-bottom,
|
|
22611
|
+
.pf-m-inline-end,
|
|
22612
|
+
.pf-m-inline-end-block-start,
|
|
22613
|
+
.pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22579
22614
|
inset-block-start: 50%;
|
|
22580
22615
|
inset-inline-start: 0;
|
|
22581
22616
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
|
|
22582
22617
|
}
|
|
22583
|
-
.pf-v5-c-popover.pf-m-
|
|
22618
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22619
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
|
|
22620
|
+
}
|
|
22621
|
+
|
|
22622
|
+
.pf-v5-c-popover:is(.pf-m-left-top,
|
|
22623
|
+
.pf-m-right-top,
|
|
22624
|
+
.pf-m-inline-start-block-start,
|
|
22625
|
+
.pf-m-inline-end-block-start) .pf-v5-c-popover__arrow {
|
|
22584
22626
|
inset-block-start: var(--pf-v5-c-popover__arrow--Height);
|
|
22585
22627
|
}
|
|
22586
|
-
.pf-v5-c-popover.pf-m-left-bottom
|
|
22628
|
+
.pf-v5-c-popover:is(.pf-m-left-bottom,
|
|
22629
|
+
.pf-m-right-bottom,
|
|
22630
|
+
.pf-m-inline-start-block-end,
|
|
22631
|
+
.pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22587
22632
|
inset-block-start: auto;
|
|
22588
22633
|
inset-block-end: 0;
|
|
22589
22634
|
}
|
|
22590
|
-
.pf-v5-c-popover.pf-m-top-left
|
|
22635
|
+
.pf-v5-c-popover:is(.pf-m-top-left,
|
|
22636
|
+
.pf-m-bottom-left,
|
|
22637
|
+
.pf-m-block-start-inline-start,
|
|
22638
|
+
.pf-m-block-end-inline-start) .pf-v5-c-popover__arrow {
|
|
22591
22639
|
inset-inline-start: var(--pf-v5-c-popover__arrow--Width);
|
|
22592
22640
|
}
|
|
22593
|
-
.pf-v5-c-popover.pf-m-top-right
|
|
22641
|
+
.pf-v5-c-popover:is(.pf-m-top-right,
|
|
22642
|
+
.pf-m-bottom-right,
|
|
22643
|
+
.pf-m-block-start-inline-end,
|
|
22644
|
+
.pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22594
22645
|
inset-inline-start: auto;
|
|
22595
22646
|
inset-inline-end: 0;
|
|
22596
22647
|
}
|
|
@@ -30261,37 +30312,85 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30261
30312
|
max-width: var(--pf-v5-c-tooltip--MaxWidth);
|
|
30262
30313
|
box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
|
|
30263
30314
|
}
|
|
30264
|
-
.pf-v5-c-tooltip.pf-m-top
|
|
30315
|
+
.pf-v5-c-tooltip:is(.pf-m-top,
|
|
30316
|
+
.pf-m-top-left,
|
|
30317
|
+
.pf-m-top-right,
|
|
30318
|
+
.pf-m-block-start,
|
|
30319
|
+
.pf-m-block-start-inline-start,
|
|
30320
|
+
.pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30265
30321
|
inset-block-end: 0;
|
|
30266
30322
|
inset-inline-start: 50%;
|
|
30267
30323
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
|
|
30268
30324
|
}
|
|
30269
|
-
.
|
|
30325
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30326
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
|
|
30327
|
+
}
|
|
30328
|
+
|
|
30329
|
+
.pf-v5-c-tooltip:is(.pf-m-bottom,
|
|
30330
|
+
.pf-m-bottom-left,
|
|
30331
|
+
.pf-m-bottom-right,
|
|
30332
|
+
.pf-m-block-end,
|
|
30333
|
+
.pf-m-block-end-inline-start,
|
|
30334
|
+
.pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30270
30335
|
inset-block-start: 0;
|
|
30271
30336
|
inset-inline-start: 50%;
|
|
30272
30337
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
|
|
30273
30338
|
}
|
|
30274
|
-
.
|
|
30339
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30340
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
|
|
30341
|
+
}
|
|
30342
|
+
|
|
30343
|
+
.pf-v5-c-tooltip:is(.pf-m-left,
|
|
30344
|
+
.pf-m-left-top,
|
|
30345
|
+
.pf-m-left-bottom,
|
|
30346
|
+
.pf-m-inline-start,
|
|
30347
|
+
.pf-m-inline-start-block-start,
|
|
30348
|
+
.pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
|
|
30275
30349
|
inset-block-start: 50%;
|
|
30276
30350
|
inset-inline-end: 0;
|
|
30277
30351
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
|
|
30278
30352
|
}
|
|
30279
|
-
.
|
|
30353
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
|
|
30354
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
|
|
30355
|
+
}
|
|
30356
|
+
|
|
30357
|
+
.pf-v5-c-tooltip:is(.pf-m-right,
|
|
30358
|
+
.pf-m-right-top,
|
|
30359
|
+
.pf-m-right-bottom,
|
|
30360
|
+
.pf-m-inline-end,
|
|
30361
|
+
.pf-m-inline-end-block-start,
|
|
30362
|
+
.pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30280
30363
|
inset-block-start: 50%;
|
|
30281
30364
|
inset-inline-start: 0;
|
|
30282
30365
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
|
|
30283
30366
|
}
|
|
30284
|
-
.pf-v5-c-tooltip.pf-m-
|
|
30367
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30368
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
|
|
30369
|
+
}
|
|
30370
|
+
|
|
30371
|
+
.pf-v5-c-tooltip:is(.pf-m-left-top,
|
|
30372
|
+
.pf-m-right-top,
|
|
30373
|
+
.pf-m-inline-start-block-start,
|
|
30374
|
+
.pf-m-inline-end-block-start) .pf-v5-c-tooltip__arrow {
|
|
30285
30375
|
inset-block-start: var(--pf-v5-c-tooltip__arrow--Height);
|
|
30286
30376
|
}
|
|
30287
|
-
.pf-v5-c-tooltip.pf-m-left-bottom
|
|
30377
|
+
.pf-v5-c-tooltip:is(.pf-m-left-bottom,
|
|
30378
|
+
.pf-m-right-bottom,
|
|
30379
|
+
.pf-m-inline-start-block-end,
|
|
30380
|
+
.pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30288
30381
|
inset-block-start: auto;
|
|
30289
30382
|
inset-block-end: 0;
|
|
30290
30383
|
}
|
|
30291
|
-
.pf-v5-c-tooltip.pf-m-top-left
|
|
30384
|
+
.pf-v5-c-tooltip:is(.pf-m-top-left,
|
|
30385
|
+
.pf-m-bottom-left,
|
|
30386
|
+
.pf-m-block-start-block-start,
|
|
30387
|
+
.pf-m-block-end-block-start) .pf-v5-c-tooltip__arrow {
|
|
30292
30388
|
inset-inline-start: var(--pf-v5-c-tooltip__arrow--Width);
|
|
30293
30389
|
}
|
|
30294
|
-
.pf-v5-c-tooltip.pf-m-top-right
|
|
30390
|
+
.pf-v5-c-tooltip:is(.pf-m-top-right,
|
|
30391
|
+
.pf-m-bottom-right,
|
|
30392
|
+
.pf-m-block-start-block-end,
|
|
30393
|
+
.pf-m-block-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30295
30394
|
inset-inline-start: auto;
|
|
30296
30395
|
inset-inline-end: 0;
|
|
30297
30396
|
}
|
|
@@ -30308,7 +30407,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30308
30407
|
word-break: break-word;
|
|
30309
30408
|
background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
|
|
30310
30409
|
}
|
|
30311
|
-
.pf-v5-c-tooltip__content.pf-m-text-align-left {
|
|
30410
|
+
.pf-v5-c-tooltip__content:is(.pf-m-text-align-left, .pf-m-text-align-start) {
|
|
30312
30411
|
text-align: start;
|
|
30313
30412
|
}
|
|
30314
30413
|
|
package/patternfly.css
CHANGED
|
@@ -10246,6 +10246,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10246
10246
|
transition: var(--pf-v5-c-data-list__toggle-icon--Transition);
|
|
10247
10247
|
transform: rotate(var(--pf-v5-c-data-list__toggle-icon--Rotate));
|
|
10248
10248
|
}
|
|
10249
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
|
|
10250
|
+
scale: -1 1;
|
|
10251
|
+
}
|
|
10249
10252
|
|
|
10250
10253
|
.pf-v5-c-data-list__item-content {
|
|
10251
10254
|
display: grid;
|
|
@@ -22560,37 +22563,85 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22560
22563
|
--pf-v5-c-popover--MinWidth: auto;
|
|
22561
22564
|
--pf-v5-c-popover--MaxWidth: none;
|
|
22562
22565
|
}
|
|
22563
|
-
.pf-v5-c-popover.pf-m-top
|
|
22566
|
+
.pf-v5-c-popover:is(.pf-m-top,
|
|
22567
|
+
.pf-m-top-left,
|
|
22568
|
+
.pf-m-top-right,
|
|
22569
|
+
.pf-m-block-start,
|
|
22570
|
+
.pf-m-block-start-inline-start,
|
|
22571
|
+
.pf-m-block-start-inline-end) .pf-v5-c-popover__arrow {
|
|
22564
22572
|
inset-block-end: 0;
|
|
22565
22573
|
inset-inline-start: 50%;
|
|
22566
22574
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
|
|
22567
22575
|
}
|
|
22568
|
-
.
|
|
22576
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-popover__arrow {
|
|
22577
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
|
|
22578
|
+
}
|
|
22579
|
+
|
|
22580
|
+
.pf-v5-c-popover:is(.pf-m-bottom,
|
|
22581
|
+
.pf-m-bottom-left,
|
|
22582
|
+
.pf-m-bottom-right,
|
|
22583
|
+
.pf-m-block-end,
|
|
22584
|
+
.pf-m-block-end-inline-start,
|
|
22585
|
+
.pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22569
22586
|
inset-block-start: 0;
|
|
22570
22587
|
inset-inline-start: 50%;
|
|
22571
22588
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
|
|
22572
22589
|
}
|
|
22573
|
-
.
|
|
22590
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22591
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
|
|
22592
|
+
}
|
|
22593
|
+
|
|
22594
|
+
.pf-v5-c-popover:is(.pf-m-left,
|
|
22595
|
+
.pf-m-left-top,
|
|
22596
|
+
.pf-m-left-bottom,
|
|
22597
|
+
.pf-m-inline-start,
|
|
22598
|
+
.pf-m-inline-start-block-start,
|
|
22599
|
+
.pf-m-inline-start-block-end) .pf-v5-c-popover__arrow {
|
|
22574
22600
|
inset-block-start: 50%;
|
|
22575
22601
|
inset-inline-end: 0;
|
|
22576
22602
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
|
|
22577
22603
|
}
|
|
22578
|
-
.
|
|
22604
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-popover__arrow {
|
|
22605
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
|
|
22606
|
+
}
|
|
22607
|
+
|
|
22608
|
+
.pf-v5-c-popover:is(.pf-m-right,
|
|
22609
|
+
.pf-m-right-top,
|
|
22610
|
+
.pf-m-right-bottom,
|
|
22611
|
+
.pf-m-inline-end,
|
|
22612
|
+
.pf-m-inline-end-block-start,
|
|
22613
|
+
.pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22579
22614
|
inset-block-start: 50%;
|
|
22580
22615
|
inset-inline-start: 0;
|
|
22581
22616
|
transform: translateX(var(--pf-v5-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
|
|
22582
22617
|
}
|
|
22583
|
-
.pf-v5-c-popover.pf-m-
|
|
22618
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22619
|
+
transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
|
|
22620
|
+
}
|
|
22621
|
+
|
|
22622
|
+
.pf-v5-c-popover:is(.pf-m-left-top,
|
|
22623
|
+
.pf-m-right-top,
|
|
22624
|
+
.pf-m-inline-start-block-start,
|
|
22625
|
+
.pf-m-inline-end-block-start) .pf-v5-c-popover__arrow {
|
|
22584
22626
|
inset-block-start: var(--pf-v5-c-popover__arrow--Height);
|
|
22585
22627
|
}
|
|
22586
|
-
.pf-v5-c-popover.pf-m-left-bottom
|
|
22628
|
+
.pf-v5-c-popover:is(.pf-m-left-bottom,
|
|
22629
|
+
.pf-m-right-bottom,
|
|
22630
|
+
.pf-m-inline-start-block-end,
|
|
22631
|
+
.pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
|
|
22587
22632
|
inset-block-start: auto;
|
|
22588
22633
|
inset-block-end: 0;
|
|
22589
22634
|
}
|
|
22590
|
-
.pf-v5-c-popover.pf-m-top-left
|
|
22635
|
+
.pf-v5-c-popover:is(.pf-m-top-left,
|
|
22636
|
+
.pf-m-bottom-left,
|
|
22637
|
+
.pf-m-block-start-inline-start,
|
|
22638
|
+
.pf-m-block-end-inline-start) .pf-v5-c-popover__arrow {
|
|
22591
22639
|
inset-inline-start: var(--pf-v5-c-popover__arrow--Width);
|
|
22592
22640
|
}
|
|
22593
|
-
.pf-v5-c-popover.pf-m-top-right
|
|
22641
|
+
.pf-v5-c-popover:is(.pf-m-top-right,
|
|
22642
|
+
.pf-m-bottom-right,
|
|
22643
|
+
.pf-m-block-start-inline-end,
|
|
22644
|
+
.pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
|
|
22594
22645
|
inset-inline-start: auto;
|
|
22595
22646
|
inset-inline-end: 0;
|
|
22596
22647
|
}
|
|
@@ -30261,37 +30312,85 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30261
30312
|
max-width: var(--pf-v5-c-tooltip--MaxWidth);
|
|
30262
30313
|
box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
|
|
30263
30314
|
}
|
|
30264
|
-
.pf-v5-c-tooltip.pf-m-top
|
|
30315
|
+
.pf-v5-c-tooltip:is(.pf-m-top,
|
|
30316
|
+
.pf-m-top-left,
|
|
30317
|
+
.pf-m-top-right,
|
|
30318
|
+
.pf-m-block-start,
|
|
30319
|
+
.pf-m-block-start-inline-start,
|
|
30320
|
+
.pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30265
30321
|
inset-block-end: 0;
|
|
30266
30322
|
inset-inline-start: 50%;
|
|
30267
30323
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
|
|
30268
30324
|
}
|
|
30269
|
-
.
|
|
30325
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30326
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
|
|
30327
|
+
}
|
|
30328
|
+
|
|
30329
|
+
.pf-v5-c-tooltip:is(.pf-m-bottom,
|
|
30330
|
+
.pf-m-bottom-left,
|
|
30331
|
+
.pf-m-bottom-right,
|
|
30332
|
+
.pf-m-block-end,
|
|
30333
|
+
.pf-m-block-end-inline-start,
|
|
30334
|
+
.pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30270
30335
|
inset-block-start: 0;
|
|
30271
30336
|
inset-inline-start: 50%;
|
|
30272
30337
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
|
|
30273
30338
|
}
|
|
30274
|
-
.
|
|
30339
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
|
|
30340
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
|
|
30341
|
+
}
|
|
30342
|
+
|
|
30343
|
+
.pf-v5-c-tooltip:is(.pf-m-left,
|
|
30344
|
+
.pf-m-left-top,
|
|
30345
|
+
.pf-m-left-bottom,
|
|
30346
|
+
.pf-m-inline-start,
|
|
30347
|
+
.pf-m-inline-start-block-start,
|
|
30348
|
+
.pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
|
|
30275
30349
|
inset-block-start: 50%;
|
|
30276
30350
|
inset-inline-end: 0;
|
|
30277
30351
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
|
|
30278
30352
|
}
|
|
30279
|
-
.
|
|
30353
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
|
|
30354
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
|
|
30355
|
+
}
|
|
30356
|
+
|
|
30357
|
+
.pf-v5-c-tooltip:is(.pf-m-right,
|
|
30358
|
+
.pf-m-right-top,
|
|
30359
|
+
.pf-m-right-bottom,
|
|
30360
|
+
.pf-m-inline-end,
|
|
30361
|
+
.pf-m-inline-end-block-start,
|
|
30362
|
+
.pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30280
30363
|
inset-block-start: 50%;
|
|
30281
30364
|
inset-inline-start: 0;
|
|
30282
30365
|
transform: translateX(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
|
|
30283
30366
|
}
|
|
30284
|
-
.pf-v5-c-tooltip.pf-m-
|
|
30367
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30368
|
+
transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
|
|
30369
|
+
}
|
|
30370
|
+
|
|
30371
|
+
.pf-v5-c-tooltip:is(.pf-m-left-top,
|
|
30372
|
+
.pf-m-right-top,
|
|
30373
|
+
.pf-m-inline-start-block-start,
|
|
30374
|
+
.pf-m-inline-end-block-start) .pf-v5-c-tooltip__arrow {
|
|
30285
30375
|
inset-block-start: var(--pf-v5-c-tooltip__arrow--Height);
|
|
30286
30376
|
}
|
|
30287
|
-
.pf-v5-c-tooltip.pf-m-left-bottom
|
|
30377
|
+
.pf-v5-c-tooltip:is(.pf-m-left-bottom,
|
|
30378
|
+
.pf-m-right-bottom,
|
|
30379
|
+
.pf-m-inline-start-block-end,
|
|
30380
|
+
.pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30288
30381
|
inset-block-start: auto;
|
|
30289
30382
|
inset-block-end: 0;
|
|
30290
30383
|
}
|
|
30291
|
-
.pf-v5-c-tooltip.pf-m-top-left
|
|
30384
|
+
.pf-v5-c-tooltip:is(.pf-m-top-left,
|
|
30385
|
+
.pf-m-bottom-left,
|
|
30386
|
+
.pf-m-block-start-block-start,
|
|
30387
|
+
.pf-m-block-end-block-start) .pf-v5-c-tooltip__arrow {
|
|
30292
30388
|
inset-inline-start: var(--pf-v5-c-tooltip__arrow--Width);
|
|
30293
30389
|
}
|
|
30294
|
-
.pf-v5-c-tooltip.pf-m-top-right
|
|
30390
|
+
.pf-v5-c-tooltip:is(.pf-m-top-right,
|
|
30391
|
+
.pf-m-bottom-right,
|
|
30392
|
+
.pf-m-block-start-block-end,
|
|
30393
|
+
.pf-m-block-end-block-end) .pf-v5-c-tooltip__arrow {
|
|
30295
30394
|
inset-inline-start: auto;
|
|
30296
30395
|
inset-inline-end: 0;
|
|
30297
30396
|
}
|
|
@@ -30308,7 +30407,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30308
30407
|
word-break: break-word;
|
|
30309
30408
|
background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
|
|
30310
30409
|
}
|
|
30311
|
-
.pf-v5-c-tooltip__content.pf-m-text-align-left {
|
|
30410
|
+
.pf-v5-c-tooltip__content:is(.pf-m-text-align-left, .pf-m-text-align-start) {
|
|
30312
30411
|
text-align: start;
|
|
30313
30412
|
}
|
|
30314
30413
|
|