Convert nested SVGs to single-level SVGs (#909)

* Convert nested SVGs to single-level SVGs

This PR evades a Safari bug which causes nested SVGs to zoom improperly.  Fixes the remainder of issue #883.

* Add omitted word

* Fix lint errors

* update screenshots

* Pick up review comments

* Clean up variable names

Remove two more redundant variables.
This commit is contained in:
Ron Kok
2017-10-08 14:20:47 -07:00
committed by Kevin Barabash
parent 141afa091a
commit 61ec41146c
10 changed files with 69 additions and 46 deletions

View File

@@ -582,6 +582,41 @@
overflow: hidden; // This line applies to all browsers.
}
.halfarrow-left {
position: absolute;
left: 0;
width: 50.1%;
overflow: hidden;
}
.halfarrow-right {
position: absolute;
right: 0;
width: 50%;
overflow: hidden;
}
.brace-left {
position: absolute;
left: 0;
width: 25.1%;
overflow: hidden;
}
.brace-center {
position: absolute;
left: 25%;
width: 50%;
overflow: hidden;
}
.brace-right {
position: absolute;
right: 0;
width: 25.1%;
overflow: hidden;
}
// Lengthen the extensible arrows via padding.
.x-arrow-pad {
padding: 0 0.5em;