diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index 5c7242224d42..5f2cdf87bb76 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -845,8 +845,10 @@ border color while dragging a file over the uploader drop area */ } .wp_attachment_holder .imgedit-wrap .imgedit-panel-content { - padding: 3px 16px 0 0; float: left; + box-sizing: border-box; + width: calc( 100% - 250px ); + padding: 3px 16px 0 0; } .wp_attachment_holder .imgedit-wrap .imgedit-settings { @@ -914,7 +916,6 @@ border color while dragging a file over the uploader drop area */ } .imgedit-menu { - min-width: 300px; margin: 0 0 12px; } @@ -925,31 +926,35 @@ border color while dragging a file over the uploader drop area */ } .image-editor .imgedit-menu .button { - float: left; - width: 32px; - height: 32px; - margin: 0 8px 0 0; - padding: 0; - background: #f1f1f1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - line-height: 1.23076923; - color: #72777c; + display: inline-block; + width: auto; + min-height: 28px; + font-size: 13px; + line-height: 2; + margin: 0 8px 8px 0; + padding: 0 10px; + color: #555; } .imgedit-menu .button:before { - font: normal 20px/1 dashicons; + font: normal 16px/1 dashicons; + margin-right: 8px; speak: none; vertical-align: middle; + position: relative; + top: -2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } .imgedit-menu .button.disabled { - border-color: #ccc; - background-color: #ddd; - color: #72777c; - filter: alpha(opacity=50); - opacity: 0.5; + color: #a0a5aa; + border-color: #ddd; + background: #f7f7f7; + box-shadow: none; + text-shadow: 0 1px 0 #fff; cursor: default; + transform: none; } .imgedit-crop:before { @@ -1187,6 +1192,12 @@ audio, video { font-size: 16px; padding: 6px 10px; } + + .wp_attachment_holder .imgedit-wrap .imgedit-panel-content, + .wp_attachment_holder .imgedit-wrap .imgedit-settings { + float: none; + width: auto; + } } /** diff --git a/src/wp-admin/includes/image-edit.php b/src/wp-admin/includes/image-edit.php index fb987c3460f5..d474f8498ba8 100644 --- a/src/wp-admin/includes/image-edit.php +++ b/src/wp-admin/includes/image-edit.php @@ -196,7 +196,7 @@ function wp_image_editor( $post_id, $msg = false ) {
- + - - + + ' . __( 'Image rotation is not supported by your web host.' ) . '

'; @@ -218,11 +218,12 @@ function wp_image_editor( $post_id, $msg = false ) { - - + + - - +
+ +
diff --git a/src/wp-includes/class-wp-editor.php b/src/wp-includes/class-wp-editor.php index 0aaeae6166d3..d754ab559479 100644 --- a/src/wp-includes/class-wp-editor.php +++ b/src/wp-includes/class-wp-editor.php @@ -1330,13 +1330,13 @@ private static function get_translation() { 'Image options' => __( 'Image options' ), 'Back' => __( 'Back' ), 'Invert' => __( 'Invert' ), - 'Flip horizontally' => __( 'Flip horizontally' ), - 'Flip vertically' => __( 'Flip vertically' ), + 'Flip horizontally' => __( 'Flip horizontal' ), + 'Flip vertically' => __( 'Flip vertical' ), 'Crop' => __( 'Crop' ), 'Orientation' => __( 'Orientation' ), 'Resize' => __( 'Resize' ), - 'Rotate clockwise' => __( 'Rotate clockwise' ), - 'Rotate counterclockwise' => __( 'Rotate counterclockwise' ), + 'Rotate clockwise' => __( 'Rotate right' ), + 'Rotate counterclockwise' => __( 'Rotate left' ), 'Sharpen' => __( 'Sharpen' ), 'Brightness' => __( 'Brightness' ), 'Color levels' => __( 'Color levels' ),