@patternfly/react-core 4.224.9 → 4.224.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/CHANGELOG.md +8 -0
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts +2 -0
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelector.js +8 -11
- package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelectorMenuList.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelectorMenuList.js +2 -1
- package/dist/esm/components/ContextSelector/ContextSelectorMenuList.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelector.js +6 -6
- package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts +1 -0
- package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.js +7 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts +3 -2
- package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.d.ts +2 -0
- package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.js +7 -10
- package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelectorMenuList.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelectorMenuList.js +2 -1
- package/dist/js/components/ContextSelector/ContextSelectorMenuList.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelector.js +5 -5
- package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.d.ts +1 -0
- package/dist/js/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.js +7 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts +3 -2
- package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.js.map +1 -1
- package/dist/styles/base-no-reset.css +10 -10
- package/dist/styles/base.css +10 -10
- package/dist/umd/react-core.css +424 -392
- package/dist/umd/react-core.js +29 -24
- package/dist/umd/react-core.min.css +244 -212
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +6 -6
- package/src/components/Accordion/examples/AccordionBordered.tsx +21 -21
- package/src/components/Accordion/examples/AccordionDefinitionList.tsx +21 -21
- package/src/components/ActionList/examples/ActionListMultipleGroups.tsx +4 -4
- package/src/components/ActionList/examples/ActionListSingleGroup.tsx +4 -4
- package/src/components/ActionList/examples/ActionListWithCancelButton.tsx +5 -5
- package/src/components/ActionList/examples/ActionListWithIcons.tsx +2 -2
- package/src/components/Card/examples/CardSelectableA11yHighlight.tsx +4 -4
- package/src/components/CodeBlock/examples/CodeBlockBasic.tsx +1 -1
- package/src/components/CodeBlock/examples/CodeBlockExpandable.tsx +1 -1
- package/src/components/ContextSelector/ContextSelector.tsx +11 -10
- package/src/components/ContextSelector/ContextSelectorMenuList.tsx +2 -1
- package/src/components/ContextSelector/__tests__/ContextSelector.test.tsx +2 -2
- package/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +11 -7
- package/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorMenuList.test.tsx.snap +10 -0
- package/src/components/DataList/examples/DataListCompact.tsx +4 -4
- package/src/components/DataList/examples/DataListControllingText.tsx +3 -3
- package/src/components/DataList/examples/DataListDraggable.tsx +14 -7
- package/src/components/DataList/examples/DataListExpandable.tsx +3 -3
- package/src/components/DataList/examples/DataListSmGridBreakpoint.tsx +3 -3
- package/src/components/DualListSelector/DualListSelector.tsx +93 -89
- package/src/components/DualListSelector/DualListSelectorControlsWrapper.tsx +1 -1
- package/src/components/DualListSelector/DualListSelectorList.tsx +10 -4
- package/src/components/DualListSelector/DualListSelectorTree.tsx +3 -2
- package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +6 -20
- package/src/components/DualListSelector/examples/DualListSelector.md +3 -1
- package/src/components/DualListSelector/examples/DualListSelectorComposable.tsx +1 -1
- package/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +1 -1
- package/src/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +1 -1
- package/src/components/DualListSelector/examples/{DualListSelectorTree.tsx → DualListSelectorTreeExample.tsx} +1 -1
- package/src/components/FileUpload/examples/FileUploadCustomUpload.tsx +1 -1
- package/src/components/FileUpload/examples/FileUploadSimpleText.tsx +1 -1
- package/src/components/FileUpload/examples/FileUploadTextWithEdits.tsx +1 -1
- package/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx +2 -2
- package/src/components/InputGroup/examples/InputGroupBasic.tsx +3 -3
- package/src/components/InputGroup/examples/InputGroupWithDropdown.tsx +1 -1
- package/src/components/InputGroup/examples/InputGroupWithPopover.tsx +12 -2
- package/src/components/InputGroup/examples/InputGroupWithSiblings.tsx +7 -2
- package/src/components/InputGroup/examples/InputGroupWithTextarea.tsx +1 -1
- package/src/components/LoginPage/examples/LoginPage.md +2 -325
- package/src/components/LoginPage/examples/LoginPageBasic.tsx +144 -0
- package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +145 -0
- package/src/components/NotificationDrawer/examples/NotificationDrawer.md +69 -68
package/dist/umd/react-core.css
CHANGED
|
@@ -2552,7 +2552,7 @@ button.pf-c-breadcrumb__link {
|
|
|
2552
2552
|
}
|
|
2553
2553
|
|
|
2554
2554
|
.pf-c-button__progress .pf-c-spinner {
|
|
2555
|
-
--pf-c-spinner--Color:
|
|
2555
|
+
--pf-c-spinner--Color: currentcolor;
|
|
2556
2556
|
}
|
|
2557
2557
|
|
|
2558
2558
|
.pf-m-overpass-font .pf-c-button {
|
|
@@ -6387,8 +6387,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
6387
6387
|
--pf-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
6388
6388
|
--pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
6389
6389
|
--pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
|
|
6390
|
-
--pf-c-drawer__actions--MarginTop: calc(var(pf-global--spacer--form-element) * -1);
|
|
6391
|
-
--pf-c-drawer__actions--MarginRight: calc(var(pf-global--spacer--form-element) * -1);
|
|
6390
|
+
--pf-c-drawer__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
|
|
6391
|
+
--pf-c-drawer__actions--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
|
|
6392
6392
|
--pf-c-drawer__panel--BoxShadow: none;
|
|
6393
6393
|
--pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-global--BoxShadow--lg-left);
|
|
6394
6394
|
--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-global--BoxShadow--lg-right);
|
|
@@ -9437,327 +9437,6 @@ label.pf-c-input-group__text {
|
|
|
9437
9437
|
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
9438
9438
|
}
|
|
9439
9439
|
|
|
9440
|
-
.pf-c-jump-links {
|
|
9441
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9442
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9443
|
-
--pf-c-jump-links__list--PaddingTop: 0;
|
|
9444
|
-
--pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
|
|
9445
|
-
--pf-c-jump-links__list--PaddingBottom: 0;
|
|
9446
|
-
--pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
|
|
9447
|
-
--pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
|
|
9448
|
-
--pf-c-jump-links--m-vertical__list--PaddingRight: 0;
|
|
9449
|
-
--pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
|
|
9450
|
-
--pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
|
|
9451
|
-
--pf-c-jump-links__list--FlexDirection: row;
|
|
9452
|
-
--pf-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
9453
|
-
--pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
9454
|
-
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
9455
|
-
--pf-c-jump-links__list--before--BorderRightWidth: 0;
|
|
9456
|
-
--pf-c-jump-links__list--before--BorderBottomWidth: 0;
|
|
9457
|
-
--pf-c-jump-links__list--before--BorderLeftWidth: 0;
|
|
9458
|
-
--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
9459
|
-
--pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
|
|
9460
|
-
--pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
|
|
9461
|
-
--pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
|
|
9462
|
-
--pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
|
|
9463
|
-
--pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
|
|
9464
|
-
--pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
|
|
9465
|
-
--pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
|
|
9466
|
-
--pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
|
|
9467
|
-
--pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
|
|
9468
|
-
--pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
|
|
9469
|
-
--pf-c-jump-links__link--before--BorderTopWidth: 0;
|
|
9470
|
-
--pf-c-jump-links__link--before--BorderRightWidth: 0;
|
|
9471
|
-
--pf-c-jump-links__link--before--BorderBottomWidth: 0;
|
|
9472
|
-
--pf-c-jump-links__link--before--BorderLeftWidth: 0;
|
|
9473
|
-
--pf-c-jump-links__link--before--BorderColor: transparent;
|
|
9474
|
-
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
|
|
9475
|
-
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
|
|
9476
|
-
--pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
|
|
9477
|
-
--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
|
|
9478
|
-
--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
|
|
9479
|
-
--pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
|
|
9480
|
-
--pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
|
|
9481
|
-
--pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
|
|
9482
|
-
--pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
|
|
9483
|
-
--pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
|
|
9484
|
-
--pf-c-jump-links__label--Display: block;
|
|
9485
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9486
|
-
--pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
|
9487
|
-
--pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
|
|
9488
|
-
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
|
|
9489
|
-
--pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
|
|
9490
|
-
--pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
|
|
9491
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9492
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9493
|
-
--pf-c-jump-links__toggle-icon--Color: currentColor;
|
|
9494
|
-
--pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
|
|
9495
|
-
--pf-c-jump-links__toggle-icon--Rotate: 0;
|
|
9496
|
-
--pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
9497
|
-
--pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
9498
|
-
--pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
|
|
9499
|
-
--pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
|
|
9500
|
-
display: flex;
|
|
9501
|
-
}
|
|
9502
|
-
|
|
9503
|
-
.pf-c-jump-links.pf-m-center {
|
|
9504
|
-
justify-content: center;
|
|
9505
|
-
}
|
|
9506
|
-
|
|
9507
|
-
.pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
|
|
9508
|
-
align-items: center;
|
|
9509
|
-
}
|
|
9510
|
-
|
|
9511
|
-
.pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
|
|
9512
|
-
--pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
|
|
9513
|
-
--pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
|
|
9514
|
-
--pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
|
|
9515
|
-
--pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
|
|
9516
|
-
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
|
|
9517
|
-
--pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
|
|
9518
|
-
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
|
|
9519
|
-
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
|
|
9520
|
-
--pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
|
|
9521
|
-
flex-direction: column;
|
|
9522
|
-
}
|
|
9523
|
-
|
|
9524
|
-
.pf-c-jump-links.pf-m-expandable {
|
|
9525
|
-
--pf-c-jump-links__list--Display: none;
|
|
9526
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9527
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9528
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9529
|
-
--pf-c-jump-links__label--Display: none;
|
|
9530
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9531
|
-
}
|
|
9532
|
-
|
|
9533
|
-
.pf-c-jump-links.pf-m-non-expandable {
|
|
9534
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9535
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9536
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9537
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9538
|
-
--pf-c-jump-links__label--Display: block;
|
|
9539
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9540
|
-
}
|
|
9541
|
-
|
|
9542
|
-
@media (min-width: 576px) {
|
|
9543
|
-
.pf-c-jump-links.pf-m-expandable-on-sm {
|
|
9544
|
-
--pf-c-jump-links__list--Display: none;
|
|
9545
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9546
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9547
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9548
|
-
--pf-c-jump-links__label--Display: none;
|
|
9549
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9550
|
-
}
|
|
9551
|
-
|
|
9552
|
-
.pf-c-jump-links.pf-m-non-expandable-on-sm {
|
|
9553
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9554
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9555
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9556
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9557
|
-
--pf-c-jump-links__label--Display: block;
|
|
9558
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9559
|
-
}
|
|
9560
|
-
}
|
|
9561
|
-
@media (min-width: 768px) {
|
|
9562
|
-
.pf-c-jump-links.pf-m-expandable-on-md {
|
|
9563
|
-
--pf-c-jump-links__list--Display: none;
|
|
9564
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9565
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9566
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9567
|
-
--pf-c-jump-links__label--Display: none;
|
|
9568
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9569
|
-
}
|
|
9570
|
-
|
|
9571
|
-
.pf-c-jump-links.pf-m-non-expandable-on-md {
|
|
9572
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9573
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9574
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9575
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9576
|
-
--pf-c-jump-links__label--Display: block;
|
|
9577
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9578
|
-
}
|
|
9579
|
-
}
|
|
9580
|
-
@media (min-width: 992px) {
|
|
9581
|
-
.pf-c-jump-links.pf-m-expandable-on-lg {
|
|
9582
|
-
--pf-c-jump-links__list--Display: none;
|
|
9583
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9584
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9585
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9586
|
-
--pf-c-jump-links__label--Display: none;
|
|
9587
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9588
|
-
}
|
|
9589
|
-
|
|
9590
|
-
.pf-c-jump-links.pf-m-non-expandable-on-lg {
|
|
9591
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9592
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9593
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9594
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9595
|
-
--pf-c-jump-links__label--Display: block;
|
|
9596
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9597
|
-
}
|
|
9598
|
-
}
|
|
9599
|
-
@media (min-width: 1200px) {
|
|
9600
|
-
.pf-c-jump-links.pf-m-expandable-on-xl {
|
|
9601
|
-
--pf-c-jump-links__list--Display: none;
|
|
9602
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9603
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9604
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9605
|
-
--pf-c-jump-links__label--Display: none;
|
|
9606
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9607
|
-
}
|
|
9608
|
-
|
|
9609
|
-
.pf-c-jump-links.pf-m-non-expandable-on-xl {
|
|
9610
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9611
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9612
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9613
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9614
|
-
--pf-c-jump-links__label--Display: block;
|
|
9615
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9616
|
-
}
|
|
9617
|
-
}
|
|
9618
|
-
@media (min-width: 1450px) {
|
|
9619
|
-
.pf-c-jump-links.pf-m-expandable-on-2xl {
|
|
9620
|
-
--pf-c-jump-links__list--Display: none;
|
|
9621
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
|
9622
|
-
--pf-c-jump-links__toggle--Display: block;
|
|
9623
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9624
|
-
--pf-c-jump-links__label--Display: none;
|
|
9625
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
|
9626
|
-
}
|
|
9627
|
-
|
|
9628
|
-
.pf-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
9629
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9630
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9631
|
-
--pf-c-jump-links__toggle--Display: none;
|
|
9632
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9633
|
-
--pf-c-jump-links__label--Display: block;
|
|
9634
|
-
--pf-c-jump-links__label--Visibility: visible;
|
|
9635
|
-
}
|
|
9636
|
-
}
|
|
9637
|
-
.pf-c-jump-links.pf-m-expanded {
|
|
9638
|
-
--pf-c-jump-links__list--Display: flex;
|
|
9639
|
-
--pf-c-jump-links__list--Visibility: visible;
|
|
9640
|
-
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
|
|
9641
|
-
--pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
9642
|
-
--pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
|
|
9643
|
-
}
|
|
9644
|
-
|
|
9645
|
-
.pf-c-jump-links__list {
|
|
9646
|
-
position: relative;
|
|
9647
|
-
display: var(--pf-c-jump-links__list--Display);
|
|
9648
|
-
flex-direction: var(--pf-c-jump-links__list--FlexDirection);
|
|
9649
|
-
padding-top: var(--pf-c-jump-links__list--PaddingTop);
|
|
9650
|
-
padding-right: var(--pf-c-jump-links__list--PaddingRight);
|
|
9651
|
-
padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
|
|
9652
|
-
padding-left: var(--pf-c-jump-links__list--PaddingLeft);
|
|
9653
|
-
visibility: var(--pf-c-jump-links__list--Visibility);
|
|
9654
|
-
}
|
|
9655
|
-
|
|
9656
|
-
.pf-c-jump-links__list::before {
|
|
9657
|
-
position: absolute;
|
|
9658
|
-
top: 0;
|
|
9659
|
-
right: 0;
|
|
9660
|
-
bottom: 0;
|
|
9661
|
-
left: 0;
|
|
9662
|
-
pointer-events: none;
|
|
9663
|
-
content: "";
|
|
9664
|
-
border: solid var(--pf-c-jump-links__list--before--BorderColor);
|
|
9665
|
-
border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
|
|
9666
|
-
}
|
|
9667
|
-
|
|
9668
|
-
.pf-c-jump-links__list .pf-c-jump-links__list {
|
|
9669
|
-
--pf-c-jump-links__list--PaddingTop: 0;
|
|
9670
|
-
--pf-c-jump-links__list--PaddingBottom: 0;
|
|
9671
|
-
--pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
|
|
9672
|
-
--pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
|
|
9673
|
-
--pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
|
|
9674
|
-
margin-top: var(--pf-c-jump-links__list__list--MarginTop);
|
|
9675
|
-
}
|
|
9676
|
-
|
|
9677
|
-
.pf-c-jump-links__link {
|
|
9678
|
-
position: relative;
|
|
9679
|
-
display: flex;
|
|
9680
|
-
flex: 1;
|
|
9681
|
-
padding-top: var(--pf-c-jump-links__link--PaddingTop);
|
|
9682
|
-
padding-right: var(--pf-c-jump-links__link--PaddingRight);
|
|
9683
|
-
padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
|
|
9684
|
-
padding-left: var(--pf-c-jump-links__link--PaddingLeft);
|
|
9685
|
-
text-decoration: none;
|
|
9686
|
-
outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
|
|
9687
|
-
}
|
|
9688
|
-
|
|
9689
|
-
.pf-c-jump-links__link:hover {
|
|
9690
|
-
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
|
|
9691
|
-
}
|
|
9692
|
-
|
|
9693
|
-
.pf-c-jump-links__link:focus {
|
|
9694
|
-
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
|
|
9695
|
-
}
|
|
9696
|
-
|
|
9697
|
-
.pf-c-jump-links__link::before {
|
|
9698
|
-
position: absolute;
|
|
9699
|
-
top: 0;
|
|
9700
|
-
right: 0;
|
|
9701
|
-
bottom: 0;
|
|
9702
|
-
left: 0;
|
|
9703
|
-
pointer-events: none;
|
|
9704
|
-
content: "";
|
|
9705
|
-
border-color: var(--pf-c-jump-links__link--before--BorderColor);
|
|
9706
|
-
border-style: solid;
|
|
9707
|
-
border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
|
|
9708
|
-
}
|
|
9709
|
-
|
|
9710
|
-
.pf-c-jump-links__item {
|
|
9711
|
-
--pf-c-jump-links__list--before--BorderColor: transparent;
|
|
9712
|
-
}
|
|
9713
|
-
|
|
9714
|
-
.pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
|
|
9715
|
-
--pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
|
|
9716
|
-
--pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
|
|
9717
|
-
--pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
|
|
9718
|
-
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
|
|
9719
|
-
}
|
|
9720
|
-
|
|
9721
|
-
.pf-c-jump-links__link-text {
|
|
9722
|
-
color: var(--pf-c-jump-links__link-text--Color);
|
|
9723
|
-
}
|
|
9724
|
-
|
|
9725
|
-
.pf-c-jump-links__label {
|
|
9726
|
-
display: var(--pf-c-jump-links__label--Display);
|
|
9727
|
-
margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
|
|
9728
|
-
visibility: var(--pf-c-jump-links__label--Visibility);
|
|
9729
|
-
}
|
|
9730
|
-
|
|
9731
|
-
.pf-c-jump-links__main {
|
|
9732
|
-
display: flex;
|
|
9733
|
-
flex-direction: column;
|
|
9734
|
-
}
|
|
9735
|
-
|
|
9736
|
-
.pf-c-jump-links__toggle {
|
|
9737
|
-
display: var(--pf-c-jump-links__toggle--Display);
|
|
9738
|
-
margin-top: var(--pf-c-jump-links__toggle--MarginTop);
|
|
9739
|
-
margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
|
|
9740
|
-
margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
|
|
9741
|
-
visibility: var(--pf-c-jump-links__toggle--Visibility);
|
|
9742
|
-
}
|
|
9743
|
-
|
|
9744
|
-
.pf-c-jump-links__toggle .pf-c-button {
|
|
9745
|
-
display: flex;
|
|
9746
|
-
align-items: center;
|
|
9747
|
-
}
|
|
9748
|
-
|
|
9749
|
-
.pf-c-jump-links__toggle-icon {
|
|
9750
|
-
display: inline-block;
|
|
9751
|
-
color: var(--pf-c-jump-links__toggle-icon--Color);
|
|
9752
|
-
transition: var(--pf-c-jump-links__toggle-icon--Transition);
|
|
9753
|
-
transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
|
|
9754
|
-
}
|
|
9755
|
-
|
|
9756
|
-
.pf-c-jump-links__toggle-text {
|
|
9757
|
-
margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
|
|
9758
|
-
color: var(--pf-c-jump-links__toggle-text--Color);
|
|
9759
|
-
}
|
|
9760
|
-
|
|
9761
9440
|
.pf-c-sidebar {
|
|
9762
9441
|
--pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
9763
9442
|
--pf-c-sidebar__main--FlexDirection: column;
|
|
@@ -9986,101 +9665,422 @@ label.pf-c-input-group__text {
|
|
|
9986
9665
|
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9987
9666
|
}
|
|
9988
9667
|
|
|
9989
|
-
.pf-c-sidebar__panel.pf-m-width-75-on-md {
|
|
9990
|
-
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9668
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-md {
|
|
9669
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9670
|
+
}
|
|
9671
|
+
|
|
9672
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-md {
|
|
9673
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
9674
|
+
}
|
|
9675
|
+
}
|
|
9676
|
+
@media (min-width: 992px) {
|
|
9677
|
+
.pf-c-sidebar__panel.pf-m-width-default-on-lg {
|
|
9678
|
+
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
9679
|
+
}
|
|
9680
|
+
|
|
9681
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
9682
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
9683
|
+
}
|
|
9684
|
+
|
|
9685
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
9686
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
9687
|
+
}
|
|
9688
|
+
|
|
9689
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
9690
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
9691
|
+
}
|
|
9692
|
+
|
|
9693
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
9694
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9695
|
+
}
|
|
9696
|
+
|
|
9697
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
9698
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9699
|
+
}
|
|
9700
|
+
|
|
9701
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
9702
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
9703
|
+
}
|
|
9704
|
+
}
|
|
9705
|
+
@media (min-width: 1200px) {
|
|
9706
|
+
.pf-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
9707
|
+
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
9708
|
+
}
|
|
9709
|
+
|
|
9710
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
9711
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
9712
|
+
}
|
|
9713
|
+
|
|
9714
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
9715
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
9716
|
+
}
|
|
9717
|
+
|
|
9718
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
9719
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
9720
|
+
}
|
|
9721
|
+
|
|
9722
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
9723
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9724
|
+
}
|
|
9725
|
+
|
|
9726
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
9727
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9728
|
+
}
|
|
9729
|
+
|
|
9730
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
9731
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
9732
|
+
}
|
|
9733
|
+
}
|
|
9734
|
+
@media (min-width: 1450px) {
|
|
9735
|
+
.pf-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
9736
|
+
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
9737
|
+
}
|
|
9738
|
+
|
|
9739
|
+
.pf-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
9740
|
+
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
9741
|
+
}
|
|
9742
|
+
|
|
9743
|
+
.pf-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
9744
|
+
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
9745
|
+
}
|
|
9746
|
+
|
|
9747
|
+
.pf-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
9748
|
+
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
9749
|
+
}
|
|
9750
|
+
|
|
9751
|
+
.pf-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
9752
|
+
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
9753
|
+
}
|
|
9754
|
+
|
|
9755
|
+
.pf-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
9756
|
+
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
9757
|
+
}
|
|
9758
|
+
|
|
9759
|
+
.pf-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
9760
|
+
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
9761
|
+
}
|
|
9762
|
+
}
|
|
9763
|
+
.pf-c-jump-links {
|
|
9764
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9765
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9766
|
+
--pf-c-jump-links__list--PaddingTop: 0;
|
|
9767
|
+
--pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
|
|
9768
|
+
--pf-c-jump-links__list--PaddingBottom: 0;
|
|
9769
|
+
--pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
|
|
9770
|
+
--pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
|
|
9771
|
+
--pf-c-jump-links--m-vertical__list--PaddingRight: 0;
|
|
9772
|
+
--pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
|
|
9773
|
+
--pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
|
|
9774
|
+
--pf-c-jump-links__list--FlexDirection: row;
|
|
9775
|
+
--pf-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
9776
|
+
--pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
9777
|
+
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
9778
|
+
--pf-c-jump-links__list--before--BorderRightWidth: 0;
|
|
9779
|
+
--pf-c-jump-links__list--before--BorderBottomWidth: 0;
|
|
9780
|
+
--pf-c-jump-links__list--before--BorderLeftWidth: 0;
|
|
9781
|
+
--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
9782
|
+
--pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
|
|
9783
|
+
--pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
|
|
9784
|
+
--pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
|
|
9785
|
+
--pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
|
|
9786
|
+
--pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
|
|
9787
|
+
--pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
|
|
9788
|
+
--pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
|
|
9789
|
+
--pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
|
|
9790
|
+
--pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
|
|
9791
|
+
--pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
|
|
9792
|
+
--pf-c-jump-links__link--before--BorderTopWidth: 0;
|
|
9793
|
+
--pf-c-jump-links__link--before--BorderRightWidth: 0;
|
|
9794
|
+
--pf-c-jump-links__link--before--BorderBottomWidth: 0;
|
|
9795
|
+
--pf-c-jump-links__link--before--BorderLeftWidth: 0;
|
|
9796
|
+
--pf-c-jump-links__link--before--BorderColor: transparent;
|
|
9797
|
+
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
|
|
9798
|
+
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
|
|
9799
|
+
--pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
|
|
9800
|
+
--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
|
|
9801
|
+
--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
|
|
9802
|
+
--pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
|
|
9803
|
+
--pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
|
|
9804
|
+
--pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
|
|
9805
|
+
--pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
|
|
9806
|
+
--pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
|
|
9807
|
+
--pf-c-jump-links__label--Display: block;
|
|
9808
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
9809
|
+
--pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
|
9810
|
+
--pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
|
|
9811
|
+
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
|
|
9812
|
+
--pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
|
|
9813
|
+
--pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
|
|
9814
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
9815
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9816
|
+
--pf-c-jump-links__toggle-icon--Color: currentcolor;
|
|
9817
|
+
--pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
|
|
9818
|
+
--pf-c-jump-links__toggle-icon--Rotate: 0;
|
|
9819
|
+
--pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
9820
|
+
--pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
9821
|
+
--pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
|
|
9822
|
+
--pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
|
|
9823
|
+
display: flex;
|
|
9824
|
+
}
|
|
9825
|
+
|
|
9826
|
+
.pf-c-jump-links.pf-m-center {
|
|
9827
|
+
justify-content: center;
|
|
9828
|
+
}
|
|
9829
|
+
|
|
9830
|
+
.pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
|
|
9831
|
+
align-items: center;
|
|
9832
|
+
}
|
|
9833
|
+
|
|
9834
|
+
.pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
|
|
9835
|
+
--pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
|
|
9836
|
+
--pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
|
|
9837
|
+
--pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
|
|
9838
|
+
--pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
|
|
9839
|
+
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
|
|
9840
|
+
--pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
|
|
9841
|
+
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
|
|
9842
|
+
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
|
|
9843
|
+
--pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
|
|
9844
|
+
flex-direction: column;
|
|
9845
|
+
}
|
|
9846
|
+
|
|
9847
|
+
.pf-c-jump-links.pf-m-expandable {
|
|
9848
|
+
--pf-c-jump-links__list--Display: none;
|
|
9849
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
9850
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
9851
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9852
|
+
--pf-c-jump-links__label--Display: none;
|
|
9853
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
9854
|
+
}
|
|
9855
|
+
|
|
9856
|
+
.pf-c-jump-links.pf-m-non-expandable {
|
|
9857
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9858
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9859
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
9860
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9861
|
+
--pf-c-jump-links__label--Display: block;
|
|
9862
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
9863
|
+
}
|
|
9864
|
+
|
|
9865
|
+
@media (min-width: 576px) {
|
|
9866
|
+
.pf-c-jump-links.pf-m-expandable-on-sm {
|
|
9867
|
+
--pf-c-jump-links__list--Display: none;
|
|
9868
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
9869
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
9870
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9871
|
+
--pf-c-jump-links__label--Display: none;
|
|
9872
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
9873
|
+
}
|
|
9874
|
+
|
|
9875
|
+
.pf-c-jump-links.pf-m-non-expandable-on-sm {
|
|
9876
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9877
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9878
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
9879
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9880
|
+
--pf-c-jump-links__label--Display: block;
|
|
9881
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
9882
|
+
}
|
|
9883
|
+
}
|
|
9884
|
+
@media (min-width: 768px) {
|
|
9885
|
+
.pf-c-jump-links.pf-m-expandable-on-md {
|
|
9886
|
+
--pf-c-jump-links__list--Display: none;
|
|
9887
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
9888
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
9889
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9890
|
+
--pf-c-jump-links__label--Display: none;
|
|
9891
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
9991
9892
|
}
|
|
9992
9893
|
|
|
9993
|
-
.pf-c-
|
|
9994
|
-
--pf-c-
|
|
9894
|
+
.pf-c-jump-links.pf-m-non-expandable-on-md {
|
|
9895
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9896
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9897
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
9898
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9899
|
+
--pf-c-jump-links__label--Display: block;
|
|
9900
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
9995
9901
|
}
|
|
9996
9902
|
}
|
|
9997
9903
|
@media (min-width: 992px) {
|
|
9998
|
-
.pf-c-
|
|
9999
|
-
--pf-c-
|
|
9904
|
+
.pf-c-jump-links.pf-m-expandable-on-lg {
|
|
9905
|
+
--pf-c-jump-links__list--Display: none;
|
|
9906
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
9907
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
9908
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9909
|
+
--pf-c-jump-links__label--Display: none;
|
|
9910
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10000
9911
|
}
|
|
10001
9912
|
|
|
10002
|
-
.pf-c-
|
|
10003
|
-
--pf-c-
|
|
9913
|
+
.pf-c-jump-links.pf-m-non-expandable-on-lg {
|
|
9914
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9915
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9916
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
9917
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9918
|
+
--pf-c-jump-links__label--Display: block;
|
|
9919
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10004
9920
|
}
|
|
10005
|
-
|
|
10006
|
-
|
|
10007
|
-
|
|
9921
|
+
}
|
|
9922
|
+
@media (min-width: 1200px) {
|
|
9923
|
+
.pf-c-jump-links.pf-m-expandable-on-xl {
|
|
9924
|
+
--pf-c-jump-links__list--Display: none;
|
|
9925
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
9926
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
9927
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9928
|
+
--pf-c-jump-links__label--Display: none;
|
|
9929
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10008
9930
|
}
|
|
10009
9931
|
|
|
10010
|
-
.pf-c-
|
|
10011
|
-
--pf-c-
|
|
9932
|
+
.pf-c-jump-links.pf-m-non-expandable-on-xl {
|
|
9933
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9934
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9935
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
9936
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9937
|
+
--pf-c-jump-links__label--Display: block;
|
|
9938
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10012
9939
|
}
|
|
10013
|
-
|
|
10014
|
-
|
|
10015
|
-
|
|
9940
|
+
}
|
|
9941
|
+
@media (min-width: 1450px) {
|
|
9942
|
+
.pf-c-jump-links.pf-m-expandable-on-2xl {
|
|
9943
|
+
--pf-c-jump-links__list--Display: none;
|
|
9944
|
+
--pf-c-jump-links__list--Visibility: hidden;
|
|
9945
|
+
--pf-c-jump-links__toggle--Display: block;
|
|
9946
|
+
--pf-c-jump-links__toggle--Visibility: visible;
|
|
9947
|
+
--pf-c-jump-links__label--Display: none;
|
|
9948
|
+
--pf-c-jump-links__label--Visibility: hidden;
|
|
10016
9949
|
}
|
|
10017
9950
|
|
|
10018
|
-
.pf-c-
|
|
10019
|
-
--pf-c-
|
|
9951
|
+
.pf-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
9952
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9953
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9954
|
+
--pf-c-jump-links__toggle--Display: none;
|
|
9955
|
+
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
9956
|
+
--pf-c-jump-links__label--Display: block;
|
|
9957
|
+
--pf-c-jump-links__label--Visibility: visible;
|
|
10020
9958
|
}
|
|
9959
|
+
}
|
|
9960
|
+
.pf-c-jump-links.pf-m-expanded {
|
|
9961
|
+
--pf-c-jump-links__list--Display: flex;
|
|
9962
|
+
--pf-c-jump-links__list--Visibility: visible;
|
|
9963
|
+
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
|
|
9964
|
+
--pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
9965
|
+
--pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
|
|
9966
|
+
}
|
|
10021
9967
|
|
|
10022
|
-
|
|
10023
|
-
|
|
10024
|
-
|
|
9968
|
+
.pf-c-jump-links__list {
|
|
9969
|
+
position: relative;
|
|
9970
|
+
display: var(--pf-c-jump-links__list--Display);
|
|
9971
|
+
flex-direction: var(--pf-c-jump-links__list--FlexDirection);
|
|
9972
|
+
padding-top: var(--pf-c-jump-links__list--PaddingTop);
|
|
9973
|
+
padding-right: var(--pf-c-jump-links__list--PaddingRight);
|
|
9974
|
+
padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
|
|
9975
|
+
padding-left: var(--pf-c-jump-links__list--PaddingLeft);
|
|
9976
|
+
visibility: var(--pf-c-jump-links__list--Visibility);
|
|
10025
9977
|
}
|
|
10026
|
-
@media (min-width: 1200px) {
|
|
10027
|
-
.pf-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
10028
|
-
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
10029
|
-
}
|
|
10030
9978
|
|
|
10031
|
-
|
|
10032
|
-
|
|
10033
|
-
|
|
9979
|
+
.pf-c-jump-links__list::before {
|
|
9980
|
+
position: absolute;
|
|
9981
|
+
top: 0;
|
|
9982
|
+
right: 0;
|
|
9983
|
+
bottom: 0;
|
|
9984
|
+
left: 0;
|
|
9985
|
+
pointer-events: none;
|
|
9986
|
+
content: "";
|
|
9987
|
+
border: solid var(--pf-c-jump-links__list--before--BorderColor);
|
|
9988
|
+
border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
|
|
9989
|
+
}
|
|
10034
9990
|
|
|
10035
|
-
|
|
10036
|
-
|
|
10037
|
-
|
|
9991
|
+
.pf-c-jump-links__list .pf-c-jump-links__list {
|
|
9992
|
+
--pf-c-jump-links__list--PaddingTop: 0;
|
|
9993
|
+
--pf-c-jump-links__list--PaddingBottom: 0;
|
|
9994
|
+
--pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
|
|
9995
|
+
--pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
|
|
9996
|
+
--pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
|
|
9997
|
+
margin-top: var(--pf-c-jump-links__list__list--MarginTop);
|
|
9998
|
+
}
|
|
10038
9999
|
|
|
10039
|
-
|
|
10040
|
-
|
|
10041
|
-
|
|
10000
|
+
.pf-c-jump-links__link {
|
|
10001
|
+
position: relative;
|
|
10002
|
+
display: flex;
|
|
10003
|
+
flex: 1;
|
|
10004
|
+
padding-top: var(--pf-c-jump-links__link--PaddingTop);
|
|
10005
|
+
padding-right: var(--pf-c-jump-links__link--PaddingRight);
|
|
10006
|
+
padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
|
|
10007
|
+
padding-left: var(--pf-c-jump-links__link--PaddingLeft);
|
|
10008
|
+
text-decoration: none;
|
|
10009
|
+
outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
|
|
10010
|
+
}
|
|
10042
10011
|
|
|
10043
|
-
|
|
10044
|
-
|
|
10045
|
-
|
|
10012
|
+
.pf-c-jump-links__link:hover {
|
|
10013
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
|
|
10014
|
+
}
|
|
10046
10015
|
|
|
10047
|
-
|
|
10048
|
-
|
|
10049
|
-
|
|
10016
|
+
.pf-c-jump-links__link:focus {
|
|
10017
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
|
|
10018
|
+
}
|
|
10050
10019
|
|
|
10051
|
-
|
|
10052
|
-
|
|
10053
|
-
|
|
10020
|
+
.pf-c-jump-links__link::before {
|
|
10021
|
+
position: absolute;
|
|
10022
|
+
top: 0;
|
|
10023
|
+
right: 0;
|
|
10024
|
+
bottom: 0;
|
|
10025
|
+
left: 0;
|
|
10026
|
+
pointer-events: none;
|
|
10027
|
+
content: "";
|
|
10028
|
+
border-color: var(--pf-c-jump-links__link--before--BorderColor);
|
|
10029
|
+
border-style: solid;
|
|
10030
|
+
border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
|
|
10054
10031
|
}
|
|
10055
|
-
@media (min-width: 1450px) {
|
|
10056
|
-
.pf-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
10057
|
-
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
10058
|
-
}
|
|
10059
10032
|
|
|
10060
|
-
|
|
10061
|
-
|
|
10062
|
-
|
|
10033
|
+
.pf-c-jump-links__item {
|
|
10034
|
+
--pf-c-jump-links__list--before--BorderColor: transparent;
|
|
10035
|
+
}
|
|
10063
10036
|
|
|
10064
|
-
|
|
10065
|
-
|
|
10066
|
-
|
|
10037
|
+
.pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
|
|
10038
|
+
--pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
|
|
10039
|
+
--pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
|
|
10040
|
+
--pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
|
|
10041
|
+
--pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
|
|
10042
|
+
}
|
|
10067
10043
|
|
|
10068
|
-
|
|
10069
|
-
|
|
10070
|
-
|
|
10044
|
+
.pf-c-jump-links__link-text {
|
|
10045
|
+
color: var(--pf-c-jump-links__link-text--Color);
|
|
10046
|
+
}
|
|
10071
10047
|
|
|
10072
|
-
|
|
10073
|
-
|
|
10074
|
-
|
|
10048
|
+
.pf-c-jump-links__label {
|
|
10049
|
+
display: var(--pf-c-jump-links__label--Display);
|
|
10050
|
+
margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
|
|
10051
|
+
visibility: var(--pf-c-jump-links__label--Visibility);
|
|
10052
|
+
}
|
|
10075
10053
|
|
|
10076
|
-
|
|
10077
|
-
|
|
10078
|
-
|
|
10054
|
+
.pf-c-jump-links__main {
|
|
10055
|
+
display: flex;
|
|
10056
|
+
flex-direction: column;
|
|
10057
|
+
}
|
|
10079
10058
|
|
|
10080
|
-
|
|
10081
|
-
|
|
10082
|
-
|
|
10059
|
+
.pf-c-jump-links__toggle {
|
|
10060
|
+
display: var(--pf-c-jump-links__toggle--Display);
|
|
10061
|
+
margin-top: var(--pf-c-jump-links__toggle--MarginTop);
|
|
10062
|
+
margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
|
|
10063
|
+
margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
|
|
10064
|
+
visibility: var(--pf-c-jump-links__toggle--Visibility);
|
|
10065
|
+
}
|
|
10066
|
+
|
|
10067
|
+
.pf-c-jump-links__toggle .pf-c-button {
|
|
10068
|
+
display: flex;
|
|
10069
|
+
align-items: center;
|
|
10070
|
+
}
|
|
10071
|
+
|
|
10072
|
+
.pf-c-jump-links__toggle-icon {
|
|
10073
|
+
display: inline-block;
|
|
10074
|
+
color: var(--pf-c-jump-links__toggle-icon--Color);
|
|
10075
|
+
transition: var(--pf-c-jump-links__toggle-icon--Transition);
|
|
10076
|
+
transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
|
|
10077
|
+
}
|
|
10078
|
+
|
|
10079
|
+
.pf-c-jump-links__toggle-text {
|
|
10080
|
+
margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
|
|
10081
|
+
color: var(--pf-c-jump-links__toggle-text--Color);
|
|
10083
10082
|
}
|
|
10083
|
+
|
|
10084
10084
|
.pf-c-label {
|
|
10085
10085
|
--pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
|
|
10086
10086
|
--pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
|
|
@@ -12875,7 +12875,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
12875
12875
|
.pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
|
|
12876
12876
|
--pf-c-menu-toggle--PaddingRight: 0;
|
|
12877
12877
|
--pf-c-check__input--MarginTop: 0;
|
|
12878
|
-
--pf-c-check__label--Color:
|
|
12878
|
+
--pf-c-check__label--Color: currentcolor;
|
|
12879
12879
|
align-items: center;
|
|
12880
12880
|
align-self: stretch;
|
|
12881
12881
|
}
|
|
@@ -19605,7 +19605,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
19605
19605
|
--pf-c-tabs__toggle--Visibility: hidden;
|
|
19606
19606
|
--pf-c-tabs__toggle--MarginBottom: 0;
|
|
19607
19607
|
--pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
|
|
19608
|
-
--pf-c-tabs__toggle-icon--Color:
|
|
19608
|
+
--pf-c-tabs__toggle-icon--Color: currentcolor;
|
|
19609
19609
|
--pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
|
|
19610
19610
|
--pf-c-tabs__toggle-icon--Rotate: 0;
|
|
19611
19611
|
--pf-c-tabs__toggle-text--MarginLeft: 0;
|
|
@@ -22683,8 +22683,14 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22683
22683
|
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
22684
22684
|
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
22685
22685
|
--pf-c-tree-view__node-toggle--Position: absolute;
|
|
22686
|
+
--pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
|
|
22687
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
22688
|
+
--pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
|
|
22689
|
+
--pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
|
|
22690
|
+
--pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
|
|
22691
|
+
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
|
|
22686
22692
|
--pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
22687
|
-
--pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--
|
|
22693
|
+
--pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
|
|
22688
22694
|
--pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
22689
22695
|
--pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
|
|
22690
22696
|
--pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -22909,9 +22915,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22909
22915
|
|
|
22910
22916
|
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
22911
22917
|
--pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
|
|
22918
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
22912
22919
|
}
|
|
22913
22920
|
|
|
22914
22921
|
.pf-c-tree-view__list-item.pf-m-expanded {
|
|
22922
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
22915
22923
|
--pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
22916
22924
|
}
|
|
22917
22925
|
|
|
@@ -22949,6 +22957,25 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22949
22957
|
--pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
|
|
22950
22958
|
}
|
|
22951
22959
|
|
|
22960
|
+
.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
|
|
22961
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
22962
|
+
}
|
|
22963
|
+
|
|
22964
|
+
.pf-c-tree-view__node:hover,
|
|
22965
|
+
.pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
|
|
22966
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
|
|
22967
|
+
}
|
|
22968
|
+
|
|
22969
|
+
.pf-c-tree-view__node:focus,
|
|
22970
|
+
.pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
|
|
22971
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
|
|
22972
|
+
}
|
|
22973
|
+
|
|
22974
|
+
.pf-c-tree-view__node:active,
|
|
22975
|
+
.pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
|
|
22976
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
|
|
22977
|
+
}
|
|
22978
|
+
|
|
22952
22979
|
.pf-c-tree-view__node-container {
|
|
22953
22980
|
display: var(--pf-c-tree-view__node-container--Display);
|
|
22954
22981
|
flex-grow: 1;
|
|
@@ -22978,6 +23005,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22978
23005
|
padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
|
|
22979
23006
|
margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
|
|
22980
23007
|
margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
|
|
23008
|
+
color: var(--pf-c-tree-view__node-toggle--Color);
|
|
22981
23009
|
border: 0;
|
|
22982
23010
|
transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
22983
23011
|
}
|
|
@@ -22998,6 +23026,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
22998
23026
|
white-space: nowrap;
|
|
22999
23027
|
}
|
|
23000
23028
|
|
|
23029
|
+
label.pf-c-tree-view__node-text {
|
|
23030
|
+
cursor: pointer;
|
|
23031
|
+
}
|
|
23032
|
+
|
|
23001
23033
|
.pf-c-tree-view__node-title {
|
|
23002
23034
|
font-weight: var(--pf-c-tree-view__node-title--FontWeight);
|
|
23003
23035
|
}
|