More CSS clean up.

Author: Chris K

src/build-application/build_ecmascript_debugger_6_0.js

@@ -185,7 +185,9 @@ window.app.builders.EcmascriptDebugger["6.0"] = function(service)
     if (service_interface.satisfies_version(6, 11))
     {
       cls.EventListenersView.prototype = ViewBase;
-      new cls.EventListenersView("ev-listeners", "Listeners", "ev-listeners scroll mono");
+      new cls.EventListenersView("ev-listeners",
+                                 ui_strings.M_VIEW_LABEL_EVENT_LISTENERS,
+                                 "ev-listeners scroll");
     }
 
     /* adjust the base class */

src/ecma-debugger/dominspection/templates.js

@@ -35,7 +35,7 @@
   const PSEUDO_ELEMENT_FIRST_LINE = 4;
   const EVENT_LISTENER_LIST = 15;
 
-  var EV_LISTENER_MARKUP = "<span class=\"node-with-ev-listener\" "+
+  var EV_LISTENER_MARKUP = "<span class=\"ev-listener\" "+
                                  "data-tooltip=\"event-listener\" " +
                                  "></span>"
 

src/ecma-debugger/eventlisteners/evlisteners.css

@@ -8,11 +8,29 @@
   margin: 0 3px;
 }
 
-.ev-listener
+.ev-listener-tooltip
 {
   margin: 0;
 }
 
+.ev-listener
+{
+  display: inline-block;
+  height: 12px;
+  line-height: 12px;
+  vertical-align: middle;
+  margin-left: 3px;
+  padding: 0 2px;
+  background-color: hsl(0, 0% , 70%);
+  color: #fff;
+  border-radius: 2px;
+}
+
+.ev-listener::after
+{
+  content: "ev";
+}
+
 .ev-type
 {
   font-weight: bold;

src/ecma-debugger/eventlisteners/evlistenertemplates.js

@@ -59,7 +59,7 @@
   {
     var tmpl_obj_l = window.templates.ev_window_listeners(ev_type);
     var tmpl_node_l = window.templates.dom_search(ev_type);
-    return["div", tmpl_obj_l, [tmpl_node_l], "class", "ev-listener-list"];
+    return["div", tmpl_obj_l, [tmpl_node_l], "class", "ev-listener-list mono"];
   };
 
   this.ev_window_listeners = function(ev_type)
@@ -75,7 +75,7 @@
       ret =
       ["div",
         "window",
-        ["span", "class", "node-with-ev-listener", 
+        ["span", "class", "ev-listener", 
                  "data-tooltip", "event-listener"],
         "data-model-id", String(ev_type.id),
         "data-window-id", String(win_listeners.win_id),
@@ -92,7 +92,7 @@
   this.ev_listeners_tooltip = function(listener_list, rt_id)
   {
     return ["dl", listener_list.map(this._ev_listener_tooltip.bind(this, rt_id)),
-                  "class", "ev-listener mono"];
+                  "class", "ev-listener-tooltip"];
   };
 
   this._ev_listener_tooltip = function(rt_id, listener)

src/ui-images/icons/icon_ev_listener.png

@@ -1508,3 +1508,6 @@ ui_strings.S_LISTENER_CAPTURING_PHASE = "capturing phase";
 
 /* DESC: Info in an event listener tooltip that the according listener listens in the bubbling phase. */
 ui_strings.S_LISTENER_BUBBLING_PHASE = "bubbling phase";
+
+/* DESC: View with all event listeners. */
+ui_strings.M_VIEW_LABEL_EVENT_LISTENERS = "Listeners";

src/ui-strings/ui_strings-en.js

@@ -691,24 +691,6 @@ parent-offset
   outline-offset: -2px; /* Hides the normal (dotted) outline when pressing Enter on the expand/collapse button */
 }
 
-.node-with-ev-listener
-{
-  display: inline-block;
-  height: 12px;
-  line-height: 12px;
-  vertical-align: middle;
-  margin-left: 3px;
-  padding: 0 2px;
-  background-color: hsl(0, 0% , 70%);
-  color: #fff;
-  border-radius: 2px;
-}
-
-.node-with-ev-listener::after
-{
-  content: "ev";
-}
-
 .css-layout > div > h2:first-child
 {
   border-width: 0 0 1px;