<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><style type="text/css"><!--
#msg dl { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre, #msg p { overflow: auto; background: #ffc; border: 1px #fc0 solid; padding: 6px; }
#msg ul { overflow: auto; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<title>[31866] trunk/WebCore</title>
</head>
<body>

<div id="msg">
<dl>
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/31866">31866</a></dd>
<dt>Author</dt> <dd>timothy@apple.com</dd>
<dt>Date</dt> <dd>2008-04-14 10:05:19 -0700 (Mon, 14 Apr 2008)</dd>
</dl>

<h3>Log Message</h3>
<pre>Add support for toggling between small and large resource rows

in the Resources panel.

Reviewed by Adam Roben.

* English.lproj/InspectorLocalizedStrings.js: Added new tooltip string.
* page/inspector/Images/largerResourcesButtons.png: Added.
* page/inspector/Images/resourceDocumentIconSmall.png: Added.
* page/inspector/Images/resourcePlainIconSmall.png: Added.
* page/inspector/ResourcesPanel.js:
(WebInspector.ResourcesPanel): Create the status bar button and
setup the event listener to call _toggleLargerResources.
(WebInspector.ResourcesPanel.get statusBarItems): Return the status bar button.
(WebInspector.ResourcesPanel._toggleLargerResources): Toggle the class names
for the resources children list and the status bar button.
* page/inspector/inspector.css: New style rules for small resources
and the status bar item.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkWebCoreChangeLog">trunk/WebCore/ChangeLog</a></li>
<li><a href="#trunkWebCoreEnglishlprojInspectorLocalizedStringsjs">trunk/WebCore/English.lproj/InspectorLocalizedStrings.js</a></li>
<li><a href="#trunkWebCorepageinspectorResourcesPaneljs">trunk/WebCore/page/inspector/ResourcesPanel.js</a></li>
<li><a href="#trunkWebCorepageinspectorinspectorcss">trunk/WebCore/page/inspector/inspector.css</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li><a href="#trunkWebCorepageinspectorImageslargerResourcesButtonspng">trunk/WebCore/page/inspector/Images/largerResourcesButtons.png</a></li>
<li><a href="#trunkWebCorepageinspectorImagesresourceDocumentIconSmallpng">trunk/WebCore/page/inspector/Images/resourceDocumentIconSmall.png</a></li>
<li><a href="#trunkWebCorepageinspectorImagesresourcePlainIconSmallpng">trunk/WebCore/page/inspector/Images/resourcePlainIconSmall.png</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/WebCore/ChangeLog (31865 => 31866)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebCore/ChangeLog        2008-04-14 16:46:27 UTC (rev 31865)
+++ trunk/WebCore/ChangeLog        2008-04-14 17:05:19 UTC (rev 31866)
</span><span class="lines">@@ -1,3 +1,23 @@
</span><ins>+2008-04-14  Timothy Hatcher  &lt;timothy@apple.com&gt;
+
+        Add support for toggling between small and large resource rows
+        in the Resources panel.
+
+        Reviewed by Adam Roben.
+
+        * English.lproj/InspectorLocalizedStrings.js: Added new tooltip string.
+        * page/inspector/Images/largerResourcesButtons.png: Added.
+        * page/inspector/Images/resourceDocumentIconSmall.png: Added.
+        * page/inspector/Images/resourcePlainIconSmall.png: Added.
+        * page/inspector/ResourcesPanel.js:
+        (WebInspector.ResourcesPanel): Create the status bar button and
+        setup the event listener to call _toggleLargerResources.
+        (WebInspector.ResourcesPanel.get statusBarItems): Return the status bar button.
+        (WebInspector.ResourcesPanel._toggleLargerResources): Toggle the class names
+        for the resources children list and the status bar button.
+        * page/inspector/inspector.css: New style rules for small resources
+        and the status bar item.
+
</ins><span class="cx"> 2008-04-14  Chris Fleizach  &lt;cfleizach@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Reviewed by Darin Adler
</span></span></pre></div>
<a id="trunkWebCoreEnglishlprojInspectorLocalizedStringsjs"></a>
<div class="modfile"><h4>Modified: trunk/WebCore/English.lproj/InspectorLocalizedStrings.js (31865 => 31866)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebCore/English.lproj/InspectorLocalizedStrings.js        2008-04-14 16:46:27 UTC (rev 31865)
+++ trunk/WebCore/English.lproj/InspectorLocalizedStrings.js        2008-04-14 17:05:19 UTC (rev 31866)
</span><span class="lines">@@ -48,6 +48,7 @@
</span><span class="cx">     &quot;Time&quot;: &quot;Time&quot;,
</span><span class="cx">     &quot;Total&quot;: &quot;Total&quot;,
</span><span class="cx">     &quot;Undock into separate window.&quot;: &quot;Undock into separate window.&quot;,
</span><ins>+    &quot;Use large resource rows.&quot;: &quot;Use large resource rows.&quot;,
</ins><span class="cx">     &quot;You could save bandwidth by having your web server compress this transfer with gzip or zlib.&quot;: &quot;You could save bandwidth by having your web server compress this transfer with gzip or zlib.&quot;,
</span><span class="cx">     &quot;document&quot;: &quot;document&quot;,
</span><span class="cx">     &quot;documents&quot;: &quot;documents&quot;,
</span></span></pre></div>
<a id="trunkWebCorepageinspectorImageslargerResourcesButtonspng"></a>
<div class="addfile"><h4>Added: trunk/WebCore/page/inspector/Images/largerResourcesButtons.png (0 => 31866)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebCore/page/inspector/Images/largerResourcesButtons.png                                (rev 0)
+++ trunk/WebCore/page/inspector/Images/largerResourcesButtons.png        2008-04-14 17:05:19 UTC (rev 31866)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+\x89PNG
+
+ +IHDR@0.)\xEBH)iCCPICC Profilex\x9C\x9D\x92\xBFka\xC7?w\xA9\xC6B\x8DRb'\x8B7Hu\x88\xC1\xBAHҤ\x95\xDAc\x92\x92&amp;\xDB\xF5\xDE]^\xEF.\xD1\xC1Y\xC4I\xD1\xC1A\xC1Q\xBA\xB4\x8B \x82C\xB4\xA2\x80{A\xDB\xC6\xE1\xBC\xCB \xA5\xE0/|\x9E\x87\xE7}~|\xDFb۪\x96 ؎\xEF\x96/M* \xF5\x86\xDFd\x80AⰪy&quot;W*ͱ\xA7\xFD\xFC\x8C\xF0\xE9\x8C*\x84un\xE5\xA1\xE0]\xA5\xFBh\xE3\xE9\x97\xDC\xD5\xEF\xF7\xF6\xBE@\xC2]\xA87@J\xC9f\xC0Y \xB9pH\xDE\xF4\x85R Hj-U\xE96\x90r\xAB\xE5&lt;H/\x81D3\xE0\xB7@b1\xE0\xF7@\xA2\xAB5}\x906\x81\xB4\xA3\x9Bȇ\x80        \xDD\xF04\x90\xB3\x80\xA9{\x9A +\xF2+\x90l\xBB\xADC\xEC +pZ\xAE\xB1M\xE0\xE4B\xBD\xA1#wO\xC0\xC5S \xDF\xEF\xC7.\xBC^\x83c\xDB\xFD\xD8X\x92\xE7a\xF5Y?\xB65\x82H#\xBC\xA5\xCC8Ґ ~\xF5z[\xA3_\x85\xB7\xD7\xFB\xFD\xA4\xD7\xDBy\xB1\xAF\xB0~C\xEB\xB8ݿzI\xD2G\xD8\xCFv|\xD8\xF0Cڋ]H\xC3\xF3u\xA8\xB3w\xE1q\xC6j0\xFC +J@5\x8B\x9CɄ'\xD0\x80#y\xD31lU)\x98\x9E\xB0\xD4\xE5}^\xFD?̶:a\xAFa`\xC8Y,^\x8E?
 \x84_\xAA\x86\xECu+S!/\x99\xD33!\xEBja6\xE4\x95V\xBE\xE5\xB8\xD3启\xA9\x97K!\xCE|%\xAAo\x95\xE6\xFA\xBD&amp;\xA3|Û\xAA\xF4kVk!\xBB\x9D\xF2|\xC8\xD7۳Q\xBEn\xA2\xD9\xAB\xD54\xFD\x99h~\xF2\x988ب(0\xF1X\xA8,\xE0\xE0Qx0*\xEF\xC6\xEE\xAC\xC5/\xFC\xA3\x95o\xDC\xF2\xF2m\xB1\xEC\x9A͖\xAF䄰\x8C\x942\xE3hgS\xCAx:=\xC1\xC4\xB3\xFC\xC5E\xA2\xC7\xCEIDATh\x81\xEDXMhA\x9D]V\xBB\x98Fi\xA2\xE8I0jjC#-\xC1\xDA&amp;\xA5m0\xB4\x84
