Print Preview: Making margin lines draggable.

chrome/browser/resources/print_preview/print_preview.css

Index: chrome/browser/resources/print_preview/print_preview.css
diff --git a/chrome/browser/resources/print_preview/print_preview.css b/chrome/browser/resources/print_preview/print_preview.css
index 1808f63f416526164e4dbdf1609e99e7a60ae3bf..863fa9a7a75ed0e3d04986091d331b39c0042058 100644
--- a/chrome/browser/resources/print_preview/print_preview.css
+++ b/chrome/browser/resources/print_preview/print_preview.css
@@ -672,6 +672,7 @@ select {
   -webkit-box-flex: 1;
   -webkit-user-select: none;
   background-color: #ccc;
+  overflow: hidden;
   position: relative;
 }
 
@@ -740,20 +741,26 @@ input[type='text'].margin-box.invalid {
   background-color: #c11b17;
 }
 
-.draggable-area {
+.margins-ui-pair {
   background-color: transparent;
   border-color: transparent;
-  pointer-events: none;
   position: absolute;
-  z-index: 2;
+}
+
+.margins-ui-pair.left-right {

[Evan Stade, 2011/10/14 21:58:36]

vertical seems like a better name than left-right, however I think

.margins-ui-pair.left,
.margins-ui-pair.right {

will be what you'll want after you make the textbox positioning more CSSy.

[dpapad, 2011/10/14 23:14:38]

Done.

+  cursor: ew-resize;
+}
+
+.margins-ui-pair.top-bottom {
+  cursor: ns-resize;
 }
 
 .margin-line {
   border-color: #4080FA;
   border-style: dashed;
   border-width: 1px;
+  pointer-events: none;
   position: absolute;
-  z-index: 2;
 }
 
 #customized-margins {