Enable dragging the left sidebar using the separator.
authorweinig <weinig@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 27 Oct 2007 04:42:18 +0000 (04:42 +0000)
committerweinig <weinig@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 27 Oct 2007 04:42:18 +0000 (04:42 +0000)
        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

WebCore/ChangeLog
WebCore/page/inspector/DocumentPanel.js
WebCore/page/inspector/inspector.css
WebCore/page/inspector/inspector.html
WebCore/page/inspector/inspector.js

index 2922a83..a9de65e 100644 (file)
@@ -1,5 +1,16 @@
 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.
 
         Reviewed by Hyatt.
index b626a95..7f11081 100644 (file)
@@ -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);
index 0049a5a..17d75af 100644 (file)
@@ -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;
 }
index b56deb9..ca0d007 100644 (file)
@@ -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>
index 0cde3cd..aef020b 100644 (file)
@@ -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";