Skip to content

Commit 155911d

Browse files
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]>
1 parent 85f1854 commit 155911d

File tree

2 files changed

+27
-11
lines changed

2 files changed

+27
-11
lines changed

.changeset/fresh-donuts-count.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@patternfly/elements": major
3+
---
4+
5+
`<pf-jump-links>`: corrected a layout bug which occurred when the `centered` attribute applied

elements/pf-jump-links/pf-jump-links.css

Lines changed: 22 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -46,18 +46,29 @@ slot::before {
4646
}
4747

4848
:host([vertical]) #container {
49-
--pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop,
50-
var(--pf-global--spacer--md, 1rem));
51-
--pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight, 0);
52-
--pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom
53-
var(--pf-global--spacer--md, 1rem));
54-
--pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);
55-
--pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);
56-
--pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth,
49+
--pf-c-jump-links__list--PaddingTop:
50+
var(--pf-c-jump-links--m-vertical__list--PaddingTop,
51+
var(--pf-global--spacer--md, 1rem)
52+
);
53+
--pf-c-jump-links__list--PaddingRight:
54+
var(--pf-c-jump-links--m-vertical__list--PaddingRight,0);
55+
--pf-c-jump-links__list--PaddingBottom:
56+
var(--pf-c-jump-links--m-vertical__list--PaddingBottom,
57+
var(--pf-global--spacer--md, 1rem)
58+
);
59+
--pf-c-jump-links__list--PaddingLeft:
60+
var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);
61+
--pf-c-jump-links__list--before--BorderTopWidth:
62+
var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);
63+
--pf-c-jump-links__list--before--BorderLeftWidth:
64+
var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth,
5765
var(--pf-global--BorderWidth--sm, 1px));
58-
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);
59-
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
60-
var(--pf-global--BorderWidth--lg, 3px));
66+
--pf-c-jump-links__item--m-current__link--before--BorderTopWidth:
67+
var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);
68+
--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:
69+
var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
70+
var(--pf-global--BorderWidth--lg, 3px)
71+
);
6172
--pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection, column);
6273
}
6374

0 commit comments

Comments
 (0)