fix: increase size of annotation text aside the tubes

severo · Apr 10, 2019 · c1195d0 · c1195d0
1 parent 69ed5f9
commit c1195d0
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 4 deletions.
diff --git a/docs/css/main.css b/docs/css/main.css
diff --git a/docs/lib/main.en.js b/docs/lib/main.en.js
@@ -19404,7 +19404,7 @@
     svg.append('text').attr('x', 0).attr('y', 0).attr('transform', 'translate(' + params.wid + ', ' + dyName + ') scale(5)').style('text-anchor', 'start').text(function (subs) {
       return subs.shortName;
     });
-    var text = svg.append('text').attr('x', 0).attr('y', 0).attr('transform', function (sub) {
+    var text = svg.append('text').classed('annotation', true).attr('x', 0).attr('y', 0).attr('transform', function (sub) {
       return 'translate(300, ' + (dyTube + params.getY(sub.value)) + ') scale(4)';
     }).style('text-anchor', 'start').style('dominant-baseline', 'central');
     text.append('tspan').attr('x', '0').attr('dy', '0').text(function (sub) {

diff --git a/docs/lib/main.es.js b/docs/lib/main.es.js
@@ -19404,7 +19404,7 @@
     svg.append('text').attr('x', 0).attr('y', 0).attr('transform', 'translate(' + params.wid + ', ' + dyName + ') scale(5)').style('text-anchor', 'start').text(function (subs) {
       return subs.shortName;
     });
-    var text = svg.append('text').attr('x', 0).attr('y', 0).attr('transform', function (sub) {
+    var text = svg.append('text').classed('annotation', true).attr('x', 0).attr('y', 0).attr('transform', function (sub) {
       return 'translate(300, ' + (dyTube + params.getY(sub.value)) + ') scale(4)';
     }).style('text-anchor', 'start').style('dominant-baseline', 'central');
     text.append('tspan').attr('x', '0').attr('dy', '0').text(function (sub) {

diff --git a/docs/lib/main.pt.js b/docs/lib/main.pt.js
@@ -19404,7 +19404,7 @@
     svg.append('text').attr('x', 0).attr('y', 0).attr('transform', 'translate(' + params.wid + ', ' + dyName + ') scale(5)').style('text-anchor', 'start').text(function (subs) {
       return subs.shortName;
     });
-    var text = svg.append('text').attr('x', 0).attr('y', 0).attr('transform', function (sub) {
+    var text = svg.append('text').classed('annotation', true).attr('x', 0).attr('y', 0).attr('transform', function (sub) {
       return 'translate(300, ' + (dyTube + params.getY(sub.value)) + ') scale(4)';
     }).style('text-anchor', 'start').style('dominant-baseline', 'central');
     text.append('tspan').attr('x', '0').attr('dy', '0').text(function (sub) {

diff --git a/src/_javascript/details/tubes/index.js b/src/_javascript/details/tubes/index.js
@@ -63,6 +63,7 @@ export function makeTubesCocktail(parent, substances, titleHtml, tubeClass) {
 
   const text = svg
     .append('text')
+    .classed('annotation', true)
     .attr('x', 0)
     .attr('y', 0)
     .attr(

diff --git a/src/_sass/main.scss b/src/_sass/main.scss
@@ -166,6 +166,9 @@ $map2-cat3: #01000f;
         &.cat-3 {
           @include tube-colors($map2-cat3);
         }
+        .annotation {
+          font-size: 1.8rem;
+        }
       }
     }
   }