Enable dragging the left sidebar using the separator.

        Reviewed by Anders (unless Mitz says otherwise).

        * page/inspector/DocumentPanel.js:
        * page/inspector/inspector.css:
        * page/inspector/inspector.html:
        * page/inspector/inspector.js:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@27141 268f45cc-cd09-0410-ab3c-d52691b4dbfc

diff --git a/WebCore/ChangeLog b/WebCore/ChangeLog
index 2922a835b88d746383152f17a2bef4875b7fee7c..a9de65eda65b046bcef474a4873037a7a5d5892d 100644 (file)
--- a/WebCore/ChangeLog
+++ b/WebCore/ChangeLog
@@ -1,3 +1,14 @@
+2007-10-26  Sam Weinig  <sam@webkit.org>
+
+        Enable dragging the left sidebar using the separator.
+
+        Reviewed by Anders (unless Mitz says otherwise).
+
+        * page/inspector/DocumentPanel.js:
+        * page/inspector/inspector.css:
+        * page/inspector/inspector.html:
+        * page/inspector/inspector.js:
+
 2007-10-26  Sam Weinig  <sam@webkit.org>
 
         Fix an off by one error when resizing the Inspector find window.

diff --git a/WebCore/page/inspector/DocumentPanel.js b/WebCore/page/inspector/DocumentPanel.js
index b626a951f239aea15b32c5d0c7bd7596377cc19f..7f11081ed2b8c1e118ad65d6ecfbda5bab257ee4 100644 (file)
--- a/WebCore/page/inspector/DocumentPanel.js
+++ b/WebCore/page/inspector/DocumentPanel.js
@@ -81,7 +81,7 @@ WebInspector.DocumentPanel = function(resource, views)
     domView.treeContentElement.appendChild(domView.treeListElement);
 
     domView.sidebarResizeElement = document.createElement("div");
-    domView.sidebarResizeElement.className = "sidebar-resizer";
+    domView.sidebarResizeElement.className = "sidebar-resizer-vertical sidebar-resizer-vertical-right";
     domView.sidebarResizeElement.addEventListener("mousedown", function(event) { panel.rightSidebarResizerDragStart(event) }, false);
 
     domView.contentElement.appendChild(domView.sideContentElement);

diff --git a/WebCore/page/inspector/inspector.css b/WebCore/page/inspector/inspector.css
index 0049a5a98d778bd221af5b087ceff163042892b7..17d75af7a4d02c5f332b221adcdd17d1228374c2 100644 (file)
--- a/WebCore/page/inspector/inspector.css
+++ b/WebCore/page/inspector/inspector.css
@@ -1919,21 +1919,27 @@ body.inactive #sidebar li.selected {
     margin-bottom: -35px;
 }
 
-.sidebar-resizer {
+.sidebar-resizer-vertical {
     position: absolute;
     top: 0;
     bottom: 0;
-    right: 222px;
     width: 5px;
     z-index: 100;
     cursor: col-resize;
 }
 
+.sidebar-resizer-vertical-left {
+    left: 197px;
+}
+
+.sidebar-resizer-vertical-right {
+    right: 222px;
+}
+
 #searchResultsResizer {
     position: absolute;
-    top: 0;
+    height: 5px;
     left: 200px;
     right: 0;
-    height: 5px;
     cursor: row-resize;
 }

diff --git a/WebCore/page/inspector/inspector.html b/WebCore/page/inspector/inspector.html
index b56deb95cbe13cffb9c1ccb9fef400ee9ba8be81..ca0d0073222ef3a71e92c1a6a62c33180e36dc3d 100644 (file)
--- a/WebCore/page/inspector/inspector.html
+++ b/WebCore/page/inspector/inspector.html
@@ -62,6 +62,7 @@ THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
             <button id="statusToggle"></button><button id="attachToggle"></button>
             <span id="sidebarResizeWidget"></span>
         </div>
+        <div id="sidebarResizer" class="sidebar-resizer-vertical sidebar-resizer-vertical-left"></div>
     </div>
     <div id="searchResults" class="focusable"></div>
     <div id="searchResultsResizer" style="display: none"></div>

diff --git a/WebCore/page/inspector/inspector.js b/WebCore/page/inspector/inspector.js
index 0cde3cd4ad0a2a37dd4c54b9a716626ded7cf455..aef020b16ff27852cf97726db8b7dccd3f8ae8cd 100644 (file)
--- a/WebCore/page/inspector/inspector.js
+++ b/WebCore/page/inspector/inspector.js
@@ -250,6 +250,7 @@ WebInspector.loaded = function(event)
     document.getElementById("attachToggle").addEventListener("click", function(event) { WebInspector.toggleAttach() }, true);
     document.getElementById("statusToggle").addEventListener("click", function(event) { WebInspector.toggleStatusArea() }, true);
     document.getElementById("sidebarResizeWidget").addEventListener("mousedown", WebInspector.sidebarResizerDragStart, true);
+    document.getElementById("sidebarResizer").addEventListener("mousedown", WebInspector.sidebarResizerDragStart, true);
     document.getElementById("searchResultsResizer").addEventListener("mousedown", WebInspector.searchResultsResizerDragStart, false);
 
     document.body.addStyleClass("detached");
@@ -471,6 +472,7 @@ WebInspector.sidebarResizerDrag = function(event)
             sidebar.dragLastX = x;
 
         sidebar.style.width = newWidth + "px";
+        document.getElementById("sidebarResizer").style.left = (newWidth - 3) + "px";
         document.getElementById("main").style.left = newWidth + "px";
         document.getElementById("toolbarButtons").style.left = newWidth + "px";
         document.getElementById("searchResults").style.left = newWidth + "px";