@patternfly/patternfly 5.0.0-alpha.1 → 5.0.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/RELEASE-NOTES.md +30 -0
- package/base/_common.scss +0 -22
- package/base/patternfly-common.css +0 -10
- package/components/Card/card.css +9 -12
- package/components/Card/card.scss +11 -17
- package/components/ChipGroup/chip-group.css +29 -17
- package/components/ChipGroup/chip-group.scss +39 -22
- package/components/Drawer/drawer.css +0 -1
- package/components/Drawer/drawer.scss +0 -1
- package/components/Dropdown/dropdown.css +15 -0
- package/components/Dropdown/dropdown.scss +20 -0
- package/components/EmptyState/empty-state.css +46 -52
- package/components/EmptyState/empty-state.scss +58 -57
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/themes/dark/form-control.scss +1 -1
- package/components/InputGroup/input-group.css +14 -0
- package/components/InputGroup/input-group.scss +9 -0
- package/components/InputGroup/themes/dark/input-group.scss +8 -0
- package/components/LabelGroup/label-group.css +26 -22
- package/components/LabelGroup/label-group.scss +31 -26
- package/components/Menu/menu.css +4 -0
- package/components/Menu/menu.scss +5 -0
- package/components/Pagination/pagination.css +228 -0
- package/components/Pagination/pagination.scss +30 -1
- package/components/Popover/popover.css +1 -6
- package/components/Popover/themes/dark/popover.scss +1 -7
- package/components/Slider/slider.css +0 -7
- package/components/Slider/slider.scss +0 -9
- package/components/Toolbar/toolbar.css +30 -2
- package/components/Toolbar/toolbar.scss +37 -3
- package/components/Tooltip/themes/dark/tooltip.scss +3 -6
- package/components/Tooltip/tooltip.css +2 -5
- package/docs/components/Card/examples/Card.md +61 -44
- package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
- package/docs/components/CodeEditor/examples/CodeEditor.md +2 -6
- package/docs/components/Dropdown/examples/Dropdown.md +216 -0
- package/docs/components/EmptyState/examples/EmptyState.md +127 -79
- package/docs/components/InputGroup/examples/InputGroup.md +1 -0
- package/docs/components/Pagination/examples/Pagination.md +129 -30
- package/docs/components/Slider/examples/Slider.md +6 -6
- package/docs/components/Tabs/examples/Tabs.md +1 -1
- package/docs/components/Toolbar/examples/Toolbar.md +19 -16
- package/docs/components/Wizard/examples/Wizard.md +4 -7
- package/docs/demos/Banner/examples/Banner.md +2 -2
- package/docs/demos/Card/examples/Card.md +144 -109
- package/docs/demos/CardView/examples/CardView.md +1 -3
- package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
- package/docs/demos/DataList/examples/DataList.md +2 -4
- package/docs/demos/Masthead/examples/Masthead.md +3 -6
- package/docs/demos/Nav/examples/Nav.md +671 -718
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +9 -8
- package/docs/demos/Table/examples/Table.md +18 -32
- package/docs/demos/Tabs/examples/Tabs.md +42 -539
- package/docs/demos/Toolbar/examples/Toolbar.md +1589 -9
- package/docs/demos/Wizard/examples/Wizard.md +0 -4
- package/package.json +5 -5
- package/patternfly-base-no-reset.css +0 -10
- package/patternfly-base.css +0 -10
- package/patternfly-no-reset.css +405 -135
- package/patternfly.css +405 -135
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/scss-variables.scss +0 -1
package/patternfly-no-reset.css
CHANGED
|
@@ -587,16 +587,6 @@
|
|
|
587
587
|
font-weight: 300 700;
|
|
588
588
|
font-display: fallback;
|
|
589
589
|
}
|
|
590
|
-
[class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
|
|
591
|
-
padding: 0;
|
|
592
|
-
margin: 0;
|
|
593
|
-
background-color: transparent;
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
html {
|
|
597
|
-
font-size: var(--pf-global--root--FontSize, unset) !important;
|
|
598
|
-
}
|
|
599
|
-
|
|
600
590
|
.pf-screen-reader {
|
|
601
591
|
position: fixed;
|
|
602
592
|
top: 0;
|
|
@@ -8066,7 +8056,9 @@ button.pf-c-breadcrumb__link {
|
|
|
8066
8056
|
--pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
|
|
8067
8057
|
--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
|
|
8068
8058
|
--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
|
|
8069
|
-
--pf-c-card__actions--
|
|
8059
|
+
--pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
|
|
8060
|
+
--pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8061
|
+
--pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8070
8062
|
--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8071
8063
|
--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
|
|
8072
8064
|
--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
@@ -8137,7 +8129,6 @@ button.pf-c-breadcrumb__link {
|
|
|
8137
8129
|
--pf-c-card--m-plain--BackgroundColor: transparent;
|
|
8138
8130
|
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8139
8131
|
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
8140
|
-
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
8141
8132
|
--pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
8142
8133
|
--pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
|
|
8143
8134
|
display: flex;
|
|
@@ -8283,13 +8274,11 @@ button.pf-c-breadcrumb__link {
|
|
|
8283
8274
|
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
|
|
8284
8275
|
--pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
|
|
8285
8276
|
}
|
|
8286
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
|
|
8287
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
|
|
8288
|
-
}
|
|
8289
8277
|
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
|
|
8290
8278
|
order: 2;
|
|
8291
8279
|
}
|
|
8292
|
-
|
|
8280
|
+
|
|
8281
|
+
.pf-c-card__header-main {
|
|
8293
8282
|
flex: 1;
|
|
8294
8283
|
}
|
|
8295
8284
|
|
|
@@ -8315,10 +8304,8 @@ button.pf-c-breadcrumb__link {
|
|
|
8315
8304
|
align-self: flex-start;
|
|
8316
8305
|
order: 1;
|
|
8317
8306
|
padding-left: var(--pf-c-card__actions--PaddingLeft);
|
|
8318
|
-
margin: var(--pf-c-
|
|
8319
|
-
|
|
8320
|
-
.pf-c-card__actions > * + * {
|
|
8321
|
-
margin-left: var(--pf-c-card__actions--child--MarginLeft);
|
|
8307
|
+
margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
|
|
8308
|
+
gap: var(--pf-c-card__actions--Gap);
|
|
8322
8309
|
}
|
|
8323
8310
|
.pf-c-card__actions + .pf-c-card__title,
|
|
8324
8311
|
.pf-c-card__actions + .pf-c-card__body,
|
|
@@ -8326,8 +8313,8 @@ button.pf-c-breadcrumb__link {
|
|
|
8326
8313
|
padding: 0;
|
|
8327
8314
|
}
|
|
8328
8315
|
.pf-c-card__actions.pf-m-no-offset {
|
|
8329
|
-
--pf-c-
|
|
8330
|
-
--pf-c-
|
|
8316
|
+
--pf-c-card__actions--MarginTop: 0;
|
|
8317
|
+
--pf-c-card__actions--MarginBottom: 0;
|
|
8331
8318
|
}
|
|
8332
8319
|
|
|
8333
8320
|
.pf-c-card__header,
|
|
@@ -8626,28 +8613,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8626
8613
|
|
|
8627
8614
|
.pf-c-chip-group {
|
|
8628
8615
|
color: var(--pf-global--Color--100);
|
|
8629
|
-
--pf-c-chip-
|
|
8630
|
-
--pf-c-chip-
|
|
8616
|
+
--pf-c-chip-group--PaddingTop: 0;
|
|
8617
|
+
--pf-c-chip-group--PaddingRight: 0;
|
|
8618
|
+
--pf-c-chip-group--PaddingBottom: 0;
|
|
8619
|
+
--pf-c-chip-group--PaddingLeft: 0;
|
|
8620
|
+
--pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
|
|
8621
|
+
--pf-c-chip-group--ColumnGap: var(--pf-global--spacer--sm);
|
|
8622
|
+
--pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
8623
|
+
--pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
8624
|
+
--pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
8625
|
+
--pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
8631
8626
|
--pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
8632
8627
|
--pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
8633
8628
|
--pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8634
8629
|
--pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8635
8630
|
--pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
8636
8631
|
--pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8637
|
-
--pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
8638
8632
|
--pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
8639
8633
|
--pf-c-chip-group__label--MaxWidth: 18ch;
|
|
8640
8634
|
--pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
8641
8635
|
--pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
8642
|
-
--pf-c-chip-
|
|
8643
|
-
--pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
8636
|
+
--pf-c-chip-group__close--MarginLeft: calc(var(--pf-global--spacer--sm) * -1);
|
|
8644
8637
|
max-width: 100%;
|
|
8638
|
+
padding-top: var(--pf-c-chip-group--PaddingTop);
|
|
8639
|
+
padding-right: var(--pf-c-chip-group--PaddingRight);
|
|
8640
|
+
padding-bottom: var(--pf-c-chip-group--PaddingBottom);
|
|
8641
|
+
padding-left: var(--pf-c-chip-group--PaddingLeft);
|
|
8642
|
+
row-gap: var(--pf-c-chip-group--RowGap);
|
|
8643
|
+
column-gap: var(--pf-c-chip-group--ColumnGap);
|
|
8645
8644
|
}
|
|
8646
8645
|
.pf-c-chip-group.pf-m-category {
|
|
8647
|
-
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8646
|
+
--pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
|
|
8647
|
+
--pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
|
|
8648
|
+
--pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
|
|
8649
|
+
--pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
|
|
8651
8650
|
background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
|
|
8652
8651
|
border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
|
|
8653
8652
|
}
|
|
@@ -8658,11 +8657,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8658
8657
|
flex-wrap: wrap;
|
|
8659
8658
|
align-items: baseline;
|
|
8660
8659
|
min-width: 0;
|
|
8661
|
-
|
|
8662
|
-
|
|
8663
|
-
.pf-c-chip-group__list {
|
|
8664
|
-
margin-right: var(--pf-c-chip-group__list--MarginRight);
|
|
8665
|
-
margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
|
|
8660
|
+
row-gap: var(--pf-c-chip-group__main--RowGap);
|
|
8661
|
+
column-gap: var(--pf-c-chip-group__main--ColumnGap);
|
|
8666
8662
|
}
|
|
8667
8663
|
|
|
8668
8664
|
.pf-c-chip-group,
|
|
@@ -8673,11 +8669,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8673
8669
|
min-width: 0;
|
|
8674
8670
|
}
|
|
8675
8671
|
|
|
8672
|
+
.pf-c-chip-group__list {
|
|
8673
|
+
row-gap: var(--pf-c-chip-group__list--RowGap);
|
|
8674
|
+
column-gap: var(--pf-c-chip-group__list--ColumnGap);
|
|
8675
|
+
}
|
|
8676
|
+
|
|
8676
8677
|
.pf-c-chip-group__list-item {
|
|
8677
8678
|
display: inline-flex;
|
|
8678
8679
|
min-width: 0;
|
|
8679
|
-
margin-right: var(--pf-c-chip-group__list-item--MarginRight);
|
|
8680
|
-
margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
|
|
8681
8680
|
}
|
|
8682
8681
|
|
|
8683
8682
|
.pf-c-chip-group__label {
|
|
@@ -8685,7 +8684,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8685
8684
|
text-overflow: ellipsis;
|
|
8686
8685
|
white-space: nowrap;
|
|
8687
8686
|
max-width: var(--pf-c-chip-group__label--MaxWidth);
|
|
8688
|
-
margin-right: var(--pf-c-chip-group__label--MarginRight);
|
|
8689
8687
|
font-size: var(--pf-c-chip-group__label--FontSize);
|
|
8690
8688
|
}
|
|
8691
8689
|
|
|
@@ -8694,6 +8692,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8694
8692
|
align-self: flex-start;
|
|
8695
8693
|
margin-top: var(--pf-c-chip-group__close--MarginTop);
|
|
8696
8694
|
margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
|
|
8695
|
+
margin-left: var(--pf-c-chip-group__close--MarginLeft);
|
|
8697
8696
|
}
|
|
8698
8697
|
|
|
8699
8698
|
.pf-c-clipboard-copy {
|
|
@@ -11193,13 +11192,17 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11193
11192
|
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
11194
11193
|
--pf-c-toolbar__item--Display: block;
|
|
11195
11194
|
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
11195
|
+
--pf-c-toolbar__item--AlignSelf: auto;
|
|
11196
11196
|
--pf-c-toolbar__group--Display: flex;
|
|
11197
|
+
--pf-c-toolbar__group--AlignItems: baseline;
|
|
11198
|
+
--pf-c-toolbar__group--AlignSelf: auto;
|
|
11197
11199
|
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
11198
11200
|
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
11199
11201
|
--pf-c-toolbar__content--Display: flex;
|
|
11200
11202
|
--pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
|
|
11201
11203
|
--pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
11202
11204
|
--pf-c-toolbar__content-section--Display: flex;
|
|
11205
|
+
--pf-c-toolbar__content-section--AlignItems: baseline;
|
|
11203
11206
|
--pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
11204
11207
|
--pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
11205
11208
|
--pf-c-toolbar__expandable-content--Display: grid;
|
|
@@ -11321,9 +11324,22 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11321
11324
|
.pf-c-toolbar__group {
|
|
11322
11325
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
11323
11326
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
|
|
11324
|
-
align-items:
|
|
11327
|
+
align-items: var(--pf-c-toolbar__group--AlignItems);
|
|
11328
|
+
align-self: var(--pf-c-toolbar__group--AlignSelf);
|
|
11325
11329
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
11326
11330
|
}
|
|
11331
|
+
.pf-c-toolbar__group.pf-m-align-items-center {
|
|
11332
|
+
align-items: center;
|
|
11333
|
+
}
|
|
11334
|
+
.pf-c-toolbar__group.pf-m-align-items-baseline {
|
|
11335
|
+
align-items: baseline;
|
|
11336
|
+
}
|
|
11337
|
+
.pf-c-toolbar__group.pf-m-align-self-center {
|
|
11338
|
+
align-self: center;
|
|
11339
|
+
}
|
|
11340
|
+
.pf-c-toolbar__group.pf-m-align-self-baseline {
|
|
11341
|
+
align-self: baseline;
|
|
11342
|
+
}
|
|
11327
11343
|
.pf-c-toolbar__group.pf-m-button-group {
|
|
11328
11344
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
|
|
11329
11345
|
}
|
|
@@ -11364,6 +11380,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11364
11380
|
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
|
|
11365
11381
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
|
|
11366
11382
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
|
|
11383
|
+
align-self: var(--pf-c-toolbar__item--AlignSelf);
|
|
11367
11384
|
width: var(--pf-c-toolbar__item--Width--base);
|
|
11368
11385
|
min-width: var(--pf-c-toolbar__item--MinWidth--base);
|
|
11369
11386
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
@@ -11418,6 +11435,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11418
11435
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth-on-2xl, var(--pf-c-toolbar__item--MinWidth-on-xl, var(--pf-c-toolbar__item--MinWidth-on-lg, var(--pf-c-toolbar__item--MinWidth-on-md, var(--pf-c-toolbar__item--MinWidth-on-sm, var(--pf-c-toolbar__item--MinWidth))))));
|
|
11419
11436
|
}
|
|
11420
11437
|
}
|
|
11438
|
+
.pf-c-toolbar__item.pf-m-align-self-center {
|
|
11439
|
+
align-self: center;
|
|
11440
|
+
}
|
|
11441
|
+
.pf-c-toolbar__item.pf-m-align-self-baseline {
|
|
11442
|
+
align-self: baseline;
|
|
11443
|
+
}
|
|
11421
11444
|
.pf-c-toolbar__item.pf-m-overflow-menu {
|
|
11422
11445
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
|
|
11423
11446
|
}
|
|
@@ -11462,20 +11485,24 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11462
11485
|
.pf-c-toolbar__content,
|
|
11463
11486
|
.pf-c-toolbar__content-section {
|
|
11464
11487
|
flex-wrap: wrap;
|
|
11465
|
-
align-items: center;
|
|
11466
11488
|
}
|
|
11467
11489
|
|
|
11468
11490
|
.pf-c-toolbar__content {
|
|
11469
11491
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
|
|
11470
11492
|
position: relative;
|
|
11493
|
+
align-items: center;
|
|
11471
11494
|
padding-right: var(--pf-c-toolbar__content--PaddingRight);
|
|
11472
11495
|
padding-left: var(--pf-c-toolbar__content--PaddingLeft);
|
|
11473
11496
|
}
|
|
11474
11497
|
|
|
11475
11498
|
.pf-c-toolbar__content-section {
|
|
11476
11499
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
|
|
11500
|
+
align-items: var(--pf-c-toolbar__content-section--AlignItems);
|
|
11477
11501
|
width: 100%;
|
|
11478
11502
|
}
|
|
11503
|
+
.pf-c-toolbar__content-section.pf-m-align-items-center {
|
|
11504
|
+
align-items: center;
|
|
11505
|
+
}
|
|
11479
11506
|
|
|
11480
11507
|
.pf-c-toolbar__expandable-content {
|
|
11481
11508
|
position: absolute;
|
|
@@ -13010,7 +13037,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13010
13037
|
}
|
|
13011
13038
|
|
|
13012
13039
|
.pf-c-drawer__body {
|
|
13013
|
-
min-height: 0;
|
|
13014
13040
|
padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft);
|
|
13015
13041
|
}
|
|
13016
13042
|
.pf-c-drawer__body.pf-m-no-padding {
|
|
@@ -13599,6 +13625,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13599
13625
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13600
13626
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
|
|
13601
13627
|
--pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
|
|
13628
|
+
--pf-c-dropdown__toggle-progress--Visibility: hidden;
|
|
13629
|
+
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
|
|
13602
13630
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
|
|
13603
13631
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
|
|
13604
13632
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -13810,9 +13838,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13810
13838
|
align-items: center;
|
|
13811
13839
|
cursor: pointer;
|
|
13812
13840
|
}
|
|
13841
|
+
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
|
|
13842
|
+
--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
|
|
13843
|
+
--pf-c-dropdown__toggle-progress--Visibility: visible;
|
|
13844
|
+
}
|
|
13813
13845
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
|
|
13814
13846
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
|
|
13815
13847
|
cursor: pointer;
|
|
13848
|
+
visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
|
|
13816
13849
|
transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
|
|
13817
13850
|
}
|
|
13818
13851
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
|
|
@@ -14008,6 +14041,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14008
14041
|
--pf-c-dropdown__toggle-image--MarginRight: 0;
|
|
14009
14042
|
}
|
|
14010
14043
|
|
|
14044
|
+
.pf-c-dropdown__toggle-progress {
|
|
14045
|
+
position: absolute;
|
|
14046
|
+
visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
|
|
14047
|
+
}
|
|
14048
|
+
.pf-c-dropdown__toggle-progress .pf-c-spinner {
|
|
14049
|
+
--pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
|
|
14050
|
+
}
|
|
14051
|
+
|
|
14011
14052
|
.pf-c-dropdown__menu {
|
|
14012
14053
|
position: absolute;
|
|
14013
14054
|
top: var(--pf-c-dropdown__menu--Top);
|
|
@@ -14241,38 +14282,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14241
14282
|
--pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
|
|
14242
14283
|
--pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
|
|
14243
14284
|
--pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
|
|
14285
|
+
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14286
|
+
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14287
|
+
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14288
|
+
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14244
14289
|
--pf-c-empty-state__content--MaxWidth: none;
|
|
14290
|
+
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14291
|
+
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14292
|
+
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14245
14293
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
|
|
14246
14294
|
--pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
14247
14295
|
--pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
|
|
14248
|
-
--pf-c-empty-
|
|
14296
|
+
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14297
|
+
--pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
|
|
14298
|
+
--pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
14299
|
+
--pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
14300
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
14301
|
+
--pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
14302
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
14303
|
+
--pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
14304
|
+
--pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
|
|
14305
|
+
--pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
14249
14306
|
--pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
|
|
14250
14307
|
--pf-c-empty-state__body--Color: var(--pf-global--Color--200);
|
|
14251
|
-
--pf-c-empty-
|
|
14252
|
-
--pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
|
|
14253
|
-
--pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
|
|
14254
|
-
--pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
14255
|
-
--pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
|
|
14256
|
-
--pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
|
|
14257
|
-
--pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
|
|
14258
|
-
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14308
|
+
--pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
|
|
14259
14309
|
--pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
|
|
14260
|
-
--pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
|
|
14261
|
-
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14262
|
-
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14263
|
-
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14264
|
-
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14265
|
-
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14266
14310
|
--pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
|
|
14267
|
-
--pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
|
|
14268
|
-
--pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
|
|
14269
|
-
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14270
|
-
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14271
14311
|
--pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
|
|
14272
14312
|
--pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
|
|
14273
|
-
--pf-c-empty-
|
|
14274
|
-
--pf-c-empty-
|
|
14275
|
-
--pf-c-empty-state--m-
|
|
14313
|
+
--pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
|
|
14314
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
|
|
14315
|
+
--pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
|
|
14316
|
+
--pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
|
|
14317
|
+
--pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
|
|
14276
14318
|
display: flex;
|
|
14277
14319
|
align-items: center;
|
|
14278
14320
|
justify-content: center;
|
|
@@ -14284,17 +14326,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14284
14326
|
--pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
|
|
14285
14327
|
--pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
|
|
14286
14328
|
--pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
|
|
14329
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
|
|
14287
14330
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
|
|
14288
14331
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
|
|
14289
14332
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
|
|
14290
|
-
--pf-c-empty-
|
|
14291
|
-
--pf-c-empty-
|
|
14292
|
-
}
|
|
14293
|
-
.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
|
|
14294
|
-
font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14295
|
-
}
|
|
14296
|
-
.pf-c-empty-state.pf-m-xs .pf-c-button {
|
|
14297
|
-
--pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
|
|
14333
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14334
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
|
|
14298
14335
|
}
|
|
14299
14336
|
.pf-c-empty-state.pf-m-sm {
|
|
14300
14337
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
|
|
@@ -14304,12 +14341,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14304
14341
|
}
|
|
14305
14342
|
.pf-c-empty-state.pf-m-xl {
|
|
14306
14343
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
|
|
14344
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14307
14345
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
|
|
14308
14346
|
--pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
|
|
14309
|
-
--pf-c-empty-
|
|
14310
|
-
|
|
14311
|
-
.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
|
|
14312
|
-
font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14347
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
|
|
14348
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
|
|
14313
14349
|
}
|
|
14314
14350
|
.pf-c-empty-state.pf-m-full-height {
|
|
14315
14351
|
height: 100%;
|
|
@@ -14318,41 +14354,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14318
14354
|
.pf-c-empty-state__content {
|
|
14319
14355
|
max-width: var(--pf-c-empty-state__content--MaxWidth);
|
|
14320
14356
|
}
|
|
14321
|
-
.pf-c-empty-state__content > .pf-c-title.pf-m-lg {
|
|
14322
|
-
font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
|
|
14323
|
-
}
|
|
14324
14357
|
|
|
14325
14358
|
.pf-c-empty-state__icon {
|
|
14326
14359
|
margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
|
|
14327
14360
|
font-size: var(--pf-c-empty-state__icon--FontSize);
|
|
14361
|
+
line-height: 1;
|
|
14328
14362
|
color: var(--pf-c-empty-state__icon--Color);
|
|
14329
14363
|
}
|
|
14330
14364
|
|
|
14365
|
+
.pf-c-empty-state__title-text {
|
|
14366
|
+
font-family: var(--pf-c-empty-state__title-text--FontFamily);
|
|
14367
|
+
font-size: var(--pf-c-empty-state__title-text--FontSize);
|
|
14368
|
+
font-weight: var(--pf-c-empty-state__title-text--FontWeight);
|
|
14369
|
+
line-height: var(--pf-c-empty-state__title-text--LineHeight);
|
|
14370
|
+
}
|
|
14371
|
+
|
|
14331
14372
|
.pf-c-empty-state__body {
|
|
14332
14373
|
margin-top: var(--pf-c-empty-state__body--MarginTop);
|
|
14374
|
+
font-size: var(--pf-c-empty-state--body--FontSize);
|
|
14333
14375
|
color: var(--pf-c-empty-state__body--Color);
|
|
14334
14376
|
}
|
|
14335
14377
|
|
|
14336
|
-
.pf-c-empty-
|
|
14337
|
-
|
|
14338
|
-
|
|
14339
|
-
|
|
14340
|
-
|
|
14341
|
-
|
|
14342
|
-
margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
|
|
14378
|
+
.pf-c-empty-state__footer {
|
|
14379
|
+
display: flex;
|
|
14380
|
+
flex-direction: column;
|
|
14381
|
+
align-items: center;
|
|
14382
|
+
row-gap: var(--pf-c-empty-state__footer--RowGap);
|
|
14383
|
+
margin-top: var(--pf-c-empty-state__footer--MarginTop);
|
|
14343
14384
|
}
|
|
14344
14385
|
|
|
14345
|
-
.pf-c-empty-
|
|
14386
|
+
.pf-c-empty-state__actions {
|
|
14346
14387
|
display: flex;
|
|
14347
14388
|
flex-wrap: wrap;
|
|
14348
14389
|
justify-content: center;
|
|
14349
|
-
|
|
14350
|
-
margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
|
|
14351
|
-
}
|
|
14352
|
-
.pf-c-empty-state__secondary > * {
|
|
14353
|
-
margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
|
|
14354
|
-
margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
|
|
14355
|
-
margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
|
|
14390
|
+
gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
|
|
14356
14391
|
}
|
|
14357
14392
|
|
|
14358
14393
|
.pf-c-expandable-section {
|
|
@@ -15453,7 +15488,7 @@ textarea.pf-c-form-control {
|
|
|
15453
15488
|
}
|
|
15454
15489
|
|
|
15455
15490
|
:where(.pf-theme-dark) .pf-c-form-control {
|
|
15456
|
-
--pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0
|
|
15491
|
+
--pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
|
|
15457
15492
|
--pf-c-form-control--BorderTopColor: transparent;
|
|
15458
15493
|
--pf-c-form-control--BorderRightColor: transparent;
|
|
15459
15494
|
--pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
@@ -15903,6 +15938,9 @@ textarea.pf-c-form-control {
|
|
|
15903
15938
|
--pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
15904
15939
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
15905
15940
|
--pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
|
|
15941
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
|
|
15942
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
15943
|
+
--pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
|
|
15906
15944
|
--pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
|
|
15907
15945
|
--pf-c-input-group--c-form-control--MarginRight: 0;
|
|
15908
15946
|
color: var(--pf-global--Color--100);
|
|
@@ -15952,6 +15990,11 @@ label.pf-c-input-group__text {
|
|
|
15952
15990
|
--pf-c-input-group__text--BorderWidth: 0;
|
|
15953
15991
|
margin-left: 0;
|
|
15954
15992
|
}
|
|
15993
|
+
.pf-c-input-group__text.pf-m-disabled {
|
|
15994
|
+
--pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
15995
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
15996
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
|
|
15997
|
+
}
|
|
15955
15998
|
|
|
15956
15999
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
15957
16000
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
@@ -15996,6 +16039,8 @@ label.pf-c-input-group__text {
|
|
|
15996
16039
|
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
15997
16040
|
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
15998
16041
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
16042
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
|
|
16043
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15999
16044
|
}
|
|
16000
16045
|
:where(.pf-theme-dark) .pf-c-input-group > * + * {
|
|
16001
16046
|
margin-left: 0;
|
|
@@ -16010,6 +16055,10 @@ label.pf-c-input-group__text {
|
|
|
16010
16055
|
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
|
|
16011
16056
|
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
16012
16057
|
}
|
|
16058
|
+
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
|
|
16059
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16060
|
+
color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16061
|
+
}
|
|
16013
16062
|
|
|
16014
16063
|
.pf-c-jump-links {
|
|
16015
16064
|
--pf-c-jump-links__list--Display: flex;
|
|
@@ -16746,8 +16795,18 @@ button.pf-c-label__content:focus {
|
|
|
16746
16795
|
}
|
|
16747
16796
|
|
|
16748
16797
|
.pf-c-label-group {
|
|
16749
|
-
--pf-c-label-
|
|
16750
|
-
--pf-c-label-
|
|
16798
|
+
--pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
|
|
16799
|
+
--pf-c-label-group--ColumnGap: 0;
|
|
16800
|
+
--pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
|
|
16801
|
+
--pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
|
|
16802
|
+
--pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
16803
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
16804
|
+
--pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
|
|
16805
|
+
--pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
|
|
16806
|
+
--pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
16807
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16808
|
+
--pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
|
|
16809
|
+
--pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16751
16810
|
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
16752
16811
|
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
16753
16812
|
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
@@ -16757,20 +16816,14 @@ button.pf-c-label__content:focus {
|
|
|
16757
16816
|
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16758
16817
|
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
16759
16818
|
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16760
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
16761
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
16762
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
16763
16819
|
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
16764
16820
|
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
16765
16821
|
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
16766
16822
|
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
16767
16823
|
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16768
16824
|
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16769
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
16770
16825
|
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16771
16826
|
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16772
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
16773
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
16774
16827
|
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
16775
16828
|
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
16776
16829
|
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
@@ -16778,6 +16831,8 @@ button.pf-c-label__content:focus {
|
|
|
16778
16831
|
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
16779
16832
|
display: inline-flex;
|
|
16780
16833
|
align-items: center;
|
|
16834
|
+
row-gap: var(--pf-c-label-group--RowGap);
|
|
16835
|
+
column-gap: var(--pf-c-label-group--ColumnGap);
|
|
16781
16836
|
}
|
|
16782
16837
|
.pf-c-label-group.pf-m-category {
|
|
16783
16838
|
padding-top: var(--pf-c-label-group--m-category--PaddingTop);
|
|
@@ -16789,11 +16844,12 @@ button.pf-c-label__content:focus {
|
|
|
16789
16844
|
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
16790
16845
|
}
|
|
16791
16846
|
.pf-c-label-group.pf-m-vertical {
|
|
16792
|
-
--pf-c-label-
|
|
16793
|
-
--pf-c-label-
|
|
16794
|
-
--pf-c-label-
|
|
16795
|
-
--pf-c-label-
|
|
16796
|
-
--pf-c-label-
|
|
16847
|
+
--pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
|
|
16848
|
+
--pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
|
|
16849
|
+
--pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
|
|
16850
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
|
|
16851
|
+
--pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
|
|
16852
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
|
|
16797
16853
|
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
16798
16854
|
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
16799
16855
|
--pf-c-label-group__close--MarginBottom: 0;
|
|
@@ -16810,9 +16866,6 @@ button.pf-c-label__content:focus {
|
|
|
16810
16866
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
16811
16867
|
flex-direction: column;
|
|
16812
16868
|
}
|
|
16813
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
16814
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
16815
|
-
}
|
|
16816
16869
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
16817
16870
|
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
16818
16871
|
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
@@ -16834,19 +16887,19 @@ button.pf-c-label__content:focus {
|
|
|
16834
16887
|
flex: 1;
|
|
16835
16888
|
flex-wrap: wrap;
|
|
16836
16889
|
align-items: baseline;
|
|
16890
|
+
row-gap: var(--pf-c-label-group__main--RowGap);
|
|
16891
|
+
column-gap: var(--pf-c-label-group__main--ColumnGap);
|
|
16837
16892
|
}
|
|
16838
16893
|
|
|
16839
16894
|
.pf-c-label-group__list {
|
|
16840
16895
|
display: inline-flex;
|
|
16841
16896
|
flex-wrap: wrap;
|
|
16842
|
-
|
|
16843
|
-
|
|
16897
|
+
row-gap: var(--pf-c-label-group__list--RowGap);
|
|
16898
|
+
column-gap: var(--pf-c-label-group__list--ColumnGap);
|
|
16844
16899
|
}
|
|
16845
16900
|
|
|
16846
16901
|
.pf-c-label-group__list-item {
|
|
16847
16902
|
display: inline-flex;
|
|
16848
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
16849
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
16850
16903
|
}
|
|
16851
16904
|
|
|
16852
16905
|
.pf-c-label-group__label {
|
|
@@ -16854,12 +16907,12 @@ button.pf-c-label__content:focus {
|
|
|
16854
16907
|
text-overflow: ellipsis;
|
|
16855
16908
|
white-space: nowrap;
|
|
16856
16909
|
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
16857
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
16858
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
16859
16910
|
font-size: var(--pf-c-label-group__label--FontSize);
|
|
16860
16911
|
}
|
|
16861
16912
|
|
|
16862
16913
|
.pf-c-label-group__close {
|
|
16914
|
+
display: flex;
|
|
16915
|
+
align-self: start;
|
|
16863
16916
|
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
16864
16917
|
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
16865
16918
|
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
@@ -18383,11 +18436,15 @@ ul.pf-c-list {
|
|
|
18383
18436
|
}
|
|
18384
18437
|
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
|
|
18385
18438
|
overflow: visible;
|
|
18439
|
+
visibility: hidden;
|
|
18386
18440
|
}
|
|
18387
18441
|
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
|
|
18388
18442
|
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
|
|
18389
18443
|
display: none;
|
|
18390
18444
|
}
|
|
18445
|
+
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
|
|
18446
|
+
visibility: hidden;
|
|
18447
|
+
}
|
|
18391
18448
|
.pf-c-menu.pf-m-plain {
|
|
18392
18449
|
--pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
|
|
18393
18450
|
}
|
|
@@ -22363,6 +22420,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22363
22420
|
}
|
|
22364
22421
|
|
|
22365
22422
|
.pf-c-pagination {
|
|
22423
|
+
--pf-c-pagination--inset: 0;
|
|
22424
|
+
--pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
|
|
22425
|
+
--pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
|
|
22426
|
+
--pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
22427
|
+
--pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
22366
22428
|
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
22367
22429
|
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
22368
22430
|
--pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
|
|
@@ -22418,6 +22480,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22418
22480
|
flex-wrap: wrap;
|
|
22419
22481
|
align-items: center;
|
|
22420
22482
|
justify-content: flex-end;
|
|
22483
|
+
padding-right: var(--pf-c-pagination--PaddingRight);
|
|
22484
|
+
padding-left: var(--pf-c-pagination--PaddingLeft);
|
|
22421
22485
|
}
|
|
22422
22486
|
@media screen and (min-width: 768px) {
|
|
22423
22487
|
.pf-c-pagination {
|
|
@@ -22437,6 +22501,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22437
22501
|
.pf-c-pagination {
|
|
22438
22502
|
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
|
|
22439
22503
|
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
|
|
22504
|
+
--pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
|
|
22505
|
+
--pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
|
|
22440
22506
|
}
|
|
22441
22507
|
}
|
|
22442
22508
|
.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
|
|
@@ -22527,6 +22593,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22527
22593
|
.pf-c-pagination.pf-m-compact {
|
|
22528
22594
|
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
|
|
22529
22595
|
}
|
|
22596
|
+
.pf-c-pagination.pf-m-page-insets {
|
|
22597
|
+
--pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
|
|
22598
|
+
}
|
|
22530
22599
|
|
|
22531
22600
|
.pf-c-pagination__nav {
|
|
22532
22601
|
display: var(--pf-c-pagination__nav--Display);
|
|
@@ -22573,6 +22642,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22573
22642
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22574
22643
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22575
22644
|
}
|
|
22645
|
+
.pf-c-pagination.pf-m-inset-none {
|
|
22646
|
+
--pf-c-pagination--inset: 0;
|
|
22647
|
+
}
|
|
22648
|
+
.pf-c-pagination.pf-m-inset-sm {
|
|
22649
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22650
|
+
}
|
|
22651
|
+
.pf-c-pagination.pf-m-inset-md {
|
|
22652
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22653
|
+
}
|
|
22654
|
+
.pf-c-pagination.pf-m-inset-lg {
|
|
22655
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22656
|
+
}
|
|
22657
|
+
.pf-c-pagination.pf-m-inset-xl {
|
|
22658
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22659
|
+
}
|
|
22660
|
+
.pf-c-pagination.pf-m-inset-2xl {
|
|
22661
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22662
|
+
}
|
|
22663
|
+
.pf-c-pagination.pf-m-inset-none {
|
|
22664
|
+
--pf-c-pagination--inset: 0;
|
|
22665
|
+
}
|
|
22666
|
+
.pf-c-pagination.pf-m-inset-sm {
|
|
22667
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22668
|
+
}
|
|
22669
|
+
.pf-c-pagination.pf-m-inset-md {
|
|
22670
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22671
|
+
}
|
|
22672
|
+
.pf-c-pagination.pf-m-inset-lg {
|
|
22673
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22674
|
+
}
|
|
22675
|
+
.pf-c-pagination.pf-m-inset-xl {
|
|
22676
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22677
|
+
}
|
|
22678
|
+
.pf-c-pagination.pf-m-inset-2xl {
|
|
22679
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22680
|
+
}
|
|
22576
22681
|
@media (min-width: 576px) {
|
|
22577
22682
|
.pf-c-pagination.pf-m-display-summary-on-sm {
|
|
22578
22683
|
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
@@ -22584,6 +22689,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22584
22689
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22585
22690
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22586
22691
|
}
|
|
22692
|
+
.pf-c-pagination.pf-m-inset-none-on-sm {
|
|
22693
|
+
--pf-c-pagination--inset: 0;
|
|
22694
|
+
}
|
|
22695
|
+
.pf-c-pagination.pf-m-inset-sm-on-sm {
|
|
22696
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22697
|
+
}
|
|
22698
|
+
.pf-c-pagination.pf-m-inset-md-on-sm {
|
|
22699
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22700
|
+
}
|
|
22701
|
+
.pf-c-pagination.pf-m-inset-lg-on-sm {
|
|
22702
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22703
|
+
}
|
|
22704
|
+
.pf-c-pagination.pf-m-inset-xl-on-sm {
|
|
22705
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22706
|
+
}
|
|
22707
|
+
.pf-c-pagination.pf-m-inset-2xl-on-sm {
|
|
22708
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22709
|
+
}
|
|
22710
|
+
.pf-c-pagination.pf-m-inset-none-on-sm {
|
|
22711
|
+
--pf-c-pagination--inset: 0;
|
|
22712
|
+
}
|
|
22713
|
+
.pf-c-pagination.pf-m-inset-sm-on-sm {
|
|
22714
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22715
|
+
}
|
|
22716
|
+
.pf-c-pagination.pf-m-inset-md-on-sm {
|
|
22717
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22718
|
+
}
|
|
22719
|
+
.pf-c-pagination.pf-m-inset-lg-on-sm {
|
|
22720
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22721
|
+
}
|
|
22722
|
+
.pf-c-pagination.pf-m-inset-xl-on-sm {
|
|
22723
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22724
|
+
}
|
|
22725
|
+
.pf-c-pagination.pf-m-inset-2xl-on-sm {
|
|
22726
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22727
|
+
}
|
|
22587
22728
|
}
|
|
22588
22729
|
@media (min-width: 768px) {
|
|
22589
22730
|
.pf-c-pagination.pf-m-display-summary-on-md {
|
|
@@ -22596,6 +22737,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22596
22737
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22597
22738
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22598
22739
|
}
|
|
22740
|
+
.pf-c-pagination.pf-m-inset-none-on-md {
|
|
22741
|
+
--pf-c-pagination--inset: 0;
|
|
22742
|
+
}
|
|
22743
|
+
.pf-c-pagination.pf-m-inset-sm-on-md {
|
|
22744
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22745
|
+
}
|
|
22746
|
+
.pf-c-pagination.pf-m-inset-md-on-md {
|
|
22747
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22748
|
+
}
|
|
22749
|
+
.pf-c-pagination.pf-m-inset-lg-on-md {
|
|
22750
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22751
|
+
}
|
|
22752
|
+
.pf-c-pagination.pf-m-inset-xl-on-md {
|
|
22753
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22754
|
+
}
|
|
22755
|
+
.pf-c-pagination.pf-m-inset-2xl-on-md {
|
|
22756
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22757
|
+
}
|
|
22758
|
+
.pf-c-pagination.pf-m-inset-none-on-md {
|
|
22759
|
+
--pf-c-pagination--inset: 0;
|
|
22760
|
+
}
|
|
22761
|
+
.pf-c-pagination.pf-m-inset-sm-on-md {
|
|
22762
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22763
|
+
}
|
|
22764
|
+
.pf-c-pagination.pf-m-inset-md-on-md {
|
|
22765
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22766
|
+
}
|
|
22767
|
+
.pf-c-pagination.pf-m-inset-lg-on-md {
|
|
22768
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22769
|
+
}
|
|
22770
|
+
.pf-c-pagination.pf-m-inset-xl-on-md {
|
|
22771
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22772
|
+
}
|
|
22773
|
+
.pf-c-pagination.pf-m-inset-2xl-on-md {
|
|
22774
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22775
|
+
}
|
|
22599
22776
|
}
|
|
22600
22777
|
@media (min-width: 992px) {
|
|
22601
22778
|
.pf-c-pagination.pf-m-display-summary-on-lg {
|
|
@@ -22608,6 +22785,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22608
22785
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22609
22786
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22610
22787
|
}
|
|
22788
|
+
.pf-c-pagination.pf-m-inset-none-on-lg {
|
|
22789
|
+
--pf-c-pagination--inset: 0;
|
|
22790
|
+
}
|
|
22791
|
+
.pf-c-pagination.pf-m-inset-sm-on-lg {
|
|
22792
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22793
|
+
}
|
|
22794
|
+
.pf-c-pagination.pf-m-inset-md-on-lg {
|
|
22795
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22796
|
+
}
|
|
22797
|
+
.pf-c-pagination.pf-m-inset-lg-on-lg {
|
|
22798
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22799
|
+
}
|
|
22800
|
+
.pf-c-pagination.pf-m-inset-xl-on-lg {
|
|
22801
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22802
|
+
}
|
|
22803
|
+
.pf-c-pagination.pf-m-inset-2xl-on-lg {
|
|
22804
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22805
|
+
}
|
|
22806
|
+
.pf-c-pagination.pf-m-inset-none-on-lg {
|
|
22807
|
+
--pf-c-pagination--inset: 0;
|
|
22808
|
+
}
|
|
22809
|
+
.pf-c-pagination.pf-m-inset-sm-on-lg {
|
|
22810
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22811
|
+
}
|
|
22812
|
+
.pf-c-pagination.pf-m-inset-md-on-lg {
|
|
22813
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22814
|
+
}
|
|
22815
|
+
.pf-c-pagination.pf-m-inset-lg-on-lg {
|
|
22816
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22817
|
+
}
|
|
22818
|
+
.pf-c-pagination.pf-m-inset-xl-on-lg {
|
|
22819
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22820
|
+
}
|
|
22821
|
+
.pf-c-pagination.pf-m-inset-2xl-on-lg {
|
|
22822
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22823
|
+
}
|
|
22611
22824
|
}
|
|
22612
22825
|
@media (min-width: 1200px) {
|
|
22613
22826
|
.pf-c-pagination.pf-m-display-summary-on-xl {
|
|
@@ -22620,6 +22833,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22620
22833
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22621
22834
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22622
22835
|
}
|
|
22836
|
+
.pf-c-pagination.pf-m-inset-none-on-xl {
|
|
22837
|
+
--pf-c-pagination--inset: 0;
|
|
22838
|
+
}
|
|
22839
|
+
.pf-c-pagination.pf-m-inset-sm-on-xl {
|
|
22840
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22841
|
+
}
|
|
22842
|
+
.pf-c-pagination.pf-m-inset-md-on-xl {
|
|
22843
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22844
|
+
}
|
|
22845
|
+
.pf-c-pagination.pf-m-inset-lg-on-xl {
|
|
22846
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22847
|
+
}
|
|
22848
|
+
.pf-c-pagination.pf-m-inset-xl-on-xl {
|
|
22849
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22850
|
+
}
|
|
22851
|
+
.pf-c-pagination.pf-m-inset-2xl-on-xl {
|
|
22852
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22853
|
+
}
|
|
22854
|
+
.pf-c-pagination.pf-m-inset-none-on-xl {
|
|
22855
|
+
--pf-c-pagination--inset: 0;
|
|
22856
|
+
}
|
|
22857
|
+
.pf-c-pagination.pf-m-inset-sm-on-xl {
|
|
22858
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22859
|
+
}
|
|
22860
|
+
.pf-c-pagination.pf-m-inset-md-on-xl {
|
|
22861
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22862
|
+
}
|
|
22863
|
+
.pf-c-pagination.pf-m-inset-lg-on-xl {
|
|
22864
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22865
|
+
}
|
|
22866
|
+
.pf-c-pagination.pf-m-inset-xl-on-xl {
|
|
22867
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22868
|
+
}
|
|
22869
|
+
.pf-c-pagination.pf-m-inset-2xl-on-xl {
|
|
22870
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22871
|
+
}
|
|
22623
22872
|
}
|
|
22624
22873
|
@media (min-width: 1450px) {
|
|
22625
22874
|
.pf-c-pagination.pf-m-display-summary-on-2xl {
|
|
@@ -22632,6 +22881,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22632
22881
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22633
22882
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22634
22883
|
}
|
|
22884
|
+
.pf-c-pagination.pf-m-inset-none-on-2xl {
|
|
22885
|
+
--pf-c-pagination--inset: 0;
|
|
22886
|
+
}
|
|
22887
|
+
.pf-c-pagination.pf-m-inset-sm-on-2xl {
|
|
22888
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22889
|
+
}
|
|
22890
|
+
.pf-c-pagination.pf-m-inset-md-on-2xl {
|
|
22891
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22892
|
+
}
|
|
22893
|
+
.pf-c-pagination.pf-m-inset-lg-on-2xl {
|
|
22894
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22895
|
+
}
|
|
22896
|
+
.pf-c-pagination.pf-m-inset-xl-on-2xl {
|
|
22897
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22898
|
+
}
|
|
22899
|
+
.pf-c-pagination.pf-m-inset-2xl-on-2xl {
|
|
22900
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22901
|
+
}
|
|
22902
|
+
.pf-c-pagination.pf-m-inset-none-on-2xl {
|
|
22903
|
+
--pf-c-pagination--inset: 0;
|
|
22904
|
+
}
|
|
22905
|
+
.pf-c-pagination.pf-m-inset-sm-on-2xl {
|
|
22906
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22907
|
+
}
|
|
22908
|
+
.pf-c-pagination.pf-m-inset-md-on-2xl {
|
|
22909
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22910
|
+
}
|
|
22911
|
+
.pf-c-pagination.pf-m-inset-lg-on-2xl {
|
|
22912
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22913
|
+
}
|
|
22914
|
+
.pf-c-pagination.pf-m-inset-xl-on-2xl {
|
|
22915
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22916
|
+
}
|
|
22917
|
+
.pf-c-pagination.pf-m-inset-2xl-on-2xl {
|
|
22918
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22919
|
+
}
|
|
22635
22920
|
}
|
|
22636
22921
|
|
|
22637
22922
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
@@ -22963,17 +23248,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22963
23248
|
}
|
|
22964
23249
|
|
|
22965
23250
|
:where(.pf-theme-dark) .pf-c-popover {
|
|
22966
|
-
--pf-c-
|
|
22967
|
-
--pf-c-popover__arrow--BoxShadow: none;
|
|
23251
|
+
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
22968
23252
|
--pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
|
|
22969
23253
|
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
|
|
22970
23254
|
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
|
|
22971
23255
|
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
|
|
22972
23256
|
}
|
|
22973
|
-
:where(.pf-theme-dark) .pf-c-popover,
|
|
22974
|
-
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
|
|
22975
|
-
border: 4px solid var(--pf-global--BorderColor--400);
|
|
22976
|
-
}
|
|
22977
23257
|
|
|
22978
23258
|
.pf-c-progress {
|
|
22979
23259
|
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
@@ -25517,13 +25797,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25517
25797
|
z-index: var(--pf-c-slider__value--m-floating--ZIndex);
|
|
25518
25798
|
transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
|
|
25519
25799
|
}
|
|
25520
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group {
|
|
25521
|
-
align-items: center;
|
|
25522
|
-
}
|
|
25523
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
|
|
25524
|
-
position: absolute;
|
|
25525
|
-
left: 100%;
|
|
25526
|
-
}
|
|
25527
25800
|
.pf-c-slider__value .pf-c-form-control {
|
|
25528
25801
|
width: var(--pf-c-slider__value--c-form-control--Width);
|
|
25529
25802
|
}
|
|
@@ -31075,16 +31348,13 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31075
31348
|
}
|
|
31076
31349
|
|
|
31077
31350
|
:where(.pf-theme-dark) .pf-c-tooltip {
|
|
31078
|
-
--pf-c-tooltip--BoxShadow: none;
|
|
31079
31351
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31080
|
-
|
|
31081
|
-
:where(.pf-theme-dark) .pf-c-tooltip,
|
|
31082
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31083
|
-
border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
|
|
31352
|
+
--pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
31084
31353
|
}
|
|
31085
31354
|
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31086
31355
|
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31087
31356
|
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31357
|
+
box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
|
|
31088
31358
|
}
|
|
31089
31359
|
|
|
31090
31360
|
.pf-c-truncate {
|