+\x82x\xD2Z\xDB\xC6\\x8C!\xB7z\x91bE$\xC1O\x82^JH\xD3\xFA\xA7\xA4\xB6lM\x8A9x\xD2\xEA\xDAjhHC\xD8\xF5\xB0u\xBB\xBB3\xB3ic\xB6%\x90w\xFAv\xE6͛y\x99\x9D/;1??\xB4D,\xD3T\x9F444\xF0&lt;_ri\x82 &amp;\x93\xA9\xE4\xE2R\xA9%Dc\xED\xF4)\xFEJ&gt;\x81TV[M\xE44\xD2ߋ\xD0N\xEC\xD9h\xA7O\xFC/d\xB7\xDB\xC5xzz: \x86\xC3a\x98\xE6v\xBB\xBD^/R](044$ƃ\x83\x83\xE1pxqq\xA6Y\xADV\xB7ۍӧ8\x8E\xE3y\x9E\xE38\xE4&quot;\xB2 7\hF!        \xD24\xC5qA\xD2) +9\x9C$ɭ3v\xB0\xC5&lt;\xCF\xFB|&gt;\x9Fχ\xEC\xCDf\xB3\xB8Q*ʊ\xE5\xFA\xFD~3\x91H\xE0\xF4wz\x88y\x9E\x89D&quot;pWWW\x97\xC7\xE3A\x91B݀\xA0\xBF\xB4\xB4\xD3\xEA\xEB\xEB].N\x9F\x98\x9C\x9C\xB4\xD9l\xE9tf\x8DF1fYV\xFA\xA8˲p\xA3^\xAF\x8F\xC7㳳\xB3f\xB3\xB9E\x8BE\x8C\x86\x91&gt;*\xC00 \xDCH\xD3t2\x99\xA4pc\xE0e!W\xF9?P, \xB9ʂP3\xD0\xDD\xDD-\xC6\xE3\xE3\xE3ccc\xD1h\xA69\x9DΞ\x9E\x9E&quot;\xE6\x83b\xEC\xF5z\xA7\xA6\xA6\x90,\x8B\xC3\xE1\xC0\x89\xA8\xD0p\xCEAf!u\xEC\xC2@ Ȯ\xE2\xDE.\xC5r\x91&amp
 ;Tޮ].\xED+\xA40
