Add an ability for resize in gallery.

ui/file_manager/gallery/css/gallery.css

 /* Copyright (c) 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body {
   -webkit-user-select: none;
   background-color: black;
   font-size: 84%;
   margin: 0;
 }
@@ skipping 734 matching lines @@
       url(../images/100/auto_fix.png) 1x,
       url(../images/200/auto_fix.png) 2x);
 }
 
 .edit-main button.crop .icon {
   background-image:  -webkit-image-set(
       url(../images/100/crop.png) 1x,
       url(../images/200/crop.png) 2x);
 }
 
+.edit-main button.image-resize .icon {
+  background-image:  -webkit-image-set(
+      url(../images/100/image-resize.png) 1x,

[fukino, 2016/08/31 05:10:24]

Use filename 'image_resize.png' instead of 'image-resize.png' to be consistent
with other image file names.

[harukam, 2016/09/05 10:37:00]

We've decided to use filename 'resize.png' according to the new mode name
'ImageEditor.Mode.Resize'.

+      url(../images/200/image-resize.png) 2x);
+}
+
 .edit-main button.exposure .icon {
   background-image: -webkit-image-set(
       url(../images/100/brightness.png) 1x,
       url(../images/200/brightness.png) 2x);
 }
 
 .edit-main button.rotate_right .icon {
   background-image: -webkit-image-set(
       url(../images/100/rotate_right.png) 1x,
       url(../images/200/rotate_right.png) 2x);
@@ skipping 242 matching lines @@
 }
 
 .gallery .crop-frame .corner.top {
   top: -6px;
 }
 
 .gallery .crop-frame .corner.bottom {
   bottom: -6px;
 }
 
+/* Input UI */
+.edit-modal .input {
+  -webkit-margin-end: 10px;
+  align-items: flex-end;
+  display: flex;
+  width: 100px;
+}
+
+.edit-modal .input:first-child {
+  -webkit-margin-end: 30px;
+}
+
+.edit-modal .input > .unit_label {
+  color: rgba(255, 255, 255, 0.4);
+  margin-bottom: 10px;
+}
+
 /* Prompt/notification panel */
 
 .gallery .prompt-wrapper {
   -webkit-box-orient: horizontal;
   -webkit-box-pack: center;
   display: -webkit-box;
   height: 100%;
   pointer-events: none;
   position: absolute;
   width: 100%;
@@ skipping 353 matching lines @@
 .thumbnail-view .animation-thumbnail {
   background-repeat: no-repeat;
   background-size: cover;
   display: none;
   position: absolute;
 }
 
 .thumbnail-view .animation-thumbnail.animating {
   display: block;
 }