Merge pull request #143 from concord-consortium/simple-fix-iOS13

Adjust svg rendering of atoms
concord-consortium · Oct 10, 2019 · 0acfeb7 · 0acfeb7
2 parents 0c005a1 + 245d87b
commit 0acfeb7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lab",
-  "version": "1.14.0",
+  "version": "1.16.5",
   "description": "HTML5-based scientific models, visualizations, graphing, and probeware",
   "keywords": [
     "molecule",

diff --git a/src/lab/models/md2d/views/atoms-renderer.js b/src/lab/models/md2d/views/atoms-renderer.js
@@ -31,18 +31,20 @@ define(function(require) {
         </style> \
          <defs> \
             <radialGradient id="grad" cx="50%" cy="47%" r="53%" fx="35%" fy="30%"> \
-              <stop stop-color="{{ lightCol }}" offset="0%"></stop> \
-              <stop stop-color="{{ medCol }}" offset="40%"></stop> \
-              <stop stop-color="{{ darkCol }}" offset="80%"></stop> \
-              <stop stop-color="{{ medCol }}" offset="100%"></stop> \
+              <stop style="stop-color:{{ lightCol }}" offset="0%"/> \
+              <stop style="stop-color:{{ medCol }}" offset="40%"/> \
+              <stop style="stop-color:{{ darkCol }}" offset="80%"/> \
+              <stop style="stop-color:{{ medCol }}" offset="100%"/> \
             </radialGradient> \
          </defs> \
          <g opacity="{{ opacity }}"> \
            {{#excited}} \
             <circle fill="#ffe600" cx="16" cy="16" r="12"/> \
+            <circle fill="{{ medCol }}" cx="16" cy="16" r="8"/> \
             <circle fill="url(#grad)" cx="16" cy="16" r="8"/> \
            {{/excited}} \
            {{^excited}} \
+            <circle fill="{{ medCol }}" stroke="{{ darkCol }}" cx="16" cy="16" r="14"/> \
             <circle fill="url(#grad)" cx="16" cy="16" r="16"/> \
            {{/excited}} \
            <text class="shadow" text-anchor="middle" x="16" y="16" dy="0.31em">{{ label }}</text> \