Give a resize handle for sidebyside diffs.
[WebKit-https.git] / Websites / bugs.webkit.org / PrettyPatch / PrettyPatch.rb
index be3eb65..29bbbb7 100644 (file)
@@ -141,6 +141,7 @@ private
     border: 1px solid #ddd;
     font-family: monospace;
     margin: 1em 0;
+    position: relative;
 }
 
 h1 {
@@ -187,18 +188,28 @@ h1 :hover {
     float: right;
 }
 
-.LineSide:last-child {
-    float: right;
-}
-
 .LineSide,
 .sidebyside .DiffBlockPart.remove,
 .sidebyside .DiffBlockPart.add {
     display:inline-block;
-    width:50%;
+    width: 50%;
     vertical-align: top;
 }
 
+.sidebyside .resizeHandle {
+    width: 5px;
+    height: 100%;
+    cursor: move;
+    position: absolute;
+    top: 0;
+    left: 50%;
+}
+
+.sidebyside .resizeHandle:hover {
+    background-color: grey;
+    opacity: 0.5;
+}
+
 .sidebyside .DiffBlockPart.remove .to,
 .sidebyside .DiffBlockPart.add .from {
     display: none;