fix(core): correct axis title paddings in y-axes (#873)

closes #859
carbon-design-system · Nov 10, 2020 · 8a27a5f · 8a27a5f
1 parent f692129
commit 8a27a5f
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/packages/core/src/components/axes/two-dimensional-axes.ts b/packages/core/src/components/axes/two-dimensional-axes.ts
@@ -83,9 +83,19 @@ export class TwoDimensionalAxes extends Component {
 			if (child.getTitleRef().empty()) {
 				offset = 0;
 			} else {
-				offset = DOMUtils.getSVGElementSize(child.getTitleRef(), {
-					useBBox: true
-				}).height;
+				offset = DOMUtils.getSVGElementSize(
+					child.getTitleRef(),
+					{
+						useBBox: true
+					}
+				).height;
+
+				if (
+					axisPosition === AxisPositions.LEFT ||
+					axisPosition === AxisPositions.RIGHT
+				) {
+					offset += 5;
+				}
 			}
 
 			switch (axisPosition) {