@patternfly/patternfly 4.175.0 → 4.176.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/AlertGroup/alert-group.css +36 -0
- package/components/AlertGroup/alert-group.scss +41 -0
- package/components/Dropdown/dropdown.css +10 -9
- package/components/Dropdown/dropdown.scss +17 -16
- package/components/Label/label.css +43 -12
- package/components/Label/label.scss +45 -13
- package/components/Nav/nav.css +11 -0
- package/components/Nav/nav.scss +14 -0
- package/docs/components/AlertGroup/examples/AlertGroup.md +8 -3
- package/docs/components/Label/examples/Label.md +33 -67
- package/docs/components/LabelGroup/examples/LabelGroup.md +64 -107
- package/docs/components/LogViewer/examples/LogViewer.md +9 -9
- package/docs/components/Menu/examples/Menu.md +43 -42
- package/docs/components/Nav/examples/Navigation.md +23 -44
- package/docs/demos/Alert/examples/Alert.md +52 -359
- package/docs/demos/BackToTop/examples/BackToTop.md +5 -505
- package/docs/demos/Card/examples/Card.md +42 -36
- package/docs/demos/ContextSelector/examples/ContextSelector.md +46 -1051
- package/docs/demos/Drawer/examples/Drawer.md +3 -3
- package/docs/demos/JumpLinks/examples/JumpLinks.md +80 -1225
- package/docs/demos/Masthead/examples/Masthead.md +14 -6
- package/docs/demos/Nav/examples/Nav.md +9 -301
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
- package/docs/demos/Page/examples/Page.md +162 -3084
- package/docs/demos/Table/examples/Table.md +183 -18031
- package/docs/demos/Tabs/examples/Tabs.md +686 -7389
- package/docs/demos/Toolbar/examples/Toolbar.md +44 -1027
- package/docs/demos/Wizard/examples/Wizard.md +2 -2
- package/package.json +1 -1
- package/patternfly-no-reset.css +100 -21
- package/patternfly.css +100 -21
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -715,7 +715,7 @@ wrapperTag: div
|
|
|
715
715
|
<div class="pf-c-page__main-body">
|
|
716
716
|
<div class="pf-c-content">
|
|
717
717
|
<h1>Main title</h1>
|
|
718
|
-
<p>This is a
|
|
718
|
+
<p>This is a full page demo.</p>
|
|
719
719
|
</div>
|
|
720
720
|
</div>
|
|
721
721
|
</section>
|
|
@@ -1176,7 +1176,7 @@ wrapperTag: div
|
|
|
1176
1176
|
<div class="pf-c-page__main-body">
|
|
1177
1177
|
<div class="pf-c-content">
|
|
1178
1178
|
<h1>Main title</h1>
|
|
1179
|
-
<p>This is a
|
|
1179
|
+
<p>This is a full page demo.</p>
|
|
1180
1180
|
</div>
|
|
1181
1181
|
</div>
|
|
1182
1182
|
</section>
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -6026,6 +6026,20 @@ html {
|
|
|
6026
6026
|
--pf-c-alert-group--m-toast--Right: var(--pf-global--spacer--xl);
|
|
6027
6027
|
--pf-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
6028
6028
|
--pf-c-alert-group--m-toast--ZIndex: var(--pf-global--ZIndex--2xl);
|
|
6029
|
+
--pf-c-alert-group__overflow-button--BorderWidth: 0;
|
|
6030
|
+
--pf-c-alert-group__overflow-button--PaddingTop: var(--pf-global--spacer--lg);
|
|
6031
|
+
--pf-c-alert-group__overflow-button--PaddingRight: var(--pf-global--spacer--md);
|
|
6032
|
+
--pf-c-alert-group__overflow-button--PaddingBottom: var(--pf-global--spacer--lg);
|
|
6033
|
+
--pf-c-alert-group__overflow-button--PaddingLeft: var(--pf-global--spacer--md);
|
|
6034
|
+
--pf-c-alert-group__overflow-button--Color: var(--pf-global--link--Color);
|
|
6035
|
+
--pf-c-alert-group__overflow-button--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
6036
|
+
--pf-c-alert-group__overflow-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
6037
|
+
--pf-c-alert-group__overflow-button--hover--Color: var(--pf-global--link--Color--hover);
|
|
6038
|
+
--pf-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
|
|
6039
|
+
--pf-c-alert-group__overflow-button--focus--Color: var(--pf-global--link--Color--hover);
|
|
6040
|
+
--pf-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
|
|
6041
|
+
--pf-c-alert-group__overflow-button--active--Color: var(--pf-global--link--Color--hover);
|
|
6042
|
+
--pf-c-alert-group__overflow-button--active--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
|
|
6029
6043
|
}
|
|
6030
6044
|
.pf-c-alert-group > * + * {
|
|
6031
6045
|
margin-top: var(--pf-c-alert-group__item--MarginTop);
|
|
@@ -6039,6 +6053,28 @@ html {
|
|
|
6039
6053
|
max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
|
|
6040
6054
|
}
|
|
6041
6055
|
|
|
6056
|
+
.pf-c-alert-group__overflow-button {
|
|
6057
|
+
position: relative;
|
|
6058
|
+
width: 100%;
|
|
6059
|
+
padding: var(--pf-c-alert-group__overflow-button--PaddingTop) var(--pf-c-alert-group__overflow-button--PaddingRight) var(--pf-c-alert-group__overflow-button--PaddingBottom) var(--pf-c-alert-group__overflow-button--PaddingLeft);
|
|
6060
|
+
color: var(--pf-c-alert-group__overflow-button--Color);
|
|
6061
|
+
background-color: var(--pf-c-alert-group__overflow-button--BackgroundColor);
|
|
6062
|
+
border-width: var(--pf-c-alert-group__overflow-button--BorderWidth);
|
|
6063
|
+
box-shadow: var(--pf-c-alert-group__overflow-button--BoxShadow);
|
|
6064
|
+
}
|
|
6065
|
+
.pf-c-alert-group__overflow-button:hover {
|
|
6066
|
+
--pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--hover--Color);
|
|
6067
|
+
--pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--hover--BoxShadow);
|
|
6068
|
+
}
|
|
6069
|
+
.pf-c-alert-group__overflow-button:focus {
|
|
6070
|
+
--pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--focus--Color);
|
|
6071
|
+
--pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--focus--BoxShadow);
|
|
6072
|
+
}
|
|
6073
|
+
.pf-c-alert-group__overflow-button:active {
|
|
6074
|
+
--pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--active--Color);
|
|
6075
|
+
--pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--active--BoxShadow);
|
|
6076
|
+
}
|
|
6077
|
+
|
|
6042
6078
|
.pf-c-app-launcher {
|
|
6043
6079
|
--pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
6044
6080
|
--pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -12336,6 +12372,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12336
12372
|
--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12337
12373
|
--pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12338
12374
|
--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12375
|
+
--pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
|
|
12339
12376
|
--pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
12340
12377
|
--pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
12341
12378
|
--pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
|
|
@@ -12494,6 +12531,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12494
12531
|
border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
|
|
12495
12532
|
}
|
|
12496
12533
|
.pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
|
|
12534
|
+
--pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
|
|
12497
12535
|
--pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
|
|
12498
12536
|
pointer-events: none;
|
|
12499
12537
|
}
|
|
@@ -12586,14 +12624,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12586
12624
|
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
|
|
12587
12625
|
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
|
|
12588
12626
|
}
|
|
12589
|
-
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
|
|
12590
|
-
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
|
|
12591
|
-
border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
|
|
12592
|
-
}
|
|
12593
12627
|
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
|
|
12594
12628
|
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
|
|
12595
12629
|
border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
|
|
12596
12630
|
}
|
|
12631
|
+
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
|
|
12632
|
+
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
|
|
12633
|
+
border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
|
|
12634
|
+
}
|
|
12597
12635
|
.pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
|
|
12598
12636
|
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
|
|
12599
12637
|
border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
|
|
@@ -12621,14 +12659,13 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12621
12659
|
--pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
|
|
12622
12660
|
}
|
|
12623
12661
|
.pf-c-dropdown__toggle.pf-m-primary {
|
|
12624
|
-
border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
|
|
12625
|
-
}
|
|
12626
|
-
.pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
|
|
12627
12662
|
--pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
|
|
12628
12663
|
--pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
|
|
12629
12664
|
--pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
|
|
12665
|
+
border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
|
|
12630
12666
|
}
|
|
12631
|
-
.pf-c-dropdown__toggle.pf-m-primary::before
|
|
12667
|
+
.pf-c-dropdown__toggle.pf-m-primary::before,
|
|
12668
|
+
.pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
|
|
12632
12669
|
border: 0;
|
|
12633
12670
|
}
|
|
12634
12671
|
.pf-c-dropdown__toggle.pf-m-primary:hover {
|
|
@@ -12640,7 +12677,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12640
12677
|
.pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
|
|
12641
12678
|
--pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
|
|
12642
12679
|
}
|
|
12643
|
-
.pf-
|
|
12680
|
+
.pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
|
|
12644
12681
|
--pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
|
|
12645
12682
|
}
|
|
12646
12683
|
.pf-c-dropdown__toggle.pf-m-secondary {
|
|
@@ -14635,7 +14672,9 @@ label.pf-c-input-group__text {
|
|
|
14635
14672
|
--pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
|
|
14636
14673
|
--pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
14637
14674
|
--pf-c-label__content--Color: var(--pf-global--Color--100);
|
|
14675
|
+
--pf-c-label__content--MaxWidth: 100%;
|
|
14638
14676
|
--pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
|
|
14677
|
+
--pf-c-label--m-editable__content--MaxWidth: 16ch;
|
|
14639
14678
|
--pf-c-label__text--MaxWidth: 16ch;
|
|
14640
14679
|
--pf-c-label__icon--Color: var(--pf-global--Color--100);
|
|
14641
14680
|
--pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
|
|
@@ -14648,8 +14687,6 @@ label.pf-c-input-group__text {
|
|
|
14648
14687
|
--pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
14649
14688
|
--pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
14650
14689
|
--pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
14651
|
-
--pf-c-label__editable-text--MaxWidth: 16ch;
|
|
14652
|
-
--pf-c-label__editable-text--BorderWidth: 0;
|
|
14653
14690
|
--pf-c-label--m-editable--Cursor: pointer;
|
|
14654
14691
|
--pf-c-label--m-editable--TextDecoration: underline;
|
|
14655
14692
|
--pf-c-label--m-editable--TextDecorationStyle: dashed;
|
|
@@ -14658,6 +14695,12 @@ label.pf-c-input-group__text {
|
|
|
14658
14695
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-global--BorderColor--200);
|
|
14659
14696
|
--pf-c-label--m-editable--hover--TextDecorationColor: var(--pf-global--Color--100);
|
|
14660
14697
|
--pf-c-label--m-editable--focus--TextDecorationColor: var(--pf-global--Color--100);
|
|
14698
|
+
--pf-c-label--m-editable__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
14699
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
14700
|
+
--pf-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
14701
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
14702
|
+
--pf-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
14703
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
14661
14704
|
--pf-c-label--m-editable--m-editable-active--Cursor: auto;
|
|
14662
14705
|
--pf-c-label--m-editable--m-editable-active--TextDecoration: none;
|
|
14663
14706
|
--pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
@@ -14691,6 +14734,9 @@ label.pf-c-input-group__text {
|
|
|
14691
14734
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--before--BorderColor);
|
|
14692
14735
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
|
|
14693
14736
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
|
|
14737
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
|
|
14738
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
|
|
14739
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
|
|
14694
14740
|
}
|
|
14695
14741
|
.pf-c-label.pf-m-green {
|
|
14696
14742
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-green--BackgroundColor);
|
|
@@ -14703,6 +14749,9 @@ label.pf-c-input-group__text {
|
|
|
14703
14749
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--before--BorderColor);
|
|
14704
14750
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
|
|
14705
14751
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
|
|
14752
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
|
|
14753
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
|
|
14754
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
|
|
14706
14755
|
}
|
|
14707
14756
|
.pf-c-label.pf-m-orange {
|
|
14708
14757
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-orange--BackgroundColor);
|
|
@@ -14715,6 +14764,9 @@ label.pf-c-input-group__text {
|
|
|
14715
14764
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--before--BorderColor);
|
|
14716
14765
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
|
|
14717
14766
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
|
|
14767
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
|
|
14768
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
|
|
14769
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
|
|
14718
14770
|
}
|
|
14719
14771
|
.pf-c-label.pf-m-red {
|
|
14720
14772
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-red--BackgroundColor);
|
|
@@ -14727,6 +14779,9 @@ label.pf-c-input-group__text {
|
|
|
14727
14779
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--before--BorderColor);
|
|
14728
14780
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
|
|
14729
14781
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
|
|
14782
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
|
|
14783
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
|
|
14784
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
|
|
14730
14785
|
}
|
|
14731
14786
|
.pf-c-label.pf-m-purple {
|
|
14732
14787
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-purple--BackgroundColor);
|
|
@@ -14739,6 +14794,9 @@ label.pf-c-input-group__text {
|
|
|
14739
14794
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--before--BorderColor);
|
|
14740
14795
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
|
|
14741
14796
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
|
|
14797
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
|
|
14798
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
|
|
14799
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
|
|
14742
14800
|
}
|
|
14743
14801
|
.pf-c-label.pf-m-cyan {
|
|
14744
14802
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-cyan--BackgroundColor);
|
|
@@ -14751,12 +14809,18 @@ label.pf-c-input-group__text {
|
|
|
14751
14809
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--before--BorderColor);
|
|
14752
14810
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
|
|
14753
14811
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
|
|
14812
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
|
|
14813
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
|
|
14814
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
|
|
14754
14815
|
}
|
|
14755
14816
|
.pf-c-label.pf-m-outline {
|
|
14756
14817
|
--pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
|
|
14757
14818
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
|
|
14758
14819
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
14759
14820
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-outline--BackgroundColor);
|
|
14821
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
14822
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
14823
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
14760
14824
|
}
|
|
14761
14825
|
.pf-c-label.pf-m-overflow:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
|
|
14762
14826
|
.pf-c-label.pf-m-outline button.pf-c-label__content:hover {
|
|
@@ -14776,6 +14840,15 @@ label.pf-c-input-group__text {
|
|
|
14776
14840
|
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
14777
14841
|
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
14778
14842
|
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
14843
|
+
--pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
|
|
14844
|
+
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
14845
|
+
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
|
|
14846
|
+
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--hover--before--BorderWidth);
|
|
14847
|
+
--pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-editable__content--hover--before--BorderColor);
|
|
14848
|
+
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--focus--before--BorderWidth);
|
|
14849
|
+
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
|
|
14850
|
+
--pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
14851
|
+
--pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
14779
14852
|
}
|
|
14780
14853
|
.pf-c-label.pf-m-editable:hover {
|
|
14781
14854
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
|
|
@@ -14787,19 +14860,10 @@ label.pf-c-input-group__text {
|
|
|
14787
14860
|
--pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
|
|
14788
14861
|
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
|
14789
14862
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
14790
|
-
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth);
|
|
14791
|
-
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor);
|
|
14792
14863
|
}
|
|
14793
14864
|
.pf-c-label.pf-m-editable-active .pf-c-button {
|
|
14794
14865
|
visibility: hidden;
|
|
14795
14866
|
}
|
|
14796
|
-
.pf-c-label .pf-c-label__editable-text {
|
|
14797
|
-
overflow: hidden;
|
|
14798
|
-
text-overflow: ellipsis;
|
|
14799
|
-
white-space: nowrap;
|
|
14800
|
-
max-width: var(--pf-c-label__editable-text--MaxWidth);
|
|
14801
|
-
border-width: var(--pf-c-label__editable-text--BorderWidth);
|
|
14802
|
-
}
|
|
14803
14867
|
.pf-c-label .pf-c-button {
|
|
14804
14868
|
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
|
14805
14869
|
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
|
@@ -14836,8 +14900,12 @@ label.pf-c-input-group__text {
|
|
|
14836
14900
|
}
|
|
14837
14901
|
|
|
14838
14902
|
.pf-c-label__content {
|
|
14903
|
+
overflow: hidden;
|
|
14904
|
+
text-overflow: ellipsis;
|
|
14905
|
+
white-space: nowrap;
|
|
14906
|
+
max-width: var(--pf-c-label__content--MaxWidth);
|
|
14839
14907
|
color: var(--pf-c-label__content--Color);
|
|
14840
|
-
border: 0;
|
|
14908
|
+
border-width: 0;
|
|
14841
14909
|
}
|
|
14842
14910
|
.pf-c-label__content::before {
|
|
14843
14911
|
position: absolute;
|
|
@@ -17565,6 +17633,8 @@ ul.pf-c-list {
|
|
|
17565
17633
|
--pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
|
|
17566
17634
|
--pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
17567
17635
|
--pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
17636
|
+
--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
|
|
17637
|
+
--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
|
|
17568
17638
|
--pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
|
|
17569
17639
|
--pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
|
|
17570
17640
|
--pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
|
|
@@ -17693,6 +17763,15 @@ ul.pf-c-list {
|
|
|
17693
17763
|
--pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
|
|
17694
17764
|
background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
|
|
17695
17765
|
}
|
|
17766
|
+
.pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
|
|
17767
|
+
--pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
|
|
17768
|
+
}
|
|
17769
|
+
.pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
|
|
17770
|
+
--pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
|
|
17771
|
+
}
|
|
17772
|
+
.pf-c-nav .pf-c-menu__item-toggle-icon {
|
|
17773
|
+
margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
|
|
17774
|
+
}
|
|
17696
17775
|
.pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
|
|
17697
17776
|
content: none;
|
|
17698
17777
|
}
|
package/patternfly.css
CHANGED
|
@@ -6148,6 +6148,20 @@ a {
|
|
|
6148
6148
|
--pf-c-alert-group--m-toast--Right: var(--pf-global--spacer--xl);
|
|
6149
6149
|
--pf-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
6150
6150
|
--pf-c-alert-group--m-toast--ZIndex: var(--pf-global--ZIndex--2xl);
|
|
6151
|
+
--pf-c-alert-group__overflow-button--BorderWidth: 0;
|
|
6152
|
+
--pf-c-alert-group__overflow-button--PaddingTop: var(--pf-global--spacer--lg);
|
|
6153
|
+
--pf-c-alert-group__overflow-button--PaddingRight: var(--pf-global--spacer--md);
|
|
6154
|
+
--pf-c-alert-group__overflow-button--PaddingBottom: var(--pf-global--spacer--lg);
|
|
6155
|
+
--pf-c-alert-group__overflow-button--PaddingLeft: var(--pf-global--spacer--md);
|
|
6156
|
+
--pf-c-alert-group__overflow-button--Color: var(--pf-global--link--Color);
|
|
6157
|
+
--pf-c-alert-group__overflow-button--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
6158
|
+
--pf-c-alert-group__overflow-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
6159
|
+
--pf-c-alert-group__overflow-button--hover--Color: var(--pf-global--link--Color--hover);
|
|
6160
|
+
--pf-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
|
|
6161
|
+
--pf-c-alert-group__overflow-button--focus--Color: var(--pf-global--link--Color--hover);
|
|
6162
|
+
--pf-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
|
|
6163
|
+
--pf-c-alert-group__overflow-button--active--Color: var(--pf-global--link--Color--hover);
|
|
6164
|
+
--pf-c-alert-group__overflow-button--active--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
|
|
6151
6165
|
}
|
|
6152
6166
|
.pf-c-alert-group > * + * {
|
|
6153
6167
|
margin-top: var(--pf-c-alert-group__item--MarginTop);
|
|
@@ -6161,6 +6175,28 @@ a {
|
|
|
6161
6175
|
max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
|
|
6162
6176
|
}
|
|
6163
6177
|
|
|
6178
|
+
.pf-c-alert-group__overflow-button {
|
|
6179
|
+
position: relative;
|
|
6180
|
+
width: 100%;
|
|
6181
|
+
padding: var(--pf-c-alert-group__overflow-button--PaddingTop) var(--pf-c-alert-group__overflow-button--PaddingRight) var(--pf-c-alert-group__overflow-button--PaddingBottom) var(--pf-c-alert-group__overflow-button--PaddingLeft);
|
|
6182
|
+
color: var(--pf-c-alert-group__overflow-button--Color);
|
|
6183
|
+
background-color: var(--pf-c-alert-group__overflow-button--BackgroundColor);
|
|
6184
|
+
border-width: var(--pf-c-alert-group__overflow-button--BorderWidth);
|
|
6185
|
+
box-shadow: var(--pf-c-alert-group__overflow-button--BoxShadow);
|
|
6186
|
+
}
|
|
6187
|
+
.pf-c-alert-group__overflow-button:hover {
|
|
6188
|
+
--pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--hover--Color);
|
|
6189
|
+
--pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--hover--BoxShadow);
|
|
6190
|
+
}
|
|
6191
|
+
.pf-c-alert-group__overflow-button:focus {
|
|
6192
|
+
--pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--focus--Color);
|
|
6193
|
+
--pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--focus--BoxShadow);
|
|
6194
|
+
}
|
|
6195
|
+
.pf-c-alert-group__overflow-button:active {
|
|
6196
|
+
--pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--active--Color);
|
|
6197
|
+
--pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--active--BoxShadow);
|
|
6198
|
+
}
|
|
6199
|
+
|
|
6164
6200
|
.pf-c-app-launcher {
|
|
6165
6201
|
--pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
6166
6202
|
--pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -12458,6 +12494,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12458
12494
|
--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12459
12495
|
--pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12460
12496
|
--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12497
|
+
--pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
|
|
12461
12498
|
--pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
12462
12499
|
--pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
12463
12500
|
--pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
|
|
@@ -12616,6 +12653,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12616
12653
|
border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
|
|
12617
12654
|
}
|
|
12618
12655
|
.pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
|
|
12656
|
+
--pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
|
|
12619
12657
|
--pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
|
|
12620
12658
|
pointer-events: none;
|
|
12621
12659
|
}
|
|
@@ -12708,14 +12746,14 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12708
12746
|
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
|
|
12709
12747
|
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
|
|
12710
12748
|
}
|
|
12711
|
-
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
|
|
12712
|
-
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
|
|
12713
|
-
border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
|
|
12714
|
-
}
|
|
12715
12749
|
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
|
|
12716
12750
|
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
|
|
12717
12751
|
border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
|
|
12718
12752
|
}
|
|
12753
|
+
.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
|
|
12754
|
+
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
|
|
12755
|
+
border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
|
|
12756
|
+
}
|
|
12719
12757
|
.pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
|
|
12720
12758
|
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
|
|
12721
12759
|
border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
|
|
@@ -12743,14 +12781,13 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12743
12781
|
--pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
|
|
12744
12782
|
}
|
|
12745
12783
|
.pf-c-dropdown__toggle.pf-m-primary {
|
|
12746
|
-
border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
|
|
12747
|
-
}
|
|
12748
|
-
.pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
|
|
12749
12784
|
--pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
|
|
12750
12785
|
--pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
|
|
12751
12786
|
--pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
|
|
12787
|
+
border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
|
|
12752
12788
|
}
|
|
12753
|
-
.pf-c-dropdown__toggle.pf-m-primary::before
|
|
12789
|
+
.pf-c-dropdown__toggle.pf-m-primary::before,
|
|
12790
|
+
.pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
|
|
12754
12791
|
border: 0;
|
|
12755
12792
|
}
|
|
12756
12793
|
.pf-c-dropdown__toggle.pf-m-primary:hover {
|
|
@@ -12762,7 +12799,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12762
12799
|
.pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
|
|
12763
12800
|
--pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
|
|
12764
12801
|
}
|
|
12765
|
-
.pf-
|
|
12802
|
+
.pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
|
|
12766
12803
|
--pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
|
|
12767
12804
|
}
|
|
12768
12805
|
.pf-c-dropdown__toggle.pf-m-secondary {
|
|
@@ -14757,7 +14794,9 @@ label.pf-c-input-group__text {
|
|
|
14757
14794
|
--pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
|
|
14758
14795
|
--pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
14759
14796
|
--pf-c-label__content--Color: var(--pf-global--Color--100);
|
|
14797
|
+
--pf-c-label__content--MaxWidth: 100%;
|
|
14760
14798
|
--pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
|
|
14799
|
+
--pf-c-label--m-editable__content--MaxWidth: 16ch;
|
|
14761
14800
|
--pf-c-label__text--MaxWidth: 16ch;
|
|
14762
14801
|
--pf-c-label__icon--Color: var(--pf-global--Color--100);
|
|
14763
14802
|
--pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
|
|
@@ -14770,8 +14809,6 @@ label.pf-c-input-group__text {
|
|
|
14770
14809
|
--pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
14771
14810
|
--pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
14772
14811
|
--pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
14773
|
-
--pf-c-label__editable-text--MaxWidth: 16ch;
|
|
14774
|
-
--pf-c-label__editable-text--BorderWidth: 0;
|
|
14775
14812
|
--pf-c-label--m-editable--Cursor: pointer;
|
|
14776
14813
|
--pf-c-label--m-editable--TextDecoration: underline;
|
|
14777
14814
|
--pf-c-label--m-editable--TextDecorationStyle: dashed;
|
|
@@ -14780,6 +14817,12 @@ label.pf-c-input-group__text {
|
|
|
14780
14817
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-global--BorderColor--200);
|
|
14781
14818
|
--pf-c-label--m-editable--hover--TextDecorationColor: var(--pf-global--Color--100);
|
|
14782
14819
|
--pf-c-label--m-editable--focus--TextDecorationColor: var(--pf-global--Color--100);
|
|
14820
|
+
--pf-c-label--m-editable__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
14821
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
14822
|
+
--pf-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
14823
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
14824
|
+
--pf-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
14825
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
14783
14826
|
--pf-c-label--m-editable--m-editable-active--Cursor: auto;
|
|
14784
14827
|
--pf-c-label--m-editable--m-editable-active--TextDecoration: none;
|
|
14785
14828
|
--pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
@@ -14813,6 +14856,9 @@ label.pf-c-input-group__text {
|
|
|
14813
14856
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--before--BorderColor);
|
|
14814
14857
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
|
|
14815
14858
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
|
|
14859
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
|
|
14860
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
|
|
14861
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
|
|
14816
14862
|
}
|
|
14817
14863
|
.pf-c-label.pf-m-green {
|
|
14818
14864
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-green--BackgroundColor);
|
|
@@ -14825,6 +14871,9 @@ label.pf-c-input-group__text {
|
|
|
14825
14871
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--before--BorderColor);
|
|
14826
14872
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
|
|
14827
14873
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
|
|
14874
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
|
|
14875
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
|
|
14876
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
|
|
14828
14877
|
}
|
|
14829
14878
|
.pf-c-label.pf-m-orange {
|
|
14830
14879
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-orange--BackgroundColor);
|
|
@@ -14837,6 +14886,9 @@ label.pf-c-input-group__text {
|
|
|
14837
14886
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--before--BorderColor);
|
|
14838
14887
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
|
|
14839
14888
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
|
|
14889
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
|
|
14890
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
|
|
14891
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
|
|
14840
14892
|
}
|
|
14841
14893
|
.pf-c-label.pf-m-red {
|
|
14842
14894
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-red--BackgroundColor);
|
|
@@ -14849,6 +14901,9 @@ label.pf-c-input-group__text {
|
|
|
14849
14901
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--before--BorderColor);
|
|
14850
14902
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
|
|
14851
14903
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
|
|
14904
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
|
|
14905
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
|
|
14906
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
|
|
14852
14907
|
}
|
|
14853
14908
|
.pf-c-label.pf-m-purple {
|
|
14854
14909
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-purple--BackgroundColor);
|
|
@@ -14861,6 +14916,9 @@ label.pf-c-input-group__text {
|
|
|
14861
14916
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--before--BorderColor);
|
|
14862
14917
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
|
|
14863
14918
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
|
|
14919
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
|
|
14920
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
|
|
14921
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
|
|
14864
14922
|
}
|
|
14865
14923
|
.pf-c-label.pf-m-cyan {
|
|
14866
14924
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-cyan--BackgroundColor);
|
|
@@ -14873,12 +14931,18 @@ label.pf-c-input-group__text {
|
|
|
14873
14931
|
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--before--BorderColor);
|
|
14874
14932
|
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
|
|
14875
14933
|
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
|
|
14934
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
|
|
14935
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
|
|
14936
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
|
|
14876
14937
|
}
|
|
14877
14938
|
.pf-c-label.pf-m-outline {
|
|
14878
14939
|
--pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
|
|
14879
14940
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
|
|
14880
14941
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
14881
14942
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-outline--BackgroundColor);
|
|
14943
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
14944
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
14945
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
14882
14946
|
}
|
|
14883
14947
|
.pf-c-label.pf-m-overflow:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
|
|
14884
14948
|
.pf-c-label.pf-m-outline button.pf-c-label__content:hover {
|
|
@@ -14898,6 +14962,15 @@ label.pf-c-input-group__text {
|
|
|
14898
14962
|
text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
|
|
14899
14963
|
text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
|
|
14900
14964
|
text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
|
|
14965
|
+
--pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
|
|
14966
|
+
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
14967
|
+
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
|
|
14968
|
+
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--hover--before--BorderWidth);
|
|
14969
|
+
--pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-editable__content--hover--before--BorderColor);
|
|
14970
|
+
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--focus--before--BorderWidth);
|
|
14971
|
+
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
|
|
14972
|
+
--pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
14973
|
+
--pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
|
|
14901
14974
|
}
|
|
14902
14975
|
.pf-c-label.pf-m-editable:hover {
|
|
14903
14976
|
--pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
|
|
@@ -14909,19 +14982,10 @@ label.pf-c-input-group__text {
|
|
|
14909
14982
|
--pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
|
|
14910
14983
|
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
|
14911
14984
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
14912
|
-
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth);
|
|
14913
|
-
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor);
|
|
14914
14985
|
}
|
|
14915
14986
|
.pf-c-label.pf-m-editable-active .pf-c-button {
|
|
14916
14987
|
visibility: hidden;
|
|
14917
14988
|
}
|
|
14918
|
-
.pf-c-label .pf-c-label__editable-text {
|
|
14919
|
-
overflow: hidden;
|
|
14920
|
-
text-overflow: ellipsis;
|
|
14921
|
-
white-space: nowrap;
|
|
14922
|
-
max-width: var(--pf-c-label__editable-text--MaxWidth);
|
|
14923
|
-
border-width: var(--pf-c-label__editable-text--BorderWidth);
|
|
14924
|
-
}
|
|
14925
14989
|
.pf-c-label .pf-c-button {
|
|
14926
14990
|
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
|
14927
14991
|
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
|
@@ -14958,8 +15022,12 @@ label.pf-c-input-group__text {
|
|
|
14958
15022
|
}
|
|
14959
15023
|
|
|
14960
15024
|
.pf-c-label__content {
|
|
15025
|
+
overflow: hidden;
|
|
15026
|
+
text-overflow: ellipsis;
|
|
15027
|
+
white-space: nowrap;
|
|
15028
|
+
max-width: var(--pf-c-label__content--MaxWidth);
|
|
14961
15029
|
color: var(--pf-c-label__content--Color);
|
|
14962
|
-
border: 0;
|
|
15030
|
+
border-width: 0;
|
|
14963
15031
|
}
|
|
14964
15032
|
.pf-c-label__content::before {
|
|
14965
15033
|
position: absolute;
|
|
@@ -17687,6 +17755,8 @@ ul.pf-c-list {
|
|
|
17687
17755
|
--pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
|
|
17688
17756
|
--pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
17689
17757
|
--pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
|
|
17758
|
+
--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
|
|
17759
|
+
--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
|
|
17690
17760
|
--pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
|
|
17691
17761
|
--pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
|
|
17692
17762
|
--pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
|
|
@@ -17815,6 +17885,15 @@ ul.pf-c-list {
|
|
|
17815
17885
|
--pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
|
|
17816
17886
|
background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
|
|
17817
17887
|
}
|
|
17888
|
+
.pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
|
|
17889
|
+
--pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
|
|
17890
|
+
}
|
|
17891
|
+
.pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
|
|
17892
|
+
--pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
|
|
17893
|
+
}
|
|
17894
|
+
.pf-c-nav .pf-c-menu__item-toggle-icon {
|
|
17895
|
+
margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
|
|
17896
|
+
}
|
|
17818
17897
|
.pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
|
|
17819
17898
|
content: none;
|
|
17820
17899
|
}
|