fix(jump-links): fix missing comma throwing off chrome css parser (#2851

) * fix(jump-links): fix missing comma throwing off chrome css parser * chore(jump-links): add changeset * chore(jump-links) update changeset Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]> --------- Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]>
patternfly · Sep 25, 2024 · 155911d · 155911d
1 parent 85f1854
commit 155911d
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 11 deletions.
diff --git a/.changeset/fresh-donuts-count.md b/.changeset/fresh-donuts-count.md
@@ -0,0 +1,5 @@
+---
+"@patternfly/elements": major
+---
+
+`<pf-jump-links>`: corrected a layout bug which occurred when the `centered` attribute applied
diff --git a/elements/pf-jump-links/pf-jump-links.css b/elements/pf-jump-links/pf-jump-links.css
@@ -46,18 +46,29 @@ slot::before {
 }
 
 :host([vertical]) #container {
-  --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop,
-    var(--pf-global--spacer--md, 1rem));
-  --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight, 0);
-  --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom
-    var(--pf-global--spacer--md, 1rem));
-  --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);
-  --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);
-  --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth, 
+  --pf-c-jump-links__list--PaddingTop:
+    var(--pf-c-jump-links--m-vertical__list--PaddingTop,
+      var(--pf-global--spacer--md, 1rem)
+    );
+  --pf-c-jump-links__list--PaddingRight:
+    var(--pf-c-jump-links--m-vertical__list--PaddingRight,0);
+  --pf-c-jump-links__list--PaddingBottom:
+    var(--pf-c-jump-links--m-vertical__list--PaddingBottom,
+      var(--pf-global--spacer--md, 1rem)
+    );
+  --pf-c-jump-links__list--PaddingLeft:
+    var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);
+  --pf-c-jump-links__list--before--BorderTopWidth:
+    var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);
+  --pf-c-jump-links__list--before--BorderLeftWidth:
+    var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth,
     var(--pf-global--BorderWidth--sm, 1px));
-  --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);
-  --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
-    var(--pf-global--BorderWidth--lg, 3px));
+  --pf-c-jump-links__item--m-current__link--before--BorderTopWidth:
+    var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);
+  --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:
+    var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
+      var(--pf-global--BorderWidth--lg, 3px)
+    );
   --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection, column);
 }