set opacity of text

Author: emilykl

src/components/selections/select.js

@@ -26,6 +26,8 @@ var handleEllipse = newShapeHelpers.handleEllipse;
 var readPaths = newShapeHelpers.readPaths;
 
 var newShapes = require('../shapes/draw_newshape/newshapes').newShapes;
+var createShapeObj = require('../shapes/draw_newshape/newshapes').createShapeObj;
+var drawLabel = require('../shapes/display_labels');
 
 var newSelections = require('./draw_newselection/newselections');
 var activateLastSelection = require('./draw').activateLastSelection;
@@ -150,6 +152,16 @@ function prepSelect(evt, startX, startY, dragOptions, mode) {
         .attr('transform', transform)
         .attr('d', 'M0,0Z');
 
+    // create & style group for text label
+    if(isDrawMode && dragOptions.hasText) {
+        var shapeGroup = zoomLayer.select('.label-temp');
+        if(shapeGroup.empty()) {
+            shapeGroup = zoomLayer.append('g')
+                .classed('label-temp', true)
+                .classed('select-outline', true)
+                .style({ opacity: 0.8 });
+        }
+    }
 
     var throttleID = fullLayout._uid + constants.SELECTID;
     var selection = [];

src/components/shapes/display_outlines.js

@@ -100,14 +100,9 @@ module.exports = function displayOutlines(polygons, outlines, dragOptions, nCall
 
     // draw label
     if(isDrawMode && dragOptions.hasText) {
-        var shapeGroup = zoomLayer.select('.shape-group');
-        if(shapeGroup.empty()) {
-            shapeGroup = zoomLayer.append('g')
-                .classed('shape-group', true)
-                .classed('select-outline', true);
-        }
+        var shapeGroup = zoomLayer.select('.label-temp');
         var shapeOptions = createShapeObj(outlines, dragOptions, dragOptions.dragmode);
-        drawLabel(gd, 'draw-temp', shapeOptions, shapeGroup);
+        drawLabel(gd, 'label-temp', shapeOptions, shapeGroup);
     }
 
     function startDragVertex(evt) {