Skip to content

Commit 66a9fe9

Browse files
committed
Media: Fix button sizing on Edit Media screen.
On the Edit Media screen, buttons were not all of consistent size. This was caused by custom sizing applied to CSS in the Edit Media panel that was not consistent with other button sizes. Remove custom sizing and adds class so all Edit Media buttons will match styling of other admin buttons in desktop and mobile viewports. Props hbhalodia, sabernhardt, sandeepdahiya, mikinc860, mukesh27, joedolson. Fixes #63559. git-svn-id: https://develop.svn.wordpress.org/trunk@60640 602fd350-edb4-49c9-b593-d223f7449a82
1 parent 2a60fe2 commit 66a9fe9

File tree

2 files changed

+1
-10
lines changed

2 files changed

+1
-10
lines changed

src/wp-admin/css/media.css

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -980,15 +980,6 @@ border color while dragging a file over the uploader drop area */
980980
padding: 1em 0 0;
981981
}
982982

983-
.image-editor .imgedit-menu .button {
984-
display: inline-block;
985-
width: auto;
986-
min-height: 28px;
987-
font-size: 13px;
988-
line-height: 2;
989-
padding: 0 10px;
990-
}
991-
992983
.imgedit-menu .button:after,
993984
.imgedit-menu .button:before {
994985
font: normal 16px/1 dashicons;

src/wp-admin/includes/image-edit.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -267,7 +267,7 @@ function wp_image_editor( $post_id, $msg = false ) {
267267
</div>
268268
</fieldset>
269269
<div class="imgedit-crop-apply imgedit-menu container">
270-
<button class="button-primary" type="button" onclick="imageEdit.handleCropToolClick( <?php echo "$post_id, '$nonce'"; ?>, this );" class="imgedit-crop-apply button"><?php esc_html_e( 'Apply Crop' ); ?></button> <button type="button" onclick="imageEdit.handleCropToolClick( <?php echo "$post_id, '$nonce'"; ?>, this );" class="imgedit-crop-clear button" disabled="disabled"><?php esc_html_e( 'Clear Crop' ); ?></button>
270+
<button class="button button-primary" type="button" onclick="imageEdit.handleCropToolClick( <?php echo "$post_id, '$nonce'"; ?>, this );" class="imgedit-crop-apply button"><?php esc_html_e( 'Apply Crop' ); ?></button> <button type="button" onclick="imageEdit.handleCropToolClick( <?php echo "$post_id, '$nonce'"; ?>, this );" class="imgedit-crop-clear button" disabled="disabled"><?php esc_html_e( 'Clear Crop' ); ?></button>
271271
</div>
272272
</div>
273273
</div>

0 commit comments

Comments
 (0)