@patternfly/patternfly 4.202.0 → 4.203.0
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 +28 -1
- package/base/_fonts.scss +10 -10
- package/base/_shield-inheritable.scss +1 -1
- package/base/patternfly-fonts.css +10 -10
- package/base/patternfly-shield-inheritable.css +1 -1
- package/components/AlertGroup/alert-group.css +1 -1
- package/components/Button/button.css +1 -1
- package/components/Button/button.scss +1 -1
- package/components/Divider/divider.css +12 -12
- package/components/Drawer/drawer.css +0 -33
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/ProgressStepper/progress-stepper.css +1 -1
- package/components/Sidebar/sidebar.css +0 -30
- package/components/Spinner/spinner.css +2 -2
- package/components/Table/table.css +5 -5
- package/components/Table/table.scss +5 -5
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -1
- package/components/TreeView/tree-view.css +29 -1
- package/components/TreeView/tree-view.scss +36 -2
- package/docs/components/Table/examples/Table.md +10 -4
- package/docs/components/TreeView/examples/TreeView.md +1077 -677
- package/package.json +6 -6
- package/patternfly-addons.css +48 -683
- package/patternfly-base-no-reset.css +10 -10
- package/patternfly-base.css +10 -10
- package/patternfly-no-reset.css +64 -99
- package/patternfly.css +64 -99
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/utilities/Alignment/alignment.css +0 -15
- package/utilities/BackgroundColor/BackgroundColor.css +0 -75
- package/utilities/Display/display.css +0 -40
- package/utilities/Flex/flex.css +0 -140
- package/utilities/Float/float.css +0 -5
- package/utilities/Sizing/sizing.css +48 -198
- package/utilities/Text/text.css +0 -210
- package/docs/pages/accessibility-guide.md +0 -161
- package/docs/pages/contribution.md +0 -109
- package/docs/pages/guidelines.md +0 -367
- package/docs/pages/icons.md +0 -129
- package/docs/pages/index.js +0 -13
- package/docs/pages/reference-docs/PF-quick-ref.key +0 -0
- package/docs/pages/reference-docs/PF-quick-ref.pdf +0 -0
- package/docs/pages/upgrade-guide.md +0 -188
package/patternfly-no-reset.css
CHANGED
|
@@ -500,70 +500,70 @@
|
|
|
500
500
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
501
501
|
font-style: normal;
|
|
502
502
|
font-weight: 300;
|
|
503
|
-
text-rendering:
|
|
503
|
+
text-rendering: optimizelegibility;
|
|
504
504
|
}
|
|
505
505
|
@font-face {
|
|
506
506
|
font-family: "RedHatDisplay";
|
|
507
507
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
|
|
508
508
|
font-style: normal;
|
|
509
509
|
font-weight: 400;
|
|
510
|
-
text-rendering:
|
|
510
|
+
text-rendering: optimizelegibility;
|
|
511
511
|
}
|
|
512
512
|
@font-face {
|
|
513
513
|
font-family: "RedHatDisplay";
|
|
514
514
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
|
|
515
515
|
font-style: normal;
|
|
516
516
|
font-weight: 700;
|
|
517
|
-
text-rendering:
|
|
517
|
+
text-rendering: optimizelegibility;
|
|
518
518
|
}
|
|
519
519
|
@font-face {
|
|
520
520
|
font-family: "RedHatText";
|
|
521
521
|
src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
|
|
522
522
|
font-style: normal;
|
|
523
523
|
font-weight: 400;
|
|
524
|
-
text-rendering:
|
|
524
|
+
text-rendering: optimizelegibility;
|
|
525
525
|
}
|
|
526
526
|
@font-face {
|
|
527
527
|
font-family: "RedHatText";
|
|
528
528
|
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
|
|
529
529
|
font-style: normal;
|
|
530
530
|
font-weight: 700;
|
|
531
|
-
text-rendering:
|
|
531
|
+
text-rendering: optimizelegibility;
|
|
532
532
|
}
|
|
533
533
|
@font-face {
|
|
534
534
|
font-family: "RedHatDisplayUpdated";
|
|
535
535
|
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
|
|
536
536
|
font-style: normal;
|
|
537
537
|
font-weight: 300;
|
|
538
|
-
text-rendering:
|
|
538
|
+
text-rendering: optimizelegibility;
|
|
539
539
|
}
|
|
540
540
|
@font-face {
|
|
541
541
|
font-family: "RedHatDisplayUpdated";
|
|
542
542
|
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
|
|
543
543
|
font-style: normal;
|
|
544
544
|
font-weight: 400;
|
|
545
|
-
text-rendering:
|
|
545
|
+
text-rendering: optimizelegibility;
|
|
546
546
|
}
|
|
547
547
|
@font-face {
|
|
548
548
|
font-family: "RedHatDisplayUpdated";
|
|
549
549
|
src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
|
|
550
550
|
font-style: normal;
|
|
551
551
|
font-weight: 700;
|
|
552
|
-
text-rendering:
|
|
552
|
+
text-rendering: optimizelegibility;
|
|
553
553
|
}
|
|
554
554
|
@font-face {
|
|
555
555
|
font-family: "RedHatTextUpdated";
|
|
556
556
|
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
|
|
557
557
|
font-style: normal;
|
|
558
558
|
font-weight: 400;
|
|
559
|
-
text-rendering:
|
|
559
|
+
text-rendering: optimizelegibility;
|
|
560
560
|
}
|
|
561
561
|
@font-face {
|
|
562
562
|
font-family: "RedHatTextUpdated";
|
|
563
563
|
src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
|
|
564
564
|
font-style: normal;
|
|
565
565
|
font-weight: 700;
|
|
566
|
-
text-rendering:
|
|
566
|
+
text-rendering: optimizelegibility;
|
|
567
567
|
}
|
|
568
568
|
@font-face {
|
|
569
569
|
font-family: "RedHatMono";
|
|
@@ -6316,7 +6316,7 @@ html {
|
|
|
6316
6316
|
top: var(--pf-c-alert-group--m-toast--Top);
|
|
6317
6317
|
right: var(--pf-c-alert-group--m-toast--Right);
|
|
6318
6318
|
z-index: var(--pf-c-alert-group--m-toast--ZIndex);
|
|
6319
|
-
width: calc(100% -
|
|
6319
|
+
width: calc(100% - var(--pf-c-alert-group--m-toast--Right) * 2);
|
|
6320
6320
|
max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
|
|
6321
6321
|
}
|
|
6322
6322
|
|
|
@@ -7823,7 +7823,7 @@ button.pf-c-breadcrumb__link {
|
|
|
7823
7823
|
transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
|
|
7824
7824
|
}
|
|
7825
7825
|
.pf-c-button__progress .pf-c-spinner {
|
|
7826
|
-
--pf-c-spinner--Color:
|
|
7826
|
+
--pf-c-spinner--Color: currentcolor;
|
|
7827
7827
|
}
|
|
7828
7828
|
|
|
7829
7829
|
.pf-m-overpass-font .pf-c-button {
|
|
@@ -12522,7 +12522,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12522
12522
|
border: 0;
|
|
12523
12523
|
}
|
|
12524
12524
|
.pf-c-divider::after {
|
|
12525
|
-
flex-basis: calc(
|
|
12525
|
+
flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
|
|
12526
12526
|
}
|
|
12527
12527
|
.pf-c-divider::after {
|
|
12528
12528
|
align-self: stretch;
|
|
@@ -12541,7 +12541,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12541
12541
|
height: inherit;
|
|
12542
12542
|
}
|
|
12543
12543
|
.pf-c-divider.pf-m-vertical::after {
|
|
12544
|
-
flex-basis: calc(
|
|
12544
|
+
flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
|
|
12545
12545
|
}
|
|
12546
12546
|
.pf-c-divider.pf-m-inset-none {
|
|
12547
12547
|
--pf-c-divider--after--Inset: 0%;
|
|
@@ -12577,7 +12577,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12577
12577
|
height: auto;
|
|
12578
12578
|
}
|
|
12579
12579
|
.pf-c-divider.pf-m-horizontal-on-sm::after {
|
|
12580
|
-
flex-basis: calc(
|
|
12580
|
+
flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
|
|
12581
12581
|
}
|
|
12582
12582
|
}
|
|
12583
12583
|
@media (min-width: 576px) {
|
|
@@ -12590,7 +12590,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12590
12590
|
height: inherit;
|
|
12591
12591
|
}
|
|
12592
12592
|
.pf-c-divider.pf-m-vertical-on-sm::after {
|
|
12593
|
-
flex-basis: calc(
|
|
12593
|
+
flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
|
|
12594
12594
|
}
|
|
12595
12595
|
}
|
|
12596
12596
|
@media (min-width: 576px) {
|
|
@@ -12629,7 +12629,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12629
12629
|
height: auto;
|
|
12630
12630
|
}
|
|
12631
12631
|
.pf-c-divider.pf-m-horizontal-on-md::after {
|
|
12632
|
-
flex-basis: calc(
|
|
12632
|
+
flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
|
|
12633
12633
|
}
|
|
12634
12634
|
}
|
|
12635
12635
|
@media (min-width: 768px) {
|
|
@@ -12642,7 +12642,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12642
12642
|
height: inherit;
|
|
12643
12643
|
}
|
|
12644
12644
|
.pf-c-divider.pf-m-vertical-on-md::after {
|
|
12645
|
-
flex-basis: calc(
|
|
12645
|
+
flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
|
|
12646
12646
|
}
|
|
12647
12647
|
}
|
|
12648
12648
|
@media (min-width: 768px) {
|
|
@@ -12681,7 +12681,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12681
12681
|
height: auto;
|
|
12682
12682
|
}
|
|
12683
12683
|
.pf-c-divider.pf-m-horizontal-on-lg::after {
|
|
12684
|
-
flex-basis: calc(
|
|
12684
|
+
flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
|
|
12685
12685
|
}
|
|
12686
12686
|
}
|
|
12687
12687
|
@media (min-width: 992px) {
|
|
@@ -12694,7 +12694,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12694
12694
|
height: inherit;
|
|
12695
12695
|
}
|
|
12696
12696
|
.pf-c-divider.pf-m-vertical-on-lg::after {
|
|
12697
|
-
flex-basis: calc(
|
|
12697
|
+
flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
|
|
12698
12698
|
}
|
|
12699
12699
|
}
|
|
12700
12700
|
@media (min-width: 992px) {
|
|
@@ -12733,7 +12733,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12733
12733
|
height: auto;
|
|
12734
12734
|
}
|
|
12735
12735
|
.pf-c-divider.pf-m-horizontal-on-xl::after {
|
|
12736
|
-
flex-basis: calc(
|
|
12736
|
+
flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
|
|
12737
12737
|
}
|
|
12738
12738
|
}
|
|
12739
12739
|
@media (min-width: 1200px) {
|
|
@@ -12746,7 +12746,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12746
12746
|
height: inherit;
|
|
12747
12747
|
}
|
|
12748
12748
|
.pf-c-divider.pf-m-vertical-on-xl::after {
|
|
12749
|
-
flex-basis: calc(
|
|
12749
|
+
flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
|
|
12750
12750
|
}
|
|
12751
12751
|
}
|
|
12752
12752
|
@media (min-width: 1200px) {
|
|
@@ -12785,7 +12785,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12785
12785
|
height: auto;
|
|
12786
12786
|
}
|
|
12787
12787
|
.pf-c-divider.pf-m-horizontal-on-2xl::after {
|
|
12788
|
-
flex-basis: calc(
|
|
12788
|
+
flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
|
|
12789
12789
|
}
|
|
12790
12790
|
}
|
|
12791
12791
|
@media (min-width: 1450px) {
|
|
@@ -12798,7 +12798,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12798
12798
|
height: inherit;
|
|
12799
12799
|
}
|
|
12800
12800
|
.pf-c-divider.pf-m-vertical-on-2xl::after {
|
|
12801
|
-
flex-basis: calc(
|
|
12801
|
+
flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
|
|
12802
12802
|
}
|
|
12803
12803
|
}
|
|
12804
12804
|
@media (min-width: 1450px) {
|
|
@@ -13211,7 +13211,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13211
13211
|
.pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__panel-main {
|
|
13212
13212
|
flex-shrink: 1;
|
|
13213
13213
|
}
|
|
13214
|
-
|
|
13215
13214
|
.pf-c-drawer.pf-m-panel-left {
|
|
13216
13215
|
--pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
|
|
13217
13216
|
}
|
|
@@ -13232,7 +13231,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13232
13231
|
--pf-c-drawer__splitter--after--BorderLeftWidth: var(--pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
|
|
13233
13232
|
order: 1;
|
|
13234
13233
|
}
|
|
13235
|
-
|
|
13236
13234
|
.pf-c-drawer.pf-m-panel-bottom {
|
|
13237
13235
|
--pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
|
|
13238
13236
|
--pf-c-drawer__panel--MaxHeight: 100%;
|
|
@@ -13261,7 +13259,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13261
13259
|
--pf-c-drawer__splitter--after--BorderRightWidth: 0;
|
|
13262
13260
|
--pf-c-drawer__splitter--after--BorderBottomWidth: var(--pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
|
|
13263
13261
|
}
|
|
13264
|
-
|
|
13265
13262
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter {
|
|
13266
13263
|
--pf-c-drawer__splitter--m-vertical--Width: var(--pf-c-drawer--m-inline__splitter--m-vertical--Width);
|
|
13267
13264
|
--pf-c-drawer__splitter-handle--Left: var(--pf-c-drawer--m-inline__splitter-handle--Left);
|
|
@@ -13276,12 +13273,10 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13276
13273
|
--pf-c-drawer__splitter--after--BorderRightWidth: 0;
|
|
13277
13274
|
--pf-c-drawer__splitter--after--BorderLeftWidth: 0;
|
|
13278
13275
|
}
|
|
13279
|
-
|
|
13280
13276
|
.pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
|
|
13281
13277
|
.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
|
|
13282
13278
|
--pf-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13283
13279
|
}
|
|
13284
|
-
|
|
13285
13280
|
.pf-c-drawer__splitter {
|
|
13286
13281
|
display: block;
|
|
13287
13282
|
visibility: visible;
|
|
@@ -13291,23 +13286,18 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13291
13286
|
.pf-c-drawer__panel.pf-m-width-25 {
|
|
13292
13287
|
--pf-c-drawer__panel--md--FlexBasis: 25%;
|
|
13293
13288
|
}
|
|
13294
|
-
|
|
13295
13289
|
.pf-c-drawer__panel.pf-m-width-33 {
|
|
13296
13290
|
--pf-c-drawer__panel--md--FlexBasis: 33%;
|
|
13297
13291
|
}
|
|
13298
|
-
|
|
13299
13292
|
.pf-c-drawer__panel.pf-m-width-50 {
|
|
13300
13293
|
--pf-c-drawer__panel--md--FlexBasis: 50%;
|
|
13301
13294
|
}
|
|
13302
|
-
|
|
13303
13295
|
.pf-c-drawer__panel.pf-m-width-66 {
|
|
13304
13296
|
--pf-c-drawer__panel--md--FlexBasis: 66%;
|
|
13305
13297
|
}
|
|
13306
|
-
|
|
13307
13298
|
.pf-c-drawer__panel.pf-m-width-75 {
|
|
13308
13299
|
--pf-c-drawer__panel--md--FlexBasis: 75%;
|
|
13309
13300
|
}
|
|
13310
|
-
|
|
13311
13301
|
.pf-c-drawer__panel.pf-m-width-100 {
|
|
13312
13302
|
--pf-c-drawer__panel--md--FlexBasis: 100%;
|
|
13313
13303
|
}
|
|
@@ -13316,23 +13306,18 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13316
13306
|
.pf-c-drawer__panel.pf-m-width-25-on-lg {
|
|
13317
13307
|
--pf-c-drawer__panel--md--FlexBasis: 25%;
|
|
13318
13308
|
}
|
|
13319
|
-
|
|
13320
13309
|
.pf-c-drawer__panel.pf-m-width-33-on-lg {
|
|
13321
13310
|
--pf-c-drawer__panel--md--FlexBasis: 33%;
|
|
13322
13311
|
}
|
|
13323
|
-
|
|
13324
13312
|
.pf-c-drawer__panel.pf-m-width-50-on-lg {
|
|
13325
13313
|
--pf-c-drawer__panel--md--FlexBasis: 50%;
|
|
13326
13314
|
}
|
|
13327
|
-
|
|
13328
13315
|
.pf-c-drawer__panel.pf-m-width-66-on-lg {
|
|
13329
13316
|
--pf-c-drawer__panel--md--FlexBasis: 66%;
|
|
13330
13317
|
}
|
|
13331
|
-
|
|
13332
13318
|
.pf-c-drawer__panel.pf-m-width-75-on-lg {
|
|
13333
13319
|
--pf-c-drawer__panel--md--FlexBasis: 75%;
|
|
13334
13320
|
}
|
|
13335
|
-
|
|
13336
13321
|
.pf-c-drawer__panel.pf-m-width-100-on-lg {
|
|
13337
13322
|
--pf-c-drawer__panel--md--FlexBasis: 100%;
|
|
13338
13323
|
}
|
|
@@ -13341,23 +13326,18 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13341
13326
|
.pf-c-drawer__panel.pf-m-width-25-on-xl {
|
|
13342
13327
|
--pf-c-drawer__panel--md--FlexBasis: 25%;
|
|
13343
13328
|
}
|
|
13344
|
-
|
|
13345
13329
|
.pf-c-drawer__panel.pf-m-width-33-on-xl {
|
|
13346
13330
|
--pf-c-drawer__panel--md--FlexBasis: 33%;
|
|
13347
13331
|
}
|
|
13348
|
-
|
|
13349
13332
|
.pf-c-drawer__panel.pf-m-width-50-on-xl {
|
|
13350
13333
|
--pf-c-drawer__panel--md--FlexBasis: 50%;
|
|
13351
13334
|
}
|
|
13352
|
-
|
|
13353
13335
|
.pf-c-drawer__panel.pf-m-width-66-on-xl {
|
|
13354
13336
|
--pf-c-drawer__panel--md--FlexBasis: 66%;
|
|
13355
13337
|
}
|
|
13356
|
-
|
|
13357
13338
|
.pf-c-drawer__panel.pf-m-width-75-on-xl {
|
|
13358
13339
|
--pf-c-drawer__panel--md--FlexBasis: 75%;
|
|
13359
13340
|
}
|
|
13360
|
-
|
|
13361
13341
|
.pf-c-drawer__panel.pf-m-width-100-on-xl {
|
|
13362
13342
|
--pf-c-drawer__panel--md--FlexBasis: 100%;
|
|
13363
13343
|
}
|
|
@@ -13366,23 +13346,18 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13366
13346
|
.pf-c-drawer__panel.pf-m-width-25-on-2xl {
|
|
13367
13347
|
--pf-c-drawer__panel--md--FlexBasis: 25%;
|
|
13368
13348
|
}
|
|
13369
|
-
|
|
13370
13349
|
.pf-c-drawer__panel.pf-m-width-33-on-2xl {
|
|
13371
13350
|
--pf-c-drawer__panel--md--FlexBasis: 33%;
|
|
13372
13351
|
}
|
|
13373
|
-
|
|
13374
13352
|
.pf-c-drawer__panel.pf-m-width-50-on-2xl {
|
|
13375
13353
|
--pf-c-drawer__panel--md--FlexBasis: 50%;
|
|
13376
13354
|
}
|
|
13377
|
-
|
|
13378
13355
|
.pf-c-drawer__panel.pf-m-width-66-on-2xl {
|
|
13379
13356
|
--pf-c-drawer__panel--md--FlexBasis: 66%;
|
|
13380
13357
|
}
|
|
13381
|
-
|
|
13382
13358
|
.pf-c-drawer__panel.pf-m-width-75-on-2xl {
|
|
13383
13359
|
--pf-c-drawer__panel--md--FlexBasis: 75%;
|
|
13384
13360
|
}
|
|
13385
|
-
|
|
13386
13361
|
.pf-c-drawer__panel.pf-m-width-100-on-2xl {
|
|
13387
13362
|
--pf-c-drawer__panel--md--FlexBasis: 100%;
|
|
13388
13363
|
}
|
|
@@ -13400,7 +13375,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13400
13375
|
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13401
13376
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13402
13377
|
}
|
|
13403
|
-
|
|
13404
13378
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13405
13379
|
overflow-x: auto;
|
|
13406
13380
|
}
|
|
@@ -13437,7 +13411,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13437
13411
|
margin-bottom: 0;
|
|
13438
13412
|
transform: translateY(0);
|
|
13439
13413
|
}
|
|
13440
|
-
|
|
13441
13414
|
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13442
13415
|
transform: translateX(0);
|
|
13443
13416
|
}
|
|
@@ -13466,7 +13439,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13466
13439
|
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13467
13440
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13468
13441
|
}
|
|
13469
|
-
|
|
13470
13442
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13471
13443
|
overflow-x: auto;
|
|
13472
13444
|
}
|
|
@@ -13503,7 +13475,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13503
13475
|
margin-bottom: 0;
|
|
13504
13476
|
transform: translateY(0);
|
|
13505
13477
|
}
|
|
13506
|
-
|
|
13507
13478
|
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13508
13479
|
transform: translateX(0);
|
|
13509
13480
|
}
|
|
@@ -13532,7 +13503,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13532
13503
|
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13533
13504
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13534
13505
|
}
|
|
13535
|
-
|
|
13536
13506
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13537
13507
|
overflow-x: auto;
|
|
13538
13508
|
}
|
|
@@ -13569,7 +13539,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13569
13539
|
margin-bottom: 0;
|
|
13570
13540
|
transform: translateY(0);
|
|
13571
13541
|
}
|
|
13572
|
-
|
|
13573
13542
|
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13574
13543
|
transform: translateX(0);
|
|
13575
13544
|
}
|
|
@@ -13598,7 +13567,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13598
13567
|
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
|
|
13599
13568
|
background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13600
13569
|
}
|
|
13601
|
-
|
|
13602
13570
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
|
|
13603
13571
|
overflow-x: auto;
|
|
13604
13572
|
}
|
|
@@ -13635,7 +13603,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13635
13603
|
margin-bottom: 0;
|
|
13636
13604
|
transform: translateY(0);
|
|
13637
13605
|
}
|
|
13638
|
-
|
|
13639
13606
|
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
|
|
13640
13607
|
transform: translateX(0);
|
|
13641
13608
|
}
|
|
@@ -16072,7 +16039,7 @@ label.pf-c-input-group__text {
|
|
|
16072
16039
|
--pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
|
|
16073
16040
|
--pf-c-jump-links__toggle--Display: none;
|
|
16074
16041
|
--pf-c-jump-links__toggle--Visibility: hidden;
|
|
16075
|
-
--pf-c-jump-links__toggle-icon--Color:
|
|
16042
|
+
--pf-c-jump-links__toggle-icon--Color: currentcolor;
|
|
16076
16043
|
--pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
|
|
16077
16044
|
--pf-c-jump-links__toggle-icon--Rotate: 0;
|
|
16078
16045
|
--pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
|
|
@@ -19061,7 +19028,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19061
19028
|
.pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
|
|
19062
19029
|
--pf-c-menu-toggle--PaddingRight: 0;
|
|
19063
19030
|
--pf-c-check__input--MarginTop: 0;
|
|
19064
|
-
--pf-c-check__label--Color:
|
|
19031
|
+
--pf-c-check__label--Color: currentcolor;
|
|
19065
19032
|
align-items: center;
|
|
19066
19033
|
align-self: stretch;
|
|
19067
19034
|
}
|
|
@@ -23480,7 +23447,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23480
23447
|
.pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
|
|
23481
23448
|
position: absolute;
|
|
23482
23449
|
top: calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));
|
|
23483
|
-
left: calc(50% -
|
|
23450
|
+
left: calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2);
|
|
23484
23451
|
width: auto;
|
|
23485
23452
|
height: calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));
|
|
23486
23453
|
border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
|
|
@@ -24873,27 +24840,21 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24873
24840
|
.pf-c-sidebar__panel.pf-m-width-default-on-sm {
|
|
24874
24841
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
24875
24842
|
}
|
|
24876
|
-
|
|
24877
24843
|
.pf-c-sidebar__panel.pf-m-width-25-on-sm {
|
|
24878
24844
|
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
24879
24845
|
}
|
|
24880
|
-
|
|
24881
24846
|
.pf-c-sidebar__panel.pf-m-width-33-on-sm {
|
|
24882
24847
|
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
24883
24848
|
}
|
|
24884
|
-
|
|
24885
24849
|
.pf-c-sidebar__panel.pf-m-width-50-on-sm {
|
|
24886
24850
|
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
24887
24851
|
}
|
|
24888
|
-
|
|
24889
24852
|
.pf-c-sidebar__panel.pf-m-width-66-on-sm {
|
|
24890
24853
|
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
24891
24854
|
}
|
|
24892
|
-
|
|
24893
24855
|
.pf-c-sidebar__panel.pf-m-width-75-on-sm {
|
|
24894
24856
|
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
24895
24857
|
}
|
|
24896
|
-
|
|
24897
24858
|
.pf-c-sidebar__panel.pf-m-width-100-on-sm {
|
|
24898
24859
|
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
24899
24860
|
}
|
|
@@ -24902,27 +24863,21 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24902
24863
|
.pf-c-sidebar__panel.pf-m-width-default-on-md {
|
|
24903
24864
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
24904
24865
|
}
|
|
24905
|
-
|
|
24906
24866
|
.pf-c-sidebar__panel.pf-m-width-25-on-md {
|
|
24907
24867
|
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
24908
24868
|
}
|
|
24909
|
-
|
|
24910
24869
|
.pf-c-sidebar__panel.pf-m-width-33-on-md {
|
|
24911
24870
|
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
24912
24871
|
}
|
|
24913
|
-
|
|
24914
24872
|
.pf-c-sidebar__panel.pf-m-width-50-on-md {
|
|
24915
24873
|
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
24916
24874
|
}
|
|
24917
|
-
|
|
24918
24875
|
.pf-c-sidebar__panel.pf-m-width-66-on-md {
|
|
24919
24876
|
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
24920
24877
|
}
|
|
24921
|
-
|
|
24922
24878
|
.pf-c-sidebar__panel.pf-m-width-75-on-md {
|
|
24923
24879
|
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
24924
24880
|
}
|
|
24925
|
-
|
|
24926
24881
|
.pf-c-sidebar__panel.pf-m-width-100-on-md {
|
|
24927
24882
|
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
24928
24883
|
}
|
|
@@ -24931,27 +24886,21 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24931
24886
|
.pf-c-sidebar__panel.pf-m-width-default-on-lg {
|
|
24932
24887
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
24933
24888
|
}
|
|
24934
|
-
|
|
24935
24889
|
.pf-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
24936
24890
|
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
24937
24891
|
}
|
|
24938
|
-
|
|
24939
24892
|
.pf-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
24940
24893
|
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
24941
24894
|
}
|
|
24942
|
-
|
|
24943
24895
|
.pf-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
24944
24896
|
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
24945
24897
|
}
|
|
24946
|
-
|
|
24947
24898
|
.pf-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
24948
24899
|
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
24949
24900
|
}
|
|
24950
|
-
|
|
24951
24901
|
.pf-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
24952
24902
|
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
24953
24903
|
}
|
|
24954
|
-
|
|
24955
24904
|
.pf-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
24956
24905
|
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
24957
24906
|
}
|
|
@@ -24960,27 +24909,21 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24960
24909
|
.pf-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
24961
24910
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
24962
24911
|
}
|
|
24963
|
-
|
|
24964
24912
|
.pf-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
24965
24913
|
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
24966
24914
|
}
|
|
24967
|
-
|
|
24968
24915
|
.pf-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
24969
24916
|
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
24970
24917
|
}
|
|
24971
|
-
|
|
24972
24918
|
.pf-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
24973
24919
|
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
24974
24920
|
}
|
|
24975
|
-
|
|
24976
24921
|
.pf-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
24977
24922
|
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
24978
24923
|
}
|
|
24979
|
-
|
|
24980
24924
|
.pf-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
24981
24925
|
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
24982
24926
|
}
|
|
24983
|
-
|
|
24984
24927
|
.pf-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
24985
24928
|
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
24986
24929
|
}
|
|
@@ -24989,27 +24932,21 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
24989
24932
|
.pf-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
24990
24933
|
--pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
|
|
24991
24934
|
}
|
|
24992
|
-
|
|
24993
24935
|
.pf-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
24994
24936
|
--pf-c-sidebar__panel--FlexBasis: 25%;
|
|
24995
24937
|
}
|
|
24996
|
-
|
|
24997
24938
|
.pf-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
24998
24939
|
--pf-c-sidebar__panel--FlexBasis: 33%;
|
|
24999
24940
|
}
|
|
25000
|
-
|
|
25001
24941
|
.pf-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
25002
24942
|
--pf-c-sidebar__panel--FlexBasis: 50%;
|
|
25003
24943
|
}
|
|
25004
|
-
|
|
25005
24944
|
.pf-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
25006
24945
|
--pf-c-sidebar__panel--FlexBasis: 66%;
|
|
25007
24946
|
}
|
|
25008
|
-
|
|
25009
24947
|
.pf-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
25010
24948
|
--pf-c-sidebar__panel--FlexBasis: 75%;
|
|
25011
24949
|
}
|
|
25012
|
-
|
|
25013
24950
|
.pf-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
25014
24951
|
--pf-c-sidebar__panel--FlexBasis: 100%;
|
|
25015
24952
|
}
|
|
@@ -25657,7 +25594,7 @@ span.pf-c-spinner {
|
|
|
25657
25594
|
}
|
|
25658
25595
|
.pf-c-spinner__lead-ball::after {
|
|
25659
25596
|
position: absolute;
|
|
25660
|
-
top: calc(50% -
|
|
25597
|
+
top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);
|
|
25661
25598
|
right: 0;
|
|
25662
25599
|
width: var(--pf-c-spinner__ball--after--Width);
|
|
25663
25600
|
height: var(--pf-c-spinner__ball--after--Height);
|
|
@@ -25688,7 +25625,7 @@ span.pf-c-spinner {
|
|
|
25688
25625
|
}
|
|
25689
25626
|
.pf-c-spinner__tail-ball::after {
|
|
25690
25627
|
position: absolute;
|
|
25691
|
-
top: calc(50% -
|
|
25628
|
+
top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);
|
|
25692
25629
|
right: 0;
|
|
25693
25630
|
width: var(--pf-c-spinner__ball--after--Width);
|
|
25694
25631
|
height: var(--pf-c-spinner__ball--after--Height);
|
|
@@ -27743,10 +27680,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27743
27680
|
--pf-c-table__sort__button--Color: var(--pf-global--Color--100);
|
|
27744
27681
|
--pf-c-table__sort--m-selected__button--Color: var(--pf-global--active-color--100);
|
|
27745
27682
|
--pf-c-table__sort--m-help--MinWidth: 15ch;
|
|
27746
|
-
--pf-c-table__sort__button__text--Color:
|
|
27747
|
-
--pf-c-table__sort__button--hover__text--Color:
|
|
27748
|
-
--pf-c-table__sort__button--focus__text--Color:
|
|
27749
|
-
--pf-c-table__sort__button--active__text--Color:
|
|
27683
|
+
--pf-c-table__sort__button__text--Color: currentcolor;
|
|
27684
|
+
--pf-c-table__sort__button--hover__text--Color: currentcolor;
|
|
27685
|
+
--pf-c-table__sort__button--focus__text--Color: currentcolor;
|
|
27686
|
+
--pf-c-table__sort__button--active__text--Color: currentcolor;
|
|
27750
27687
|
--pf-c-table__sort-indicator--Color: var(--pf-global--disabled-color--200);
|
|
27751
27688
|
--pf-c-table__sort-indicator--MarginLeft: var(--pf-global--spacer--md);
|
|
27752
27689
|
--pf-c-table__sort--m-selected__sort-indicator--Color: var(--pf-global--active-color--100);
|
|
@@ -28469,7 +28406,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28469
28406
|
--pf-c-table__sort__button--hover__text--Color: var(--pf-c-table__sort--m-favorite__button--hover__text--Color);
|
|
28470
28407
|
--pf-c-table__sort__button--focus__text--Color: var(--pf-c-table__sort--m-favorite__button--focus__text--Color);
|
|
28471
28408
|
--pf-c-table__sort__button--active__text--Color: var(--pf-c-table__sort--m-favorite__button--active__text--Color);
|
|
28472
|
-
--pf-c-table__sort--m-selected__button__text--Color:
|
|
28409
|
+
--pf-c-table__sort--m-selected__button__text--Color: currentcolor;
|
|
28473
28410
|
}
|
|
28474
28411
|
|
|
28475
28412
|
.pf-c-table__sort-indicator {
|
|
@@ -29641,7 +29578,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29641
29578
|
--pf-c-tabs__toggle--Visibility: hidden;
|
|
29642
29579
|
--pf-c-tabs__toggle--MarginBottom: 0;
|
|
29643
29580
|
--pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
|
|
29644
|
-
--pf-c-tabs__toggle-icon--Color:
|
|
29581
|
+
--pf-c-tabs__toggle-icon--Color: currentcolor;
|
|
29645
29582
|
--pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
|
|
29646
29583
|
--pf-c-tabs__toggle-icon--Rotate: 0;
|
|
29647
29584
|
--pf-c-tabs__toggle-text--MarginLeft: 0;
|
|
@@ -31198,8 +31135,14 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31198
31135
|
--pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
|
|
31199
31136
|
--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
31200
31137
|
--pf-c-tree-view__node-toggle--Position: absolute;
|
|
31138
|
+
--pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
|
|
31139
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
31140
|
+
--pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
|
|
31141
|
+
--pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
|
|
31142
|
+
--pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
|
|
31143
|
+
--pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
|
|
31201
31144
|
--pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
|
|
31202
|
-
--pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--
|
|
31145
|
+
--pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
|
|
31203
31146
|
--pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
31204
31147
|
--pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
|
|
31205
31148
|
--pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -31400,8 +31343,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31400
31343
|
|
|
31401
31344
|
.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
|
|
31402
31345
|
--pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
|
|
31346
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
31403
31347
|
}
|
|
31404
31348
|
.pf-c-tree-view__list-item.pf-m-expanded {
|
|
31349
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
31405
31350
|
--pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
31406
31351
|
}
|
|
31407
31352
|
|
|
@@ -31434,6 +31379,21 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31434
31379
|
.pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
|
|
31435
31380
|
--pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
|
|
31436
31381
|
}
|
|
31382
|
+
.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
|
|
31383
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
|
|
31384
|
+
}
|
|
31385
|
+
.pf-c-tree-view__node:hover,
|
|
31386
|
+
.pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
|
|
31387
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
|
|
31388
|
+
}
|
|
31389
|
+
.pf-c-tree-view__node:focus,
|
|
31390
|
+
.pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
|
|
31391
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
|
|
31392
|
+
}
|
|
31393
|
+
.pf-c-tree-view__node:active,
|
|
31394
|
+
.pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
|
|
31395
|
+
--pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
|
|
31396
|
+
}
|
|
31437
31397
|
|
|
31438
31398
|
.pf-c-tree-view__node-container {
|
|
31439
31399
|
display: var(--pf-c-tree-view__node-container--Display);
|
|
@@ -31463,6 +31423,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31463
31423
|
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);
|
|
31464
31424
|
margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
|
|
31465
31425
|
margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
|
|
31426
|
+
color: var(--pf-c-tree-view__node-toggle--Color);
|
|
31466
31427
|
border: 0;
|
|
31467
31428
|
transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
31468
31429
|
}
|
|
@@ -31482,6 +31443,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
31482
31443
|
white-space: nowrap;
|
|
31483
31444
|
}
|
|
31484
31445
|
|
|
31446
|
+
label.pf-c-tree-view__node-text {
|
|
31447
|
+
cursor: pointer;
|
|
31448
|
+
}
|
|
31449
|
+
|
|
31485
31450
|
.pf-c-tree-view__node-title {
|
|
31486
31451
|
font-weight: var(--pf-c-tree-view__node-title--FontWeight);
|
|
31487
31452
|
}
|