Print Preview: Making margin lines draggable.

chrome/browser/resources/print_preview/print_preview.css

 html {
   height: 100%;
 }
 
 body {
   background: white;
   display: -webkit-box;
   height: 100%;
   margin: 0;
   overflow: hidden;
@@ skipping 654 matching lines @@
 button,
 input[type='text'],
 select {
   font-family: 'Helvetica Neue', Arial, sans-serif;
 }
 
 #mainview {
   -webkit-box-flex: 1;
   -webkit-user-select: none;
   background-color: #ccc;
+  overflow: hidden;
   position: relative;
 }
 
 #pdf-viewer {
   /* pluginFadeInTransitionDuration = 0.2s */
   -webkit-transition: opacity 0.2s linear;
   /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 0.1s */
   -webkit-transition-delay: 0.1s;
   height: 100%;
   opacity: 1;
@@ skipping 48 matching lines @@
   position: absolute;
   text-align: center;
   width: 40px;
   z-index: 3;
 }
 
 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 {
   position: absolute;
   top: 0;
 }
 
 #messages {
   color: #404040;
   font-size: 13px;
@@ skipping 40 matching lines @@
 #two-sided-div {
   margin-top: 10px;
 }
 
 input[disabled] + label {
   color: gray;
 }
 
 #error-action-area {
   margin-top: 10px;
 }

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

824 line css file? you should break this up to match the .js files (can be
another patch)

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

I will keep this in mind (and file a bug to keep track of it).