#167 fix marker lable in Safari and IE

micmro · Mar 25, 2017 · 76c6248 · 76c6248
1 parent b15feb4
commit 76c6248
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/css-raw/perf-cascade.css b/src/css-raw/perf-cascade.css
@@ -22,8 +22,6 @@
 .water-fall-chart .line-end.active,
 .water-fall-chart .line-start.active {display: block;}
 
-.water-fall-chart .mark-holder text {writing-mode:vertical-lr;}
-
 .left-fixed-holder .label-full-bg {fill: #fff; opacity: 0.9;}
 
 .time-scale line {stroke:#0cc; stroke-width:1;}

diff --git a/src/ts/waterfall/sub-components/svg-marks.ts b/src/ts/waterfall/sub-components/svg-marks.ts
@@ -22,6 +22,7 @@ export function createMarks(context: Context, marks: Mark[]) {
     let lineHolder = svg.newG("line-holder");
     let lineLabelHolder = svg.newG("line-label-holder");
     let lineLabel = svg.newTextEl(mark.name, { x: x + "%", y: diagramHeight + 25 });
+    lineLabel.setAttribute("writing-mode", "tb");
     let lineRect: SVGGElement;
     mark.x = x;