@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.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;
|
|
@@ -8189,7 +8179,9 @@ button.pf-c-breadcrumb__link {
|
|
|
8189
8179
|
--pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
|
|
8190
8180
|
--pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
|
|
8191
8181
|
--pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
|
|
8192
|
-
--pf-c-card__actions--
|
|
8182
|
+
--pf-c-card__actions--Gap: var(--pf-global--spacer--sm);
|
|
8183
|
+
--pf-c-card__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8184
|
+
--pf-c-card__actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8193
8185
|
--pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8194
8186
|
--pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
|
|
8195
8187
|
--pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
|
|
@@ -8260,7 +8252,6 @@ button.pf-c-breadcrumb__link {
|
|
|
8260
8252
|
--pf-c-card--m-plain--BackgroundColor: transparent;
|
|
8261
8253
|
--pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
8262
8254
|
--pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
|
|
8263
|
-
--pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
|
|
8264
8255
|
--pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
8265
8256
|
--pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
|
|
8266
8257
|
display: flex;
|
|
@@ -8406,13 +8397,11 @@ button.pf-c-breadcrumb__link {
|
|
|
8406
8397
|
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
|
|
8407
8398
|
--pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft);
|
|
8408
8399
|
}
|
|
8409
|
-
.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
|
|
8410
|
-
--pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight);
|
|
8411
|
-
}
|
|
8412
8400
|
.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
|
|
8413
8401
|
order: 2;
|
|
8414
8402
|
}
|
|
8415
|
-
|
|
8403
|
+
|
|
8404
|
+
.pf-c-card__header-main {
|
|
8416
8405
|
flex: 1;
|
|
8417
8406
|
}
|
|
8418
8407
|
|
|
@@ -8438,10 +8427,8 @@ button.pf-c-breadcrumb__link {
|
|
|
8438
8427
|
align-self: flex-start;
|
|
8439
8428
|
order: 1;
|
|
8440
8429
|
padding-left: var(--pf-c-card__actions--PaddingLeft);
|
|
8441
|
-
margin: var(--pf-c-
|
|
8442
|
-
|
|
8443
|
-
.pf-c-card__actions > * + * {
|
|
8444
|
-
margin-left: var(--pf-c-card__actions--child--MarginLeft);
|
|
8430
|
+
margin: var(--pf-c-card__actions--MarginTop) 0 var(--pf-c-card__actions--MarginBottom) auto;
|
|
8431
|
+
gap: var(--pf-c-card__actions--Gap);
|
|
8445
8432
|
}
|
|
8446
8433
|
.pf-c-card__actions + .pf-c-card__title,
|
|
8447
8434
|
.pf-c-card__actions + .pf-c-card__body,
|
|
@@ -8449,8 +8436,8 @@ button.pf-c-breadcrumb__link {
|
|
|
8449
8436
|
padding: 0;
|
|
8450
8437
|
}
|
|
8451
8438
|
.pf-c-card__actions.pf-m-no-offset {
|
|
8452
|
-
--pf-c-
|
|
8453
|
-
--pf-c-
|
|
8439
|
+
--pf-c-card__actions--MarginTop: 0;
|
|
8440
|
+
--pf-c-card__actions--MarginBottom: 0;
|
|
8454
8441
|
}
|
|
8455
8442
|
|
|
8456
8443
|
.pf-c-card__header,
|
|
@@ -8749,28 +8736,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8749
8736
|
|
|
8750
8737
|
.pf-c-chip-group {
|
|
8751
8738
|
color: var(--pf-global--Color--100);
|
|
8752
|
-
--pf-c-chip-
|
|
8753
|
-
--pf-c-chip-
|
|
8739
|
+
--pf-c-chip-group--PaddingTop: 0;
|
|
8740
|
+
--pf-c-chip-group--PaddingRight: 0;
|
|
8741
|
+
--pf-c-chip-group--PaddingBottom: 0;
|
|
8742
|
+
--pf-c-chip-group--PaddingLeft: 0;
|
|
8743
|
+
--pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
|
|
8744
|
+
--pf-c-chip-group--ColumnGap: var(--pf-global--spacer--sm);
|
|
8745
|
+
--pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
8746
|
+
--pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
8747
|
+
--pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
8748
|
+
--pf-c-chip-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
8754
8749
|
--pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
8755
8750
|
--pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
8756
8751
|
--pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
8757
8752
|
--pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
|
|
8758
8753
|
--pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
8759
8754
|
--pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8760
|
-
--pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
8761
8755
|
--pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
8762
8756
|
--pf-c-chip-group__label--MaxWidth: 18ch;
|
|
8763
8757
|
--pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
8764
8758
|
--pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
8765
|
-
--pf-c-chip-
|
|
8766
|
-
--pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
8759
|
+
--pf-c-chip-group__close--MarginLeft: calc(var(--pf-global--spacer--sm) * -1);
|
|
8767
8760
|
max-width: 100%;
|
|
8761
|
+
padding-top: var(--pf-c-chip-group--PaddingTop);
|
|
8762
|
+
padding-right: var(--pf-c-chip-group--PaddingRight);
|
|
8763
|
+
padding-bottom: var(--pf-c-chip-group--PaddingBottom);
|
|
8764
|
+
padding-left: var(--pf-c-chip-group--PaddingLeft);
|
|
8765
|
+
row-gap: var(--pf-c-chip-group--RowGap);
|
|
8766
|
+
column-gap: var(--pf-c-chip-group--ColumnGap);
|
|
8768
8767
|
}
|
|
8769
8768
|
.pf-c-chip-group.pf-m-category {
|
|
8770
|
-
|
|
8771
|
-
|
|
8772
|
-
|
|
8773
|
-
|
|
8769
|
+
--pf-c-chip-group--PaddingTop: var(--pf-c-chip-group--m-category--PaddingTop);
|
|
8770
|
+
--pf-c-chip-group--PaddingRight: var(--pf-c-chip-group--m-category--PaddingRight);
|
|
8771
|
+
--pf-c-chip-group--PaddingBottom: var(--pf-c-chip-group--m-category--PaddingBottom);
|
|
8772
|
+
--pf-c-chip-group--PaddingLeft: var(--pf-c-chip-group--m-category--PaddingLeft);
|
|
8774
8773
|
background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
|
|
8775
8774
|
border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
|
|
8776
8775
|
}
|
|
@@ -8781,11 +8780,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8781
8780
|
flex-wrap: wrap;
|
|
8782
8781
|
align-items: baseline;
|
|
8783
8782
|
min-width: 0;
|
|
8784
|
-
|
|
8785
|
-
|
|
8786
|
-
.pf-c-chip-group__list {
|
|
8787
|
-
margin-right: var(--pf-c-chip-group__list--MarginRight);
|
|
8788
|
-
margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
|
|
8783
|
+
row-gap: var(--pf-c-chip-group__main--RowGap);
|
|
8784
|
+
column-gap: var(--pf-c-chip-group__main--ColumnGap);
|
|
8789
8785
|
}
|
|
8790
8786
|
|
|
8791
8787
|
.pf-c-chip-group,
|
|
@@ -8796,11 +8792,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8796
8792
|
min-width: 0;
|
|
8797
8793
|
}
|
|
8798
8794
|
|
|
8795
|
+
.pf-c-chip-group__list {
|
|
8796
|
+
row-gap: var(--pf-c-chip-group__list--RowGap);
|
|
8797
|
+
column-gap: var(--pf-c-chip-group__list--ColumnGap);
|
|
8798
|
+
}
|
|
8799
|
+
|
|
8799
8800
|
.pf-c-chip-group__list-item {
|
|
8800
8801
|
display: inline-flex;
|
|
8801
8802
|
min-width: 0;
|
|
8802
|
-
margin-right: var(--pf-c-chip-group__list-item--MarginRight);
|
|
8803
|
-
margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
|
|
8804
8803
|
}
|
|
8805
8804
|
|
|
8806
8805
|
.pf-c-chip-group__label {
|
|
@@ -8808,7 +8807,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8808
8807
|
text-overflow: ellipsis;
|
|
8809
8808
|
white-space: nowrap;
|
|
8810
8809
|
max-width: var(--pf-c-chip-group__label--MaxWidth);
|
|
8811
|
-
margin-right: var(--pf-c-chip-group__label--MarginRight);
|
|
8812
8810
|
font-size: var(--pf-c-chip-group__label--FontSize);
|
|
8813
8811
|
}
|
|
8814
8812
|
|
|
@@ -8817,6 +8815,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8817
8815
|
align-self: flex-start;
|
|
8818
8816
|
margin-top: var(--pf-c-chip-group__close--MarginTop);
|
|
8819
8817
|
margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
|
|
8818
|
+
margin-left: var(--pf-c-chip-group__close--MarginLeft);
|
|
8820
8819
|
}
|
|
8821
8820
|
|
|
8822
8821
|
.pf-c-clipboard-copy {
|
|
@@ -11316,13 +11315,17 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11316
11315
|
--pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
|
|
11317
11316
|
--pf-c-toolbar__item--Display: block;
|
|
11318
11317
|
--pf-c-toolbar__item--MinWidth--base: auto;
|
|
11318
|
+
--pf-c-toolbar__item--AlignSelf: auto;
|
|
11319
11319
|
--pf-c-toolbar__group--Display: flex;
|
|
11320
|
+
--pf-c-toolbar__group--AlignItems: baseline;
|
|
11321
|
+
--pf-c-toolbar__group--AlignSelf: auto;
|
|
11320
11322
|
--pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
|
|
11321
11323
|
--pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
|
|
11322
11324
|
--pf-c-toolbar__content--Display: flex;
|
|
11323
11325
|
--pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
|
|
11324
11326
|
--pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
11325
11327
|
--pf-c-toolbar__content-section--Display: flex;
|
|
11328
|
+
--pf-c-toolbar__content-section--AlignItems: baseline;
|
|
11326
11329
|
--pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
11327
11330
|
--pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
11328
11331
|
--pf-c-toolbar__expandable-content--Display: grid;
|
|
@@ -11444,9 +11447,22 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11444
11447
|
.pf-c-toolbar__group {
|
|
11445
11448
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
|
|
11446
11449
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
|
|
11447
|
-
align-items:
|
|
11450
|
+
align-items: var(--pf-c-toolbar__group--AlignItems);
|
|
11451
|
+
align-self: var(--pf-c-toolbar__group--AlignSelf);
|
|
11448
11452
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
11449
11453
|
}
|
|
11454
|
+
.pf-c-toolbar__group.pf-m-align-items-center {
|
|
11455
|
+
align-items: center;
|
|
11456
|
+
}
|
|
11457
|
+
.pf-c-toolbar__group.pf-m-align-items-baseline {
|
|
11458
|
+
align-items: baseline;
|
|
11459
|
+
}
|
|
11460
|
+
.pf-c-toolbar__group.pf-m-align-self-center {
|
|
11461
|
+
align-self: center;
|
|
11462
|
+
}
|
|
11463
|
+
.pf-c-toolbar__group.pf-m-align-self-baseline {
|
|
11464
|
+
align-self: baseline;
|
|
11465
|
+
}
|
|
11450
11466
|
.pf-c-toolbar__group.pf-m-button-group {
|
|
11451
11467
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer);
|
|
11452
11468
|
}
|
|
@@ -11487,6 +11503,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11487
11503
|
--pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
|
|
11488
11504
|
--pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
|
|
11489
11505
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
|
|
11506
|
+
align-self: var(--pf-c-toolbar__item--AlignSelf);
|
|
11490
11507
|
width: var(--pf-c-toolbar__item--Width--base);
|
|
11491
11508
|
min-width: var(--pf-c-toolbar__item--MinWidth--base);
|
|
11492
11509
|
margin-right: var(--pf-c-toolbar--spacer);
|
|
@@ -11541,6 +11558,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11541
11558
|
--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))))));
|
|
11542
11559
|
}
|
|
11543
11560
|
}
|
|
11561
|
+
.pf-c-toolbar__item.pf-m-align-self-center {
|
|
11562
|
+
align-self: center;
|
|
11563
|
+
}
|
|
11564
|
+
.pf-c-toolbar__item.pf-m-align-self-baseline {
|
|
11565
|
+
align-self: baseline;
|
|
11566
|
+
}
|
|
11544
11567
|
.pf-c-toolbar__item.pf-m-overflow-menu {
|
|
11545
11568
|
--pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer);
|
|
11546
11569
|
}
|
|
@@ -11585,20 +11608,24 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11585
11608
|
.pf-c-toolbar__content,
|
|
11586
11609
|
.pf-c-toolbar__content-section {
|
|
11587
11610
|
flex-wrap: wrap;
|
|
11588
|
-
align-items: center;
|
|
11589
11611
|
}
|
|
11590
11612
|
|
|
11591
11613
|
.pf-c-toolbar__content {
|
|
11592
11614
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
|
|
11593
11615
|
position: relative;
|
|
11616
|
+
align-items: center;
|
|
11594
11617
|
padding-right: var(--pf-c-toolbar__content--PaddingRight);
|
|
11595
11618
|
padding-left: var(--pf-c-toolbar__content--PaddingLeft);
|
|
11596
11619
|
}
|
|
11597
11620
|
|
|
11598
11621
|
.pf-c-toolbar__content-section {
|
|
11599
11622
|
--pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
|
|
11623
|
+
align-items: var(--pf-c-toolbar__content-section--AlignItems);
|
|
11600
11624
|
width: 100%;
|
|
11601
11625
|
}
|
|
11626
|
+
.pf-c-toolbar__content-section.pf-m-align-items-center {
|
|
11627
|
+
align-items: center;
|
|
11628
|
+
}
|
|
11602
11629
|
|
|
11603
11630
|
.pf-c-toolbar__expandable-content {
|
|
11604
11631
|
position: absolute;
|
|
@@ -13133,7 +13160,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13133
13160
|
}
|
|
13134
13161
|
|
|
13135
13162
|
.pf-c-drawer__body {
|
|
13136
|
-
min-height: 0;
|
|
13137
13163
|
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);
|
|
13138
13164
|
}
|
|
13139
13165
|
.pf-c-drawer__body.pf-m-no-padding {
|
|
@@ -13722,6 +13748,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13722
13748
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13723
13749
|
--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
|
|
13724
13750
|
--pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
|
|
13751
|
+
--pf-c-dropdown__toggle-progress--Visibility: hidden;
|
|
13752
|
+
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
|
|
13725
13753
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
|
|
13726
13754
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
|
|
13727
13755
|
--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -13933,9 +13961,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13933
13961
|
align-items: center;
|
|
13934
13962
|
cursor: pointer;
|
|
13935
13963
|
}
|
|
13964
|
+
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
|
|
13965
|
+
--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
|
|
13966
|
+
--pf-c-dropdown__toggle-progress--Visibility: visible;
|
|
13967
|
+
}
|
|
13936
13968
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
|
|
13937
13969
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
|
|
13938
13970
|
cursor: pointer;
|
|
13971
|
+
visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
|
|
13939
13972
|
transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
|
|
13940
13973
|
}
|
|
13941
13974
|
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
|
|
@@ -14131,6 +14164,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14131
14164
|
--pf-c-dropdown__toggle-image--MarginRight: 0;
|
|
14132
14165
|
}
|
|
14133
14166
|
|
|
14167
|
+
.pf-c-dropdown__toggle-progress {
|
|
14168
|
+
position: absolute;
|
|
14169
|
+
visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
|
|
14170
|
+
}
|
|
14171
|
+
.pf-c-dropdown__toggle-progress .pf-c-spinner {
|
|
14172
|
+
--pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
|
|
14173
|
+
}
|
|
14174
|
+
|
|
14134
14175
|
.pf-c-dropdown__menu {
|
|
14135
14176
|
position: absolute;
|
|
14136
14177
|
top: var(--pf-c-dropdown__menu--Top);
|
|
@@ -14364,38 +14405,39 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14364
14405
|
--pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
|
|
14365
14406
|
--pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
|
|
14366
14407
|
--pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
|
|
14408
|
+
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14409
|
+
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14410
|
+
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14411
|
+
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14367
14412
|
--pf-c-empty-state__content--MaxWidth: none;
|
|
14413
|
+
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14414
|
+
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14415
|
+
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14368
14416
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
|
|
14369
14417
|
--pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
|
|
14370
14418
|
--pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
|
|
14371
|
-
--pf-c-empty-
|
|
14419
|
+
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14420
|
+
--pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
|
|
14421
|
+
--pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
|
|
14422
|
+
--pf-c-empty-state__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
14423
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-global--FontSize--xl);
|
|
14424
|
+
--pf-c-empty-state__title-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
14425
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-global--LineHeight--md);
|
|
14426
|
+
--pf-c-empty-state--m-xs__title-text--FontSize: var(--pf-global--FontSize--md);
|
|
14427
|
+
--pf-c-empty-state--m-xl__title-text--FontSize: var(--pf-global--FontSize--4xl);
|
|
14428
|
+
--pf-c-empty-state--m-xl__title-text--LineHeight: var(--pf-global--LineHeight--sm);
|
|
14372
14429
|
--pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
|
|
14373
14430
|
--pf-c-empty-state__body--Color: var(--pf-global--Color--200);
|
|
14374
|
-
--pf-c-empty-
|
|
14375
|
-
--pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
|
|
14376
|
-
--pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
|
|
14377
|
-
--pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
14378
|
-
--pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
|
|
14379
|
-
--pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
|
|
14380
|
-
--pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
|
|
14381
|
-
--pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
14431
|
+
--pf-c-empty-state--body--FontSize: var(--pf-global--FontSize--md);
|
|
14382
14432
|
--pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
|
|
14383
|
-
--pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
|
|
14384
|
-
--pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
|
|
14385
|
-
--pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
|
|
14386
|
-
--pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
|
|
14387
|
-
--pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
|
|
14388
|
-
--pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
|
|
14389
14433
|
--pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
|
|
14390
|
-
--pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
|
|
14391
|
-
--pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
|
|
14392
|
-
--pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
14393
|
-
--pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
14394
14434
|
--pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
|
|
14395
14435
|
--pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
|
|
14396
|
-
--pf-c-empty-
|
|
14397
|
-
--pf-c-empty-
|
|
14398
|
-
--pf-c-empty-state--m-
|
|
14436
|
+
--pf-c-empty-state__footer--RowGap: var(--pf-global--spacer--sm);
|
|
14437
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-global--spacer--xl);
|
|
14438
|
+
--pf-c-empty-state--m-xs__footer--MarginTop: var(--pf-global--spacer--md);
|
|
14439
|
+
--pf-c-empty-state__actions--RowGap: var(--pf-global--spacer--xs);
|
|
14440
|
+
--pf-c-empty-state__actions--ColumnGap: var(--pf-global--spacer--xs);
|
|
14399
14441
|
display: flex;
|
|
14400
14442
|
align-items: center;
|
|
14401
14443
|
justify-content: center;
|
|
@@ -14407,17 +14449,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14407
14449
|
--pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
|
|
14408
14450
|
--pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
|
|
14409
14451
|
--pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
|
|
14452
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xs__title-text--FontSize);
|
|
14410
14453
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
|
|
14411
14454
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
|
|
14412
14455
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
|
|
14413
|
-
--pf-c-empty-
|
|
14414
|
-
--pf-c-empty-
|
|
14415
|
-
}
|
|
14416
|
-
.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
|
|
14417
|
-
font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14418
|
-
}
|
|
14419
|
-
.pf-c-empty-state.pf-m-xs .pf-c-button {
|
|
14420
|
-
--pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
|
|
14456
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xs__body--FontSize);
|
|
14457
|
+
--pf-c-empty-state__footer--MarginTop: var(--pf-c-empty-state--m-xs__footer--MarginTop);
|
|
14421
14458
|
}
|
|
14422
14459
|
.pf-c-empty-state.pf-m-sm {
|
|
14423
14460
|
--pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
|
|
@@ -14427,12 +14464,11 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14427
14464
|
}
|
|
14428
14465
|
.pf-c-empty-state.pf-m-xl {
|
|
14429
14466
|
--pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
|
|
14467
|
+
--pf-c-empty-state--body--FontSize: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14430
14468
|
--pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
|
|
14431
14469
|
--pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
|
|
14432
|
-
--pf-c-empty-
|
|
14433
|
-
|
|
14434
|
-
.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
|
|
14435
|
-
font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
|
|
14470
|
+
--pf-c-empty-state__title-text--FontSize: var(--pf-c-empty-state--m-xl__title-text--FontSize);
|
|
14471
|
+
--pf-c-empty-state__title-text--LineHeight: var(--pf-c-empty-state--m-xl__title-text--LineHeight);
|
|
14436
14472
|
}
|
|
14437
14473
|
.pf-c-empty-state.pf-m-full-height {
|
|
14438
14474
|
height: 100%;
|
|
@@ -14441,41 +14477,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14441
14477
|
.pf-c-empty-state__content {
|
|
14442
14478
|
max-width: var(--pf-c-empty-state__content--MaxWidth);
|
|
14443
14479
|
}
|
|
14444
|
-
.pf-c-empty-state__content > .pf-c-title.pf-m-lg {
|
|
14445
|
-
font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
|
|
14446
|
-
}
|
|
14447
14480
|
|
|
14448
14481
|
.pf-c-empty-state__icon {
|
|
14449
14482
|
margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
|
|
14450
14483
|
font-size: var(--pf-c-empty-state__icon--FontSize);
|
|
14484
|
+
line-height: 1;
|
|
14451
14485
|
color: var(--pf-c-empty-state__icon--Color);
|
|
14452
14486
|
}
|
|
14453
14487
|
|
|
14488
|
+
.pf-c-empty-state__title-text {
|
|
14489
|
+
font-family: var(--pf-c-empty-state__title-text--FontFamily);
|
|
14490
|
+
font-size: var(--pf-c-empty-state__title-text--FontSize);
|
|
14491
|
+
font-weight: var(--pf-c-empty-state__title-text--FontWeight);
|
|
14492
|
+
line-height: var(--pf-c-empty-state__title-text--LineHeight);
|
|
14493
|
+
}
|
|
14494
|
+
|
|
14454
14495
|
.pf-c-empty-state__body {
|
|
14455
14496
|
margin-top: var(--pf-c-empty-state__body--MarginTop);
|
|
14497
|
+
font-size: var(--pf-c-empty-state--body--FontSize);
|
|
14456
14498
|
color: var(--pf-c-empty-state__body--Color);
|
|
14457
14499
|
}
|
|
14458
14500
|
|
|
14459
|
-
.pf-c-empty-
|
|
14460
|
-
|
|
14461
|
-
|
|
14462
|
-
|
|
14463
|
-
|
|
14464
|
-
|
|
14465
|
-
margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
|
|
14501
|
+
.pf-c-empty-state__footer {
|
|
14502
|
+
display: flex;
|
|
14503
|
+
flex-direction: column;
|
|
14504
|
+
align-items: center;
|
|
14505
|
+
row-gap: var(--pf-c-empty-state__footer--RowGap);
|
|
14506
|
+
margin-top: var(--pf-c-empty-state__footer--MarginTop);
|
|
14466
14507
|
}
|
|
14467
14508
|
|
|
14468
|
-
.pf-c-empty-
|
|
14509
|
+
.pf-c-empty-state__actions {
|
|
14469
14510
|
display: flex;
|
|
14470
14511
|
flex-wrap: wrap;
|
|
14471
14512
|
justify-content: center;
|
|
14472
|
-
|
|
14473
|
-
margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
|
|
14474
|
-
}
|
|
14475
|
-
.pf-c-empty-state__secondary > * {
|
|
14476
|
-
margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
|
|
14477
|
-
margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
|
|
14478
|
-
margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
|
|
14513
|
+
gap: var(--pf-c-empty-state__actions--RowGap) var(--pf-c-empty-state__actions--ColumnGap);
|
|
14479
14514
|
}
|
|
14480
14515
|
|
|
14481
14516
|
.pf-c-expandable-section {
|
|
@@ -15576,7 +15611,7 @@ textarea.pf-c-form-control {
|
|
|
15576
15611
|
}
|
|
15577
15612
|
|
|
15578
15613
|
:where(.pf-theme-dark) .pf-c-form-control {
|
|
15579
|
-
--pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0
|
|
15614
|
+
--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");
|
|
15580
15615
|
--pf-c-form-control--BorderTopColor: transparent;
|
|
15581
15616
|
--pf-c-form-control--BorderRightColor: transparent;
|
|
15582
15617
|
--pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
@@ -16026,6 +16061,9 @@ textarea.pf-c-form-control {
|
|
|
16026
16061
|
--pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
16027
16062
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16028
16063
|
--pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
|
|
16064
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
|
|
16065
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
|
|
16066
|
+
--pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
|
|
16029
16067
|
--pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
|
|
16030
16068
|
--pf-c-input-group--c-form-control--MarginRight: 0;
|
|
16031
16069
|
color: var(--pf-global--Color--100);
|
|
@@ -16075,6 +16113,11 @@ label.pf-c-input-group__text {
|
|
|
16075
16113
|
--pf-c-input-group__text--BorderWidth: 0;
|
|
16076
16114
|
margin-left: 0;
|
|
16077
16115
|
}
|
|
16116
|
+
.pf-c-input-group__text.pf-m-disabled {
|
|
16117
|
+
--pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16118
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16119
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
|
|
16120
|
+
}
|
|
16078
16121
|
|
|
16079
16122
|
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16080
16123
|
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
@@ -16119,6 +16162,8 @@ label.pf-c-input-group__text {
|
|
|
16119
16162
|
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
16120
16163
|
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
16121
16164
|
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
16165
|
+
--pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
|
|
16166
|
+
--pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
16122
16167
|
}
|
|
16123
16168
|
:where(.pf-theme-dark) .pf-c-input-group > * + * {
|
|
16124
16169
|
margin-left: 0;
|
|
@@ -16133,6 +16178,10 @@ label.pf-c-input-group__text {
|
|
|
16133
16178
|
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
|
|
16134
16179
|
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
16135
16180
|
}
|
|
16181
|
+
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
|
|
16182
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
|
|
16183
|
+
color: var(--pf-c-input-group__text--m-disabled--Color);
|
|
16184
|
+
}
|
|
16136
16185
|
|
|
16137
16186
|
.pf-c-jump-links {
|
|
16138
16187
|
--pf-c-jump-links__list--Display: flex;
|
|
@@ -16869,8 +16918,18 @@ button.pf-c-label__content:focus {
|
|
|
16869
16918
|
}
|
|
16870
16919
|
|
|
16871
16920
|
.pf-c-label-group {
|
|
16872
|
-
--pf-c-label-
|
|
16873
|
-
--pf-c-label-
|
|
16921
|
+
--pf-c-label-group--RowGap: var(--pf-global--spacer--sm);
|
|
16922
|
+
--pf-c-label-group--ColumnGap: 0;
|
|
16923
|
+
--pf-c-label-group-m-vertical--RowGap: var(--pf-global--spacer--sm);
|
|
16924
|
+
--pf-c-label-group-m-vertical--ColumnGap: var(--pf-global--spacer--sm);
|
|
16925
|
+
--pf-c-label-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
16926
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
16927
|
+
--pf-c-label-group-m-vertical__main--RowGap: var(--pf-global--spacer--sm);
|
|
16928
|
+
--pf-c-label-group-m-vertical__main--ColumnGap: var(--pf-global--spacer--xs);
|
|
16929
|
+
--pf-c-label-group__list--RowGap: var(--pf-global--spacer--xs);
|
|
16930
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16931
|
+
--pf-c-label-group-m-vertical__list--RowGap: var(--pf-global--spacer--xs);
|
|
16932
|
+
--pf-c-label-group-m-vertical__list--ColumnGap: var(--pf-global--spacer--xs);
|
|
16874
16933
|
--pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
|
|
16875
16934
|
--pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
|
|
16876
16935
|
--pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
|
|
@@ -16880,20 +16939,14 @@ button.pf-c-label__content:focus {
|
|
|
16880
16939
|
--pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16881
16940
|
--pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
|
|
16882
16941
|
--pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16883
|
-
--pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
|
|
16884
|
-
--pf-c-label-group__label--MarginBottom: 0;
|
|
16885
|
-
--pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
|
|
16886
16942
|
--pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
|
|
16887
16943
|
--pf-c-label-group__label--MaxWidth: 18ch;
|
|
16888
16944
|
--pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
|
|
16889
16945
|
--pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
16890
16946
|
--pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16891
16947
|
--pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
16892
|
-
--pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
|
|
16893
16948
|
--pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
16894
16949
|
--pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
16895
|
-
--pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
|
|
16896
|
-
--pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
|
|
16897
16950
|
--pf-c-label-group__textarea--MinWidth: 12.5rem;
|
|
16898
16951
|
--pf-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
16899
16952
|
--pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
|
|
@@ -16901,6 +16954,8 @@ button.pf-c-label__content:focus {
|
|
|
16901
16954
|
--pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
|
|
16902
16955
|
display: inline-flex;
|
|
16903
16956
|
align-items: center;
|
|
16957
|
+
row-gap: var(--pf-c-label-group--RowGap);
|
|
16958
|
+
column-gap: var(--pf-c-label-group--ColumnGap);
|
|
16904
16959
|
}
|
|
16905
16960
|
.pf-c-label-group.pf-m-category {
|
|
16906
16961
|
padding-top: var(--pf-c-label-group--m-category--PaddingTop);
|
|
@@ -16912,11 +16967,12 @@ button.pf-c-label__content:focus {
|
|
|
16912
16967
|
border-radius: var(--pf-c-label-group--m-category--BorderRadius);
|
|
16913
16968
|
}
|
|
16914
16969
|
.pf-c-label-group.pf-m-vertical {
|
|
16915
|
-
--pf-c-label-
|
|
16916
|
-
--pf-c-label-
|
|
16917
|
-
--pf-c-label-
|
|
16918
|
-
--pf-c-label-
|
|
16919
|
-
--pf-c-label-
|
|
16970
|
+
--pf-c-label-group--RowGap: var(--pf-c-label-group-m-vertical--RowGap);
|
|
16971
|
+
--pf-c-label-group--ColumnGap: var(--pf-c-label-group-m-vertical--ColumnGap);
|
|
16972
|
+
--pf-c-label-group__main--RowGap: var(--pf-c-label-group-m-vertical__main--RowGap);
|
|
16973
|
+
--pf-c-label-group__main--ColumnGap: var(--pf-c-label-group-m-vertical__main--ColumnGap);
|
|
16974
|
+
--pf-c-label-group__list--RowGap: var(--pf-c-label-group-m-vertical__list--RowGap);
|
|
16975
|
+
--pf-c-label-group__list--ColumnGap: var(--pf-c-label-group-m-vertical__list--ColumnGap);
|
|
16920
16976
|
--pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
|
|
16921
16977
|
--pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
|
|
16922
16978
|
--pf-c-label-group__close--MarginBottom: 0;
|
|
@@ -16933,9 +16989,6 @@ button.pf-c-label__content:focus {
|
|
|
16933
16989
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
|
|
16934
16990
|
flex-direction: column;
|
|
16935
16991
|
}
|
|
16936
|
-
.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
|
|
16937
|
-
--pf-c-label-group__list-item--MarginBottom: 0;
|
|
16938
|
-
}
|
|
16939
16992
|
.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
|
|
16940
16993
|
--pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
16941
16994
|
--pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
@@ -16957,19 +17010,19 @@ button.pf-c-label__content:focus {
|
|
|
16957
17010
|
flex: 1;
|
|
16958
17011
|
flex-wrap: wrap;
|
|
16959
17012
|
align-items: baseline;
|
|
17013
|
+
row-gap: var(--pf-c-label-group__main--RowGap);
|
|
17014
|
+
column-gap: var(--pf-c-label-group__main--ColumnGap);
|
|
16960
17015
|
}
|
|
16961
17016
|
|
|
16962
17017
|
.pf-c-label-group__list {
|
|
16963
17018
|
display: inline-flex;
|
|
16964
17019
|
flex-wrap: wrap;
|
|
16965
|
-
|
|
16966
|
-
|
|
17020
|
+
row-gap: var(--pf-c-label-group__list--RowGap);
|
|
17021
|
+
column-gap: var(--pf-c-label-group__list--ColumnGap);
|
|
16967
17022
|
}
|
|
16968
17023
|
|
|
16969
17024
|
.pf-c-label-group__list-item {
|
|
16970
17025
|
display: inline-flex;
|
|
16971
|
-
margin-right: var(--pf-c-label-group__list-item--MarginRight);
|
|
16972
|
-
margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
|
|
16973
17026
|
}
|
|
16974
17027
|
|
|
16975
17028
|
.pf-c-label-group__label {
|
|
@@ -16977,12 +17030,12 @@ button.pf-c-label__content:focus {
|
|
|
16977
17030
|
text-overflow: ellipsis;
|
|
16978
17031
|
white-space: nowrap;
|
|
16979
17032
|
max-width: var(--pf-c-label-group__label--MaxWidth);
|
|
16980
|
-
margin-right: var(--pf-c-label-group__label--MarginRight);
|
|
16981
|
-
margin-bottom: var(--pf-c-label-group__label--MarginBottom);
|
|
16982
17033
|
font-size: var(--pf-c-label-group__label--FontSize);
|
|
16983
17034
|
}
|
|
16984
17035
|
|
|
16985
17036
|
.pf-c-label-group__close {
|
|
17037
|
+
display: flex;
|
|
17038
|
+
align-self: start;
|
|
16986
17039
|
margin-top: var(--pf-c-label-group__close--MarginTop);
|
|
16987
17040
|
margin-right: var(--pf-c-label-group__close--MarginRight);
|
|
16988
17041
|
margin-bottom: var(--pf-c-label-group__close--MarginBottom);
|
|
@@ -18506,11 +18559,15 @@ ul.pf-c-list {
|
|
|
18506
18559
|
}
|
|
18507
18560
|
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
|
|
18508
18561
|
overflow: visible;
|
|
18562
|
+
visibility: hidden;
|
|
18509
18563
|
}
|
|
18510
18564
|
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
|
|
18511
18565
|
.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) {
|
|
18512
18566
|
display: none;
|
|
18513
18567
|
}
|
|
18568
|
+
.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
|
|
18569
|
+
visibility: hidden;
|
|
18570
|
+
}
|
|
18514
18571
|
.pf-c-menu.pf-m-plain {
|
|
18515
18572
|
--pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
|
|
18516
18573
|
}
|
|
@@ -22486,6 +22543,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22486
22543
|
}
|
|
22487
22544
|
|
|
22488
22545
|
.pf-c-pagination {
|
|
22546
|
+
--pf-c-pagination--inset: 0;
|
|
22547
|
+
--pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
|
|
22548
|
+
--pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
|
|
22549
|
+
--pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
|
|
22550
|
+
--pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
|
|
22489
22551
|
--pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
|
|
22490
22552
|
--pf-c-pagination--m-bottom--child--MarginRight: 0;
|
|
22491
22553
|
--pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
|
|
@@ -22541,6 +22603,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22541
22603
|
flex-wrap: wrap;
|
|
22542
22604
|
align-items: center;
|
|
22543
22605
|
justify-content: flex-end;
|
|
22606
|
+
padding-right: var(--pf-c-pagination--PaddingRight);
|
|
22607
|
+
padding-left: var(--pf-c-pagination--PaddingLeft);
|
|
22544
22608
|
}
|
|
22545
22609
|
@media screen and (min-width: 768px) {
|
|
22546
22610
|
.pf-c-pagination {
|
|
@@ -22560,6 +22624,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22560
22624
|
.pf-c-pagination {
|
|
22561
22625
|
--pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
|
|
22562
22626
|
--pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
|
|
22627
|
+
--pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
|
|
22628
|
+
--pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
|
|
22563
22629
|
}
|
|
22564
22630
|
}
|
|
22565
22631
|
.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
|
|
@@ -22650,6 +22716,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22650
22716
|
.pf-c-pagination.pf-m-compact {
|
|
22651
22717
|
--pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
|
|
22652
22718
|
}
|
|
22719
|
+
.pf-c-pagination.pf-m-page-insets {
|
|
22720
|
+
--pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
|
|
22721
|
+
}
|
|
22653
22722
|
|
|
22654
22723
|
.pf-c-pagination__nav {
|
|
22655
22724
|
display: var(--pf-c-pagination__nav--Display);
|
|
@@ -22696,6 +22765,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22696
22765
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22697
22766
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22698
22767
|
}
|
|
22768
|
+
.pf-c-pagination.pf-m-inset-none {
|
|
22769
|
+
--pf-c-pagination--inset: 0;
|
|
22770
|
+
}
|
|
22771
|
+
.pf-c-pagination.pf-m-inset-sm {
|
|
22772
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22773
|
+
}
|
|
22774
|
+
.pf-c-pagination.pf-m-inset-md {
|
|
22775
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22776
|
+
}
|
|
22777
|
+
.pf-c-pagination.pf-m-inset-lg {
|
|
22778
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22779
|
+
}
|
|
22780
|
+
.pf-c-pagination.pf-m-inset-xl {
|
|
22781
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22782
|
+
}
|
|
22783
|
+
.pf-c-pagination.pf-m-inset-2xl {
|
|
22784
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22785
|
+
}
|
|
22786
|
+
.pf-c-pagination.pf-m-inset-none {
|
|
22787
|
+
--pf-c-pagination--inset: 0;
|
|
22788
|
+
}
|
|
22789
|
+
.pf-c-pagination.pf-m-inset-sm {
|
|
22790
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22791
|
+
}
|
|
22792
|
+
.pf-c-pagination.pf-m-inset-md {
|
|
22793
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22794
|
+
}
|
|
22795
|
+
.pf-c-pagination.pf-m-inset-lg {
|
|
22796
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22797
|
+
}
|
|
22798
|
+
.pf-c-pagination.pf-m-inset-xl {
|
|
22799
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22800
|
+
}
|
|
22801
|
+
.pf-c-pagination.pf-m-inset-2xl {
|
|
22802
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22803
|
+
}
|
|
22699
22804
|
@media (min-width: 576px) {
|
|
22700
22805
|
.pf-c-pagination.pf-m-display-summary-on-sm {
|
|
22701
22806
|
--pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
|
|
@@ -22707,6 +22812,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22707
22812
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22708
22813
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22709
22814
|
}
|
|
22815
|
+
.pf-c-pagination.pf-m-inset-none-on-sm {
|
|
22816
|
+
--pf-c-pagination--inset: 0;
|
|
22817
|
+
}
|
|
22818
|
+
.pf-c-pagination.pf-m-inset-sm-on-sm {
|
|
22819
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22820
|
+
}
|
|
22821
|
+
.pf-c-pagination.pf-m-inset-md-on-sm {
|
|
22822
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22823
|
+
}
|
|
22824
|
+
.pf-c-pagination.pf-m-inset-lg-on-sm {
|
|
22825
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22826
|
+
}
|
|
22827
|
+
.pf-c-pagination.pf-m-inset-xl-on-sm {
|
|
22828
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22829
|
+
}
|
|
22830
|
+
.pf-c-pagination.pf-m-inset-2xl-on-sm {
|
|
22831
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22832
|
+
}
|
|
22833
|
+
.pf-c-pagination.pf-m-inset-none-on-sm {
|
|
22834
|
+
--pf-c-pagination--inset: 0;
|
|
22835
|
+
}
|
|
22836
|
+
.pf-c-pagination.pf-m-inset-sm-on-sm {
|
|
22837
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22838
|
+
}
|
|
22839
|
+
.pf-c-pagination.pf-m-inset-md-on-sm {
|
|
22840
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22841
|
+
}
|
|
22842
|
+
.pf-c-pagination.pf-m-inset-lg-on-sm {
|
|
22843
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22844
|
+
}
|
|
22845
|
+
.pf-c-pagination.pf-m-inset-xl-on-sm {
|
|
22846
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22847
|
+
}
|
|
22848
|
+
.pf-c-pagination.pf-m-inset-2xl-on-sm {
|
|
22849
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22850
|
+
}
|
|
22710
22851
|
}
|
|
22711
22852
|
@media (min-width: 768px) {
|
|
22712
22853
|
.pf-c-pagination.pf-m-display-summary-on-md {
|
|
@@ -22719,6 +22860,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22719
22860
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22720
22861
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22721
22862
|
}
|
|
22863
|
+
.pf-c-pagination.pf-m-inset-none-on-md {
|
|
22864
|
+
--pf-c-pagination--inset: 0;
|
|
22865
|
+
}
|
|
22866
|
+
.pf-c-pagination.pf-m-inset-sm-on-md {
|
|
22867
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22868
|
+
}
|
|
22869
|
+
.pf-c-pagination.pf-m-inset-md-on-md {
|
|
22870
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22871
|
+
}
|
|
22872
|
+
.pf-c-pagination.pf-m-inset-lg-on-md {
|
|
22873
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22874
|
+
}
|
|
22875
|
+
.pf-c-pagination.pf-m-inset-xl-on-md {
|
|
22876
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22877
|
+
}
|
|
22878
|
+
.pf-c-pagination.pf-m-inset-2xl-on-md {
|
|
22879
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22880
|
+
}
|
|
22881
|
+
.pf-c-pagination.pf-m-inset-none-on-md {
|
|
22882
|
+
--pf-c-pagination--inset: 0;
|
|
22883
|
+
}
|
|
22884
|
+
.pf-c-pagination.pf-m-inset-sm-on-md {
|
|
22885
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22886
|
+
}
|
|
22887
|
+
.pf-c-pagination.pf-m-inset-md-on-md {
|
|
22888
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22889
|
+
}
|
|
22890
|
+
.pf-c-pagination.pf-m-inset-lg-on-md {
|
|
22891
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22892
|
+
}
|
|
22893
|
+
.pf-c-pagination.pf-m-inset-xl-on-md {
|
|
22894
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22895
|
+
}
|
|
22896
|
+
.pf-c-pagination.pf-m-inset-2xl-on-md {
|
|
22897
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22898
|
+
}
|
|
22722
22899
|
}
|
|
22723
22900
|
@media (min-width: 992px) {
|
|
22724
22901
|
.pf-c-pagination.pf-m-display-summary-on-lg {
|
|
@@ -22731,6 +22908,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22731
22908
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22732
22909
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22733
22910
|
}
|
|
22911
|
+
.pf-c-pagination.pf-m-inset-none-on-lg {
|
|
22912
|
+
--pf-c-pagination--inset: 0;
|
|
22913
|
+
}
|
|
22914
|
+
.pf-c-pagination.pf-m-inset-sm-on-lg {
|
|
22915
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22916
|
+
}
|
|
22917
|
+
.pf-c-pagination.pf-m-inset-md-on-lg {
|
|
22918
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22919
|
+
}
|
|
22920
|
+
.pf-c-pagination.pf-m-inset-lg-on-lg {
|
|
22921
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22922
|
+
}
|
|
22923
|
+
.pf-c-pagination.pf-m-inset-xl-on-lg {
|
|
22924
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22925
|
+
}
|
|
22926
|
+
.pf-c-pagination.pf-m-inset-2xl-on-lg {
|
|
22927
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22928
|
+
}
|
|
22929
|
+
.pf-c-pagination.pf-m-inset-none-on-lg {
|
|
22930
|
+
--pf-c-pagination--inset: 0;
|
|
22931
|
+
}
|
|
22932
|
+
.pf-c-pagination.pf-m-inset-sm-on-lg {
|
|
22933
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22934
|
+
}
|
|
22935
|
+
.pf-c-pagination.pf-m-inset-md-on-lg {
|
|
22936
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22937
|
+
}
|
|
22938
|
+
.pf-c-pagination.pf-m-inset-lg-on-lg {
|
|
22939
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22940
|
+
}
|
|
22941
|
+
.pf-c-pagination.pf-m-inset-xl-on-lg {
|
|
22942
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22943
|
+
}
|
|
22944
|
+
.pf-c-pagination.pf-m-inset-2xl-on-lg {
|
|
22945
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22946
|
+
}
|
|
22734
22947
|
}
|
|
22735
22948
|
@media (min-width: 1200px) {
|
|
22736
22949
|
.pf-c-pagination.pf-m-display-summary-on-xl {
|
|
@@ -22743,6 +22956,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22743
22956
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22744
22957
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22745
22958
|
}
|
|
22959
|
+
.pf-c-pagination.pf-m-inset-none-on-xl {
|
|
22960
|
+
--pf-c-pagination--inset: 0;
|
|
22961
|
+
}
|
|
22962
|
+
.pf-c-pagination.pf-m-inset-sm-on-xl {
|
|
22963
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22964
|
+
}
|
|
22965
|
+
.pf-c-pagination.pf-m-inset-md-on-xl {
|
|
22966
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22967
|
+
}
|
|
22968
|
+
.pf-c-pagination.pf-m-inset-lg-on-xl {
|
|
22969
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22970
|
+
}
|
|
22971
|
+
.pf-c-pagination.pf-m-inset-xl-on-xl {
|
|
22972
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22973
|
+
}
|
|
22974
|
+
.pf-c-pagination.pf-m-inset-2xl-on-xl {
|
|
22975
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22976
|
+
}
|
|
22977
|
+
.pf-c-pagination.pf-m-inset-none-on-xl {
|
|
22978
|
+
--pf-c-pagination--inset: 0;
|
|
22979
|
+
}
|
|
22980
|
+
.pf-c-pagination.pf-m-inset-sm-on-xl {
|
|
22981
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
22982
|
+
}
|
|
22983
|
+
.pf-c-pagination.pf-m-inset-md-on-xl {
|
|
22984
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
22985
|
+
}
|
|
22986
|
+
.pf-c-pagination.pf-m-inset-lg-on-xl {
|
|
22987
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
22988
|
+
}
|
|
22989
|
+
.pf-c-pagination.pf-m-inset-xl-on-xl {
|
|
22990
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
22991
|
+
}
|
|
22992
|
+
.pf-c-pagination.pf-m-inset-2xl-on-xl {
|
|
22993
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
22994
|
+
}
|
|
22746
22995
|
}
|
|
22747
22996
|
@media (min-width: 1450px) {
|
|
22748
22997
|
.pf-c-pagination.pf-m-display-summary-on-2xl {
|
|
@@ -22755,6 +23004,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
22755
23004
|
--pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
|
|
22756
23005
|
--pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
|
|
22757
23006
|
}
|
|
23007
|
+
.pf-c-pagination.pf-m-inset-none-on-2xl {
|
|
23008
|
+
--pf-c-pagination--inset: 0;
|
|
23009
|
+
}
|
|
23010
|
+
.pf-c-pagination.pf-m-inset-sm-on-2xl {
|
|
23011
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
23012
|
+
}
|
|
23013
|
+
.pf-c-pagination.pf-m-inset-md-on-2xl {
|
|
23014
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
23015
|
+
}
|
|
23016
|
+
.pf-c-pagination.pf-m-inset-lg-on-2xl {
|
|
23017
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
23018
|
+
}
|
|
23019
|
+
.pf-c-pagination.pf-m-inset-xl-on-2xl {
|
|
23020
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
23021
|
+
}
|
|
23022
|
+
.pf-c-pagination.pf-m-inset-2xl-on-2xl {
|
|
23023
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
23024
|
+
}
|
|
23025
|
+
.pf-c-pagination.pf-m-inset-none-on-2xl {
|
|
23026
|
+
--pf-c-pagination--inset: 0;
|
|
23027
|
+
}
|
|
23028
|
+
.pf-c-pagination.pf-m-inset-sm-on-2xl {
|
|
23029
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--sm);
|
|
23030
|
+
}
|
|
23031
|
+
.pf-c-pagination.pf-m-inset-md-on-2xl {
|
|
23032
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--md);
|
|
23033
|
+
}
|
|
23034
|
+
.pf-c-pagination.pf-m-inset-lg-on-2xl {
|
|
23035
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--lg);
|
|
23036
|
+
}
|
|
23037
|
+
.pf-c-pagination.pf-m-inset-xl-on-2xl {
|
|
23038
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--xl);
|
|
23039
|
+
}
|
|
23040
|
+
.pf-c-pagination.pf-m-inset-2xl-on-2xl {
|
|
23041
|
+
--pf-c-pagination--inset: var(--pf-global--spacer--2xl);
|
|
23042
|
+
}
|
|
22758
23043
|
}
|
|
22759
23044
|
|
|
22760
23045
|
: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,
|
|
@@ -23086,17 +23371,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23086
23371
|
}
|
|
23087
23372
|
|
|
23088
23373
|
:where(.pf-theme-dark) .pf-c-popover {
|
|
23089
|
-
--pf-c-
|
|
23090
|
-
--pf-c-popover__arrow--BoxShadow: none;
|
|
23374
|
+
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23091
23375
|
--pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
|
|
23092
23376
|
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
|
|
23093
23377
|
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
|
|
23094
23378
|
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
|
|
23095
23379
|
}
|
|
23096
|
-
:where(.pf-theme-dark) .pf-c-popover,
|
|
23097
|
-
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
|
|
23098
|
-
border: 4px solid var(--pf-global--BorderColor--400);
|
|
23099
|
-
}
|
|
23100
23380
|
|
|
23101
23381
|
.pf-c-progress {
|
|
23102
23382
|
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
@@ -25640,13 +25920,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25640
25920
|
z-index: var(--pf-c-slider__value--m-floating--ZIndex);
|
|
25641
25921
|
transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
|
|
25642
25922
|
}
|
|
25643
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group {
|
|
25644
|
-
align-items: center;
|
|
25645
|
-
}
|
|
25646
|
-
.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
|
|
25647
|
-
position: absolute;
|
|
25648
|
-
left: 100%;
|
|
25649
|
-
}
|
|
25650
25923
|
.pf-c-slider__value .pf-c-form-control {
|
|
25651
25924
|
width: var(--pf-c-slider__value--c-form-control--Width);
|
|
25652
25925
|
}
|
|
@@ -31198,16 +31471,13 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31198
31471
|
}
|
|
31199
31472
|
|
|
31200
31473
|
:where(.pf-theme-dark) .pf-c-tooltip {
|
|
31201
|
-
--pf-c-tooltip--BoxShadow: none;
|
|
31202
31474
|
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31203
|
-
|
|
31204
|
-
:where(.pf-theme-dark) .pf-c-tooltip,
|
|
31205
|
-
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31206
|
-
border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
|
|
31475
|
+
--pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
31207
31476
|
}
|
|
31208
31477
|
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
31209
31478
|
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
31210
31479
|
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
31480
|
+
box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
|
|
31211
31481
|
}
|
|
31212
31482
|
|
|
31213
31483
|
.pf-c-truncate {
|