@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.
@@ -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-nav__item .pf-c-nav__toggle-icon {
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
 
@@ -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 .pf-c-nav__item & {
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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.152.0",
4
+ "version": "4.152.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -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-nav__item .pf-c-nav__toggle-icon {
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-nav__item .pf-c-nav__toggle-icon {
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