+\x85\x96\x97\x97aZ]]]KK V\xA4\x92\x85\x8AGI\xB2Y\xA2\xC5\xEC*\xF6eo\x80\xC4\xE3qM\xE7H&amp;\x93ډS\x83A;u\x80N\xA7\xD3T\xBFR£R*\x80J]hꕺPa}\xB5\xBA\x90\xEB\xD1\xF6'\xE4k=:\x93\x8F|\xCCô\xCE T\xAF\xF1QX\xF0&lt;|oc\xFF\xC5ʼn\xE4\xC9į#0\xAD\xD6\xF0\xBB\xD3\xFC\xA7\xAFV\x92~\xAEs\xC7ya\xE2A\x91u!)}dN\xBFp]\x88\x94\xE7AO\xDB!Oz\xFA\x92ԅ\xEE_\xA1@\xEAИ\xB2P\xA1C\xACH\xE4\xA1X\xE6\xCD'\xCDy\xDCjB|S\xAC \x91\xA4L\xFFqt3\xB9V\xD3\xCC5k\xCES\x88\xE1\x82,\x95\xC9dr\xB9\xF2F6qOv#\xEBk5\xF6\xB5¬\xAD^\xB8Q\xAF\xD7 \xE2\xF9|\xB9EO\xAE\xAE\x8B1\xC3d=\x80u\x98\xC10\x88\xE14M\xE7r\xB9\xB2\xBF\x91\xA9\xE8}\xA1\xE3g7\xD2/?T\xCD$´\xE6\xDA\xDC\xF5\xC6\xCD&quot;\xE6~\xBErI\x8Co\x9E}7\xF7\xFDܗ?\xC7`\xDA\xE9\xC3?.\xFF\x8CQ3@\xCA        \xB5\xD8u)G$\xE5\xFA\x84\xB2ElW\x81\x9AE\x96\xE8\xA8\xE8@\xB0l1;@ȗv\xA7\x99\xE0'\x8AH\xAA\xBC\\xEA; {|ۘ[\xA9\x82iMg\xB2\xD7Ud\xF0\xFA\xF2        F\xDFr\xA9\x8D0ͤ\xFBf;\x8AQ3\xF0\xEA\xEEv/˂\xFEv];\x92X]\xDC&lt;p\xAE
 \x8A1À\xDBM$\xAB(b\xB1;PY\xA8\xEC/\xF5\xFB\x8D\xB27P\xF6u\xA1\xBF\xED\\xD4~Z^DmIEND\xAEB`\x82
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkWebCorepageinspectorImagesresourceDocumentIconSmallpng"></a>
<div class="addfile"><h4>Added: trunk/WebCore/page/inspector/Images/resourceDocumentIconSmall.png (0 => 31866)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebCore/page/inspector/Images/resourceDocumentIconSmall.png                                (rev 0)
+++ trunk/WebCore/page/inspector/Images/resourceDocumentIconSmall.png        2008-04-14 17:05:19 UTC (rev 31866)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+\x89PNG
+
+ +IHDR\xF3\xFFa)iCCPICC Profilex\x9C\x9D\x92\xBFka\xC7?w\xA9\xC6B\x8DRb'\x8B7Hu\x88\xC1\xBAHҤ\x95\xDAc\x92\x92&amp;\xDB\xF5\xDE]^\xEF.\xD1\xC1Y\xC4I\xD1\xC1A\xC1Q\xBA\xB4\x8B \x82C\xB4\xA2\x80{A\xDB\xC6\xE1\xBC\xCB \xA5\xE0/|\x9E\x87\xE7}~|\xDFb۪\x96 ؎\xEF\x96/M* \xF5\x86\xDFd\x80AⰪy&quot;W*ͱ\xA7\xFD\xFC\x8C\xF0\xE9\x8C*\x84un\xE5\xA1\xE0]\xA5\xFBh\xE3\xE9\x97\xDC\xD5\xEF\xF7\xF6\xBE@\xC2]\xA87@J\xC9f\xC0Y \xB9pH\xDE\xF4\x85R Hj-U\xE96\x90r\xAB\xE5&lt;H/\x81D3\xE0\xB7@b1\xE0\xF7@\xA2\xAB5}\x906\x81\xB4\xA3\x9Bȇ\x80        \xDD\xF04\x90\xB3\x80\xA9{\x9A +\xF2+\x90l\xBB\xADC\xEC +pZ\xAE\xB1M\xE0\xE4B\xBD\xA1#wO\xC0\xC5S \xDF\xEF\xC7.\xBC^\x83c\xDB\xFD\xD8X\x92\xE7a\xF5Y?\xB65\x82H#\xBC\xA5\xCC8Ґ ~\xF5z[\xA3_\x85\xB7\xD7\xFB\xFD\xA4\xD7\xDBy\xB1\xAF\xB0~C\xEB\xB8ݿzI\xD2G\xD8\xCFv|\xD8\xF0Cڋ]H\xC3\xF3u\xA8\xB3w\xE1q\xC6j0\xFC +J@5\x8B\x9CɄ'\xD0\x80#y\xD31lU)\x98\x9E\xB0\xD4\xE5}^\xFD?̶:a\xAFa`\xC8Y,^\x8
 E?\x84_\xAA\x86\xECu+S!/\x99\xD33!\xEBja6\xE4\x95V\xBE\xE5\xB8\xD3启\xA9\x97K!\xCE|%\xAAo\x95\xE6\xFA\xBD&amp;\xA3|Û\xAA\xF4kVk!\xBB\x9D\xF2|\xC8\xD7۳Q\xBEn\xA2\xD9\xAB\xD54\xFD\x99h~\xF2\x988ب(0\xF1X\xA8,\xE0\xE0Qx0*\xEF\xC6\xEE\xAC\xC5/\xFC\xA3\x95o\xDC\xF2\xF2m\xB1\xEC\x9A͖\xAF䄰\x8C\x942\xE3hgS\xCAx:=\xC1\xC4\xB3\xFC\xC5E\xA2\xC7\xA5IDAT8\x8D͐A
+1 E\x93 €\xAB\xB4w\xB9\x8AG\x99#xB\xAF\x92\xDC\xB3\xA2\xAB)\xB1N\xA7\x9Dqc\xA0~&gt;/\xF8\xB1pnb\x8C\x97\x9E3\x9B\x88hH)\xDD&gt;&gt;\x98y|u3\x8F\xF3\xB9\x8CǞ\xAE?\xA8*\x88H\xEE}\x89H5\xE0\xCBP\x9A[\xE0        |\x88\xD76\xF4\x90T        \xFE\xE7%ͮ\xAC\xE9T
+\xAA\x9A_\x8DhA\xEB\x99\x80\x88\xA6Ug\x8B\xC0̆\xC2ψx\2\x9B\xD9\xEF^{\xD3
+b,\xA0\xA5\x93{IEND\xAEB`\x82
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkWebCorepageinspectorImagesresourcePlainIconSmallpng"></a>
<div class="addfile"><h4>Added: trunk/WebCore/page/inspector/Images/resourcePlainIconSmall.png (0 => 31866)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebCore/page/inspector/Images/resourcePlainIconSmall.png                                (rev 0)
+++ trunk/WebCore/page/inspector/Images/resourcePlainIconSmall.png        2008-04-14 17:05:19 UTC (rev 31866)
</span><span class="lines">@@ -0,0 +1,7 @@
</span><ins>+\x89PNG
+
+ +IHDR\xF3\xFFa)iCCPICC Profilex\x9C\x9D\x92\xBFka\xC7?w\xA9\xC6B\x8DRb'\x8B7Hu\x88\xC1\xBAHҤ\x95\xDAc\x92\x92&amp;\xDB\xF5\xDE]^\xEF.\xD1\xC1Y\xC4I\xD1\xC1A\xC1Q\xBA\xB4\x8B \x82C\xB4\xA2\x80{A\xDB\xC6\xE1\xBC\xCB \xA5\xE0/|\x9E\x87\xE7}~|\xDFb۪\x96 ؎\xEF\x96/M* \xF5\x86\xDFd\x80AⰪy&quot;W*ͱ\xA7\xFD\xFC\x8C\xF0\xE9\x8C*\x84un\xE5\xA1\xE0]\xA5\xFBh\xE3\xE9\x97\xDC\xD5\xEF\xF7\xF6\xBE@\xC2]\xA87@J\xC9f\xC0Y \xB9pH\xDE\xF4\x85R Hj-U\xE96\x90r\xAB\xE5&lt;H/\x81D3\xE0\xB7@b1\xE0\xF7@\xA2\xAB5}\x906\x81\xB4\xA3\x9Bȇ\x80        \xDD\xF04\x90\xB3\x80\xA9{\x9A +\xF2+\x90l\xBB\xADC\xEC +pZ\xAE\xB1M\xE0\xE4B\xBD\xA1#wO\xC0\xC5S \xDF\xEF\xC7.\xBC^\x83c\xDB\xFD\xD8X\x92\xE7a\xF5Y?\xB65\x82H#\xBC\xA5\xCC8Ґ ~\xF5z[\xA3_\x85\xB7\xD7\xFB\xFD\xA4\xD7\xDBy\xB1\xAF\xB0~C\xEB\xB8ݿzI\xD2G\xD8\xCFv|\xD8\xF0Cڋ]H\xC3\xF3u\xA8\xB3w\xE1q\xC6j0\xFC +J@5\x8B\x9CɄ'\xD0\x80#y\xD31lU)\x98\x9E\xB0\xD4\xE5}^\xFD?̶:a\xAFa`\xC8Y,^\x8
 E?\x84_\xAA\x86\xECu+S!/\x99\xD33!\xEBja6\xE4\x95V\xBE\xE5\xB8\xD3启\xA9\x97K!\xCE|%\xAAo\x95\xE6\xFA\xBD&amp;\xA3|Û\xAA\xF4kVk!\xBB\x9D\xF2|\xC8\xD7۳Q\xBEn\xA2\xD9\xAB\xD54\xFD\x99h~\xF2\x988ب(0\xF1X\xA8,\xE0\xE0Qx0*\xEF\xC6\xEE\xAC\xC5/\xFC\xA3\x95o\xDC\xF2\xF2m\xB1\xEC\x9A͖\xAF䄰\x8C\x942\xE3hgS\xCAx:=\xC1\xC4\xB3\xFC\xC5E\xA2\xC7mIDAT8\x8Dc`\xA00\xC2&quot;&quot;&quot;\x8E\xC4h\xF8\xF7\xEF\xDFw&amp;&amp;&amp;\xCE7o\xDE\xECG\x91J\xFCO$J\x84\xE9cB2\xE3 9^@6\x80\x87R\xC8\xA3\x8C\x80b\xD3wr `\x811\xFE\xFD\xFB\xC7),,\\xC8\xC8\xC8(\xC9\xC8\xC8ȆM\xF1\xBF\xFF~322\xBEG\x8E@;\xDA, \xC9\xCDIEND\xAEB`\x82
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkWebCorepageinspectorResourcesPaneljs"></a>
<div class="modfile"><h4>Modified: trunk/WebCore/page/inspector/ResourcesPanel.js (31865 => 31866)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebCore/page/inspector/ResourcesPanel.js        2008-04-14 16:46:27 UTC (rev 31865)
+++ trunk/WebCore/page/inspector/ResourcesPanel.js        2008-04-14 17:05:19 UTC (rev 31866)
</span><span class="lines">@@ -103,6 +103,12 @@
</span><span class="cx"> 
</span><span class="cx">     this.resourcesTreeElement.expand();
</span><span class="cx"> 
</span><ins>+    this.largerResourcesButton = document.createElement(&quot;button&quot;);
+    this.largerResourcesButton.id = &quot;resources-larger-resources-status-bar-item&quot;;
+    this.largerResourcesButton.className = &quot;status-bar-item toggled-on&quot;;
+    this.largerResourcesButton.title = WebInspector.UIString(&quot;Use large resource rows.&quot;);
+    this.largerResourcesButton.addEventListener(&quot;click&quot;, this._toggleLargerResources.bind(this), false);
+
</ins><span class="cx">     this.sortingFunction = WebInspector.ResourceSidebarTreeElement.CompareByTime;
</span><span class="cx"> 
</span><span class="cx">     this.reset();
</span><span class="lines">@@ -118,6 +124,11 @@
</span><span class="cx">         return WebInspector.UIString(&quot;Resources&quot;);
</span><span class="cx">     },
</span><span class="cx"> 
</span><ins>+    get statusBarItems()
+    {
+        return [this.largerResourcesButton];
+    },
+
</ins><span class="cx">     show: function()
</span><span class="cx">     {
</span><span class="cx">         WebInspector.Panel.prototype.show.call(this);
</span><span class="lines">@@ -790,6 +801,20 @@
</span><span class="cx">         this.containerElement.scrollTop = 0;
</span><span class="cx">     },
</span><span class="cx"> 
</span><ins>+    _toggleLargerResources: function()
+    {
+        if (!this.resourcesTreeElement._childrenListNode)
+            return;
+
+        if (this.resourcesTreeElement._childrenListNode.hasStyleClass(&quot;small&quot;)) {
+            this.resourcesTreeElement._childrenListNode.removeStyleClass(&quot;small&quot;);
+            this.largerResourcesButton.addStyleClass(&quot;toggled-on&quot;);
+        } else {
+            this.resourcesTreeElement._childrenListNode.addStyleClass(&quot;small&quot;);
+            this.largerResourcesButton.removeStyleClass(&quot;toggled-on&quot;);
+        }
+    },
+
</ins><span class="cx">     _createResourceView: function(resource)
</span><span class="cx">     {
</span><span class="cx">         if (resource.finished &amp;&amp; !resource.failed) {
</span></span></pre></div>
<a id="trunkWebCorepageinspectorinspectorcss"></a>
<div class="modfile"><h4>Modified: trunk/WebCore/page/inspector/inspector.css (31865 => 31866)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/WebCore/page/inspector/inspector.css        2008-04-14 16:46:27 UTC (rev 31865)
+++ trunk/WebCore/page/inspector/inspector.css        2008-04-14 17:05:19 UTC (rev 31866)
</span><span class="lines">@@ -1241,6 +1241,22 @@
</span><span class="cx">     background-image: url(Images/errorIcon.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+#resources-larger-resources-status-bar-item {
+    background-image: url(Images/largerResourcesButtons.png);
+}
+
+#resources-larger-resources-status-bar-item:active {
+    background-position: 32px 0;
+}
+
+#resources-larger-resources-status-bar-item.toggled-on {
+    background-position: 0 24px;
+}
+
+#resources-larger-resources-status-bar-item.toggled-on:active {
+    background-position: 32px 24px;
+}
+
</ins><span class="cx"> #resources-container {
</span><span class="cx">     position: absolute;
</span><span class="cx">     top: 0;
</span><span class="lines">@@ -1525,6 +1541,10 @@
</span><span class="cx">     padding-left: 10px !important;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.sidebar-tree-section + .children.small &gt; .sidebar-tree-item {
+    padding-left: 17px !important;
+}
+
</ins><span class="cx"> .sidebar-tree &gt; .children &gt; .sidebar-tree-item {
</span><span class="cx">     padding-left: 37px;
</span><span class="cx"> }
</span><span class="lines">@@ -1597,12 +1617,12 @@
</span><span class="cx">     margin-right: 3px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.sidebar-tree.small .sidebar-tree-item, .sidebar-tree-item.small {
</del><ins>+.sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-tree-item, .sidebar-tree-item.small {
</ins><span class="cx">     height: 20px;
</span><span class="cx">     .sidebar-tree-itemne-height: 18px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon {
</del><ins>+.sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon {
</ins><span class="cx">     width: 16px;
</span><span class="cx">     height: 16px;
</span><span class="cx"> }
</span><span class="lines">@@ -1617,7 +1637,7 @@
</span><span class="cx">     font-weight: bold;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.sidebar-tree.small .sidebar-tree-item.selected, .sidebar-tree-item.small.selected {
</del><ins>+.sidebar-tree.small .sidebar-tree-item.selected, .sidebar-tree .children.small .sidebar-tree-item.selected, .sidebar-tree-item.small.selected {
</ins><span class="cx">     background-image: url(Images/sidebarSmallSelectionBackground.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1626,7 +1646,7 @@
</span><span class="cx">     background-color: rgb(61, 118, 194);
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.focused .sidebar-tree.small .sidebar-tree-item.selected, .focused .sidebar-tree-item.small.selected {
</del><ins>+.focused .sidebar-tree.small .sidebar-tree-item.selected, .focused .sidebar-tree .children.small .sidebar-tree-item.selected, .focused .sidebar-tree-item.small.selected {
</ins><span class="cx">     background-image: url(Images/sidebarSmallSelectionBackgroundFocused.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1635,7 +1655,7 @@
</span><span class="cx">     background-color: rgb(154, 154, 154);
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-body.inactive .sidebar-tree.small .sidebar-tree-item.selected, body.inactive .sidebar-tree-item.small.selected {
</del><ins>+body.inactive .sidebar-tree.small .sidebar-tree-item.selected, body.inactive .sidebar-tree .children.small .sidebar-tree-item.selected, body.inactive .sidebar-tree-item.small.selected {
</ins><span class="cx">     background-image: url(Images/sidebarSmallSelectionBackgroundInactive.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1653,12 +1673,12 @@
</span><span class="cx">     top: 11px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles {
</del><ins>+.sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles {
</ins><span class="cx">     top: 3px;
</span><span class="cx">     line-height: normal;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.sidebar-tree:not(.small) .sidebar-tree-item .title::after, .sidebar-tree-item:not(.small) .title::after {
</del><ins>+.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
</ins><span class="cx">     content: &quot;\A&quot;;
</span><span class="cx">     white-space: pre;
</span><span class="cx"> }
</span><span class="lines">@@ -1668,7 +1688,7 @@
</span><span class="cx">     color: rgba(0, 0, 0, 0.7);
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle {
</del><ins>+.sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle {
</ins><span class="cx">     display: none;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1719,22 +1739,46 @@
</span><span class="cx">     content: url(Images/resourcePlainIcon.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.children.small .resource-sidebar-tree-item .icon {
+    content: url(Images/resourcePlainIconSmall.png);
+}
+
</ins><span class="cx"> .resource-sidebar-tree-item.resources-category-documents .icon {
</span><span class="cx">     content: url(Images/resourceDocumentIcon.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.children.small .resource-sidebar-tree-item.resources-category-documents .icon {
+    content: url(Images/resourceDocumentIconSmall.png);
+}
+
</ins><span class="cx"> .resource-sidebar-tree-item.resources-category-stylesheets .icon {
</span><span class="cx">     content: url(Images/resourceCSSIcon.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon {
+    content: url(Images/resourceDocumentIconSmall.png);
+}
+
</ins><span class="cx"> .resource-sidebar-tree-item.resources-category-images .icon {
</span><span class="cx">     content: url(Images/resourcePlainIcon.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.children.small .resource-sidebar-tree-item.resources-category-images .icon {
+    content: url(Images/resourcePlainIconSmall.png);
+}
+
</ins><span class="cx"> .resource-sidebar-tree-item.resources-category-fonts .icon {
</span><span class="cx">     content: url(Images/resourcePlainIcon.png);
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.children.small .resource-sidebar-tree-item.resources-category-fonts .icon {
+    content: url(Images/resourcePlainIconSmall.png);
+}
+
</ins><span class="cx"> .resource-sidebar-tree-item.resources-category-scripts .icon {
</span><span class="cx">     content: url(Images/resourcePlainIcon.png);
</span><span class="cx"> }
</span><ins>+
+.children.small .resource-sidebar-tree-item.resources-category-scripts .icon {
+    content: url(Images/resourceDocumentIconSmall.png);
+}
</ins></span></pre>
</div>
</div>

</body>
</html>