select variable names on click (#25322)

gadjo/static/css/gadjo.scss

@@ -1061,6 +1061,10 @@ div.section {
 	}
 }
 
+.varname {
+	color: #444;
+}
+
 @import 'grid';
 @import 'jqueryui';
 @import 'forms';

gadjo/static/js/gadjo.js

@@ -374,4 +374,21 @@ var gadjo_js = gadjo_js || {};
             $('.extra-actions-menu').toggleClass('open');
         });
     });
+    $(function() {
+      $('.varname').on('click', function() {
+        var doc = window.document, sel, range;
+        if (window.getSelection && doc.createRange) {
+          sel = window.getSelection();
+          range = doc.createRange();
+          range.selectNodeContents(this);
+          sel.removeAllRanges();
+          sel.addRange(range);
+        } else if (doc.body.createTextRange) {
+          range = doc.body.createTextRange();
+          range.moveToElementText(this);
+          range.select();
+        }
+        return false;
+      });
+    });
 })();