@patternfly/patternfly 4.152.0 → 4.152.1
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/Nav/nav.css +4 -6
- package/components/Nav/nav.scss +5 -9
- package/package.json +1 -1
- package/patternfly-no-reset.css +4 -6
- package/patternfly.css +4 -6
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/Nav/nav.css
CHANGED
|
@@ -477,13 +477,11 @@
|
|
|
477
477
|
}
|
|
478
478
|
|
|
479
479
|
.pf-c-nav__item {
|
|
480
|
-
--pf-c-nav__item__toggle-icon--Rotate: 0;
|
|
481
480
|
position: relative;
|
|
482
481
|
margin-top: var(--pf-c-nav__item--MarginTop);
|
|
483
482
|
}
|
|
484
483
|
.pf-c-nav__item.pf-m-expandable {
|
|
485
484
|
--pf-c-nav__link--before--BorderBottomWidth: 0;
|
|
486
|
-
--pf-c-nav__item__toggle-icon--Rotate: var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate);
|
|
487
485
|
}
|
|
488
486
|
.pf-c-nav__item.pf-m-expandable::before {
|
|
489
487
|
position: absolute;
|
|
@@ -493,6 +491,9 @@
|
|
|
493
491
|
content: "";
|
|
494
492
|
border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor);
|
|
495
493
|
}
|
|
494
|
+
.pf-c-nav__item .pf-c-nav__item:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
|
|
495
|
+
transform: rotate(0);
|
|
496
|
+
}
|
|
496
497
|
.pf-c-nav__item .pf-c-nav__item.pf-m-expandable {
|
|
497
498
|
--pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
|
|
498
499
|
--pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight);
|
|
@@ -742,10 +743,7 @@
|
|
|
742
743
|
display: inline-block;
|
|
743
744
|
transition: var(--pf-c-nav__toggle-icon--Transition);
|
|
744
745
|
}
|
|
745
|
-
.pf-c-nav__item.pf-m-expanded .pf-c-
|
|
746
|
-
transform: rotate(0deg);
|
|
747
|
-
}
|
|
748
|
-
.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon, .pf-c-nav__item .pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
|
|
746
|
+
.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
|
|
749
747
|
transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
|
|
750
748
|
}
|
|
751
749
|
|
package/components/Nav/nav.scss
CHANGED
|
@@ -578,14 +578,11 @@
|
|
|
578
578
|
|
|
579
579
|
// Borders
|
|
580
580
|
.pf-c-nav__item {
|
|
581
|
-
--pf-c-nav__item__toggle-icon--Rotate: 0; // resets it for any inherited items
|
|
582
|
-
|
|
583
581
|
position: relative;
|
|
584
582
|
margin-top: var(--pf-c-nav__item--MarginTop);
|
|
585
583
|
|
|
586
584
|
&.pf-m-expandable {
|
|
587
585
|
--pf-c-nav__link--before--BorderBottomWidth: 0;
|
|
588
|
-
--pf-c-nav__item__toggle-icon--Rotate: var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate);
|
|
589
586
|
|
|
590
587
|
&::before {
|
|
591
588
|
position: absolute;
|
|
@@ -598,6 +595,10 @@
|
|
|
598
595
|
}
|
|
599
596
|
|
|
600
597
|
.pf-c-nav__item {
|
|
598
|
+
&:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
|
|
599
|
+
transform: rotate(0);
|
|
600
|
+
}
|
|
601
|
+
|
|
601
602
|
&.pf-m-expandable {
|
|
602
603
|
--pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
|
|
603
604
|
--pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight);
|
|
@@ -915,12 +916,7 @@
|
|
|
915
916
|
display: inline-block;
|
|
916
917
|
transition: var(--pf-c-nav__toggle-icon--Transition);
|
|
917
918
|
|
|
918
|
-
.pf-c-nav__item.pf-m-expanded
|
|
919
|
-
transform: rotate(0deg);
|
|
920
|
-
}
|
|
921
|
-
|
|
922
|
-
.pf-c-nav__item.pf-m-expanded &,
|
|
923
|
-
.pf-c-nav__item .pf-c-nav__item.pf-m-expanded & {
|
|
919
|
+
.pf-c-nav__item.pf-m-expanded & {
|
|
924
920
|
transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
|
|
925
921
|
}
|
|
926
922
|
}
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -16962,13 +16962,11 @@ ul.pf-c-list {
|
|
|
16962
16962
|
}
|
|
16963
16963
|
|
|
16964
16964
|
.pf-c-nav__item {
|
|
16965
|
-
--pf-c-nav__item__toggle-icon--Rotate: 0;
|
|
16966
16965
|
position: relative;
|
|
16967
16966
|
margin-top: var(--pf-c-nav__item--MarginTop);
|
|
16968
16967
|
}
|
|
16969
16968
|
.pf-c-nav__item.pf-m-expandable {
|
|
16970
16969
|
--pf-c-nav__link--before--BorderBottomWidth: 0;
|
|
16971
|
-
--pf-c-nav__item__toggle-icon--Rotate: var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate);
|
|
16972
16970
|
}
|
|
16973
16971
|
.pf-c-nav__item.pf-m-expandable::before {
|
|
16974
16972
|
position: absolute;
|
|
@@ -16978,6 +16976,9 @@ ul.pf-c-list {
|
|
|
16978
16976
|
content: "";
|
|
16979
16977
|
border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor);
|
|
16980
16978
|
}
|
|
16979
|
+
.pf-c-nav__item .pf-c-nav__item:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
|
|
16980
|
+
transform: rotate(0);
|
|
16981
|
+
}
|
|
16981
16982
|
.pf-c-nav__item .pf-c-nav__item.pf-m-expandable {
|
|
16982
16983
|
--pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
|
|
16983
16984
|
--pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight);
|
|
@@ -17227,10 +17228,7 @@ ul.pf-c-list {
|
|
|
17227
17228
|
display: inline-block;
|
|
17228
17229
|
transition: var(--pf-c-nav__toggle-icon--Transition);
|
|
17229
17230
|
}
|
|
17230
|
-
.pf-c-nav__item.pf-m-expanded .pf-c-
|
|
17231
|
-
transform: rotate(0deg);
|
|
17232
|
-
}
|
|
17233
|
-
.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon, .pf-c-nav__item .pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
|
|
17231
|
+
.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
|
|
17234
17232
|
transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
|
|
17235
17233
|
}
|
|
17236
17234
|
|
package/patternfly.css
CHANGED
|
@@ -17098,13 +17098,11 @@ ul.pf-c-list {
|
|
|
17098
17098
|
}
|
|
17099
17099
|
|
|
17100
17100
|
.pf-c-nav__item {
|
|
17101
|
-
--pf-c-nav__item__toggle-icon--Rotate: 0;
|
|
17102
17101
|
position: relative;
|
|
17103
17102
|
margin-top: var(--pf-c-nav__item--MarginTop);
|
|
17104
17103
|
}
|
|
17105
17104
|
.pf-c-nav__item.pf-m-expandable {
|
|
17106
17105
|
--pf-c-nav__link--before--BorderBottomWidth: 0;
|
|
17107
|
-
--pf-c-nav__item__toggle-icon--Rotate: var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate);
|
|
17108
17106
|
}
|
|
17109
17107
|
.pf-c-nav__item.pf-m-expandable::before {
|
|
17110
17108
|
position: absolute;
|
|
@@ -17114,6 +17112,9 @@ ul.pf-c-list {
|
|
|
17114
17112
|
content: "";
|
|
17115
17113
|
border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor);
|
|
17116
17114
|
}
|
|
17115
|
+
.pf-c-nav__item .pf-c-nav__item:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
|
|
17116
|
+
transform: rotate(0);
|
|
17117
|
+
}
|
|
17117
17118
|
.pf-c-nav__item .pf-c-nav__item.pf-m-expandable {
|
|
17118
17119
|
--pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
|
|
17119
17120
|
--pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight);
|
|
@@ -17363,10 +17364,7 @@ ul.pf-c-list {
|
|
|
17363
17364
|
display: inline-block;
|
|
17364
17365
|
transition: var(--pf-c-nav__toggle-icon--Transition);
|
|
17365
17366
|
}
|
|
17366
|
-
.pf-c-nav__item.pf-m-expanded .pf-c-
|
|
17367
|
-
transform: rotate(0deg);
|
|
17368
|
-
}
|
|
17369
|
-
.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon, .pf-c-nav__item .pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
|
|
17367
|
+
.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
|
|
17370
17368
|
transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
|
|
17371
17369
|
}
|
|
17372
17370
|
|