Hide email address if there's a name, but allow showing it via CSS if desired

etemplate/js/et2_widget_url.js

@@ -308,7 +308,7 @@ var et2_url_ro = (function(){ "use strict"; return et2_valueWidget.extend([et2_I
 					    this.span.attr("target", "_blank");
 					}
 				}
-				// Remove email address if there's a name
+				// wrap email address if there's a name
 				if (this.span.text() && this.span.text().split("<"))
 				{
 					var val = this.span.text().split("<");
@@ -317,8 +317,13 @@ var et2_url_ro = (function(){ "use strict"; return et2_valueWidget.extend([et2_I
 					// need to preserve the original value somehow
 					// as it's been used for add contact plus feature
 					this.span.attr('title',_value);
-
+					
 					this.span.text(val.replace(/"/g,''));
+					this.span.append("<span class='email'>"+
+						_value.replace(val,'')
+						.replace(/</g, '&lt;')
+						.replace(/>/g, '&gt;')
+					+"</span>");
 
 				}
 

etemplate/templates/default/etemplate2.css

@@ -185,6 +185,9 @@ a.et2_url.url {
 	box-shadow: none !important;
 	background: transparent !important;
 }
+.et2_email > span.email {
+	display: none;
+}
 /**
  * Button widget - text only, and icon
  */

mail/templates/default/app.css

@@ -453,6 +453,9 @@ div.mail-compose_fileselector {
 	position: relative;
 	background-color: white;
 }
+#mail-index_mailPreview .et2_email>span{
+	display: inline;
+}
 .maildisplayAllAdresses {
 	max-height: 245px !important;
 	overflow:scroll;

mail/templates/pixelegg/app.css

@@ -450,6 +450,9 @@ div.mail-compose_fileselector {
   position: relative;
   background-color: white;
 }
+#mail-index_mailPreview .et2_email > span {
+  display: inline;
+}
 .maildisplayAllAdresses {
   max-height: 245px !important;
   overflow: scroll;