Devtools [LayoutEditor]: Show medias for the rules with the same selectors

Source/core/inspector/InspectorOverlayPage.html

 <!--
  Copyright (C) 2012 Google Inc. All rights reserved.
 
  Redistribution and use in source and binary forms, with or without
  modification, are permitted provided that the following conditions
  are met:
 
  1.  Redistributions of source code must retain the above copyright
      notice, this list of conditions and the following disclaimer.
  2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 817 matching lines @@
     showSelectorTooltip();
 }
 
 function showSelectorTooltip()
 {
     var tooltipElement = document.getElementById("selector-tooltip");
     tooltipElement.style.visibility = "visible";
     tooltipElement.style.left = "100px";
     tooltipElement.style.top = "100px";
     var selectorInfo = JSON.parse(InspectorOverlayHost.currentSelectorInfo());
-    tooltipElement.textContent = selectorInfo.selector;
+    tooltipElement.textContent = (selectorInfo.medias ? selectorInfo.medias.join(", ") + " "  : "") + selectorInfo.selector;

[dgozman, 2015/09/02 22:06:25]

Add @media before each media.

[sergeyv, 2015/09/02 23:58:34]

Done.

     tooltipElement.style.backgroundColor = "#eee";
 
     var matchedNodesCanvas = document.getElementById("layout-editor-matched-nodes-canvas");
     resetCanvas(matchedNodesCanvas);
 
     if (!selectorInfo.nodes)
         return;
 
     for (var nodeHighlight of selectorInfo.nodes)
         drawHighlight(nodeHighlight, matchedNodesCanvas.getContext("2d"));
@@ skipping 311 matching lines @@
 <div id="tooltip-container" class="hidden">
     <div id="element-tooltip">
       <div id="element-description" class="monospace"><span id="material-tag-name"></span><span id="material-node-id"></span><span id="material-class-name"></span></div>
       <div id="dimensions"><span id="material-node-width"></span>&#xD7;<span id="material-node-height"></span></div>
     </div>
     <div id="element-tooltip-arrow"></div>
 <div id="editor" class="fill"></div>
 <div id="selector-tooltip"></div>
 <div id="log"></div>
 </html>