Administration: Fix typo in class name from hndle to handle.

Author: SainathPoojary

src/js/_enqueues/admin/postbox.js

@@ -253,7 +253,7 @@
 		 * @return {void}
 		 */
 		add_postbox_toggles : function (page, args) {
-			var $handles = $( '.postbox .hndle, .postbox .handlediv' ),
+			var $handles = $( '.postbox .hndle, .postbox .handle, .postbox .handlediv' ),
 				$orderButtons = $( '.postbox .handle-order-higher, .postbox .handle-order-lower' );
 
 			this.page = page;
@@ -267,7 +267,7 @@
 			/**
 			 * @since 2.7.0
 			 */
-			$('.postbox .hndle a').on( 'click', function(e) {
+			$( '.postbox .hndle a, .postbox .handle a' ).on( 'click', function(e) {
 				e.stopPropagation();
 			});
 
@@ -370,7 +370,7 @@
 				placeholder: 'sortable-placeholder',
 				connectWith: '.meta-box-sortables',
 				items: '.postbox',
-				handle: '.hndle',
+				handle: '.hndle, .handle',
 				cursor: 'move',
 				delay: ( isMobile ? 200 : 0 ),
 				distance: 2,

src/wp-admin/css/common.css

@@ -763,6 +763,8 @@ img.emoji {
 .widget .widget-top,
 .postbox .hndle,
 .stuffbox .hndle,
+.postbox .handle,
+.stuffbox .handle,
 .control-section .accordion-section-title,
 .sidebar-name,
 #nav-menu-header,
@@ -784,7 +786,8 @@ img.emoji {
 	color: #1d2327;
 }
 
-.stuffbox .hndle {
+.stuffbox .hndle,
+.stuffbox .handle {
 	border-bottom: 1px solid #c3c4c7;
 }
 
@@ -2139,17 +2142,20 @@ html.wp-toolbar {
 }
 
 .js .widget .widget-top,
-.js .postbox .hndle {
+.js .postbox .hndle,
+.js .postbox .handle {
 	cursor: move;
 }
 
 .js .widget .widget-top.is-non-sortable,
-.js .postbox .hndle.is-non-sortable {
+.js .postbox .hndle.is-non-sortable,
+.js .postbox .handle.is-non-sortable {
 	cursor: auto;
 }
 
 /* Configurable dashboard widgets "Configure" edit-box link. */
-.hndle a {
+.hndle a,
+.handle a {
 	font-size: 12px;
 	font-weight: 400;
 }
@@ -2161,7 +2167,8 @@ html.wp-toolbar {
 	border-bottom: 1px solid #c3c4c7;
 }
 
-.postbox-header .hndle {
+.postbox-header .hndle,
+.postbox-header .handle {
 	flex-grow: 1;
 	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
 	display: flex;
@@ -2224,7 +2231,9 @@ html.wp-toolbar {
 
 /* user-select is not a part of the CSS standard - may change behavior in the future */
 .postbox .hndle,
-.stuffbox .hndle {
+.stuffbox .hndle,
+.postbox .handle,
+.stuffbox .handle {
 	-webkit-user-select: none;
 	user-select: none;
 }
@@ -2422,7 +2431,9 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
-.metabox-holder h2.hndle {
+.metabox-holder h3.handle, /* Back-compat for pre-4.4 */
+.metabox-holder h2.hndle,
+.metabox-holder h2.handle {
 	font-size: 14px;
 	padding: 8px 12px;
 	margin: 0;
@@ -4004,13 +4015,13 @@ img {
 		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
 		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
 	}
-
 	/* General Metabox */
 	.postbox {
 		font-size: 14px;
 	}
 
 	.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+	.metabox-holder h3.handle, /* Back-compat for pre-4.4 */
 	.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
 	.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
 	.metabox-holder h2 {

src/wp-admin/css/dashboard.css

@@ -1003,6 +1003,7 @@ body #dashboard-widgets .postbox form .submit {
 }
 
 .hndle:hover .edit-box,
+.handle:hover .edit-box,
 .edit-box:focus {
 	opacity: 1;
 }
@@ -1036,7 +1037,8 @@ body #dashboard-widgets .postbox form .submit {
 	text-decoration: underline;
 }
 
-#dashboard-widgets .hndle .postbox-title-action {
+#dashboard-widgets .hndle .postbox-title-action,
+#dashboard-widgets .handle .postbox-title-action {
 	float: right;
 	line-height: 1.2;
 }
@@ -1181,7 +1183,8 @@ a.rsswidget {
 	border-color: transparent;
 }
 
-#dashboard_browser_nag h2.hndle {
+#dashboard_browser_nag h2.hndle,
+#dashboard_browser_nag h2.handle {
 	border: none;
 	font-weight: 600;
 	font-size: 20px;

src/wp-admin/css/edit.css

@@ -651,6 +651,7 @@ form#tags-filter {
 }
 
 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
+#poststuff h3.handle, /* Back-compat for pre-4.4 */
 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
 #poststuff h2 {
 	font-size: 14px;
@@ -1822,6 +1823,7 @@ table.links-table {
 	}
 
 	#poststuff h3.hndle, /* Back-compat for pre-4.4 */
+	#poststuff h3.handle, /* Back-compat for pre-4.4 */
 	#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
 	#poststuff h2 {
 		padding: 12px;

src/wp-admin/includes/template.php

@@ -1370,7 +1370,7 @@ function do_meta_boxes( $screen, $context, $data_object ) {
 					echo '<div id="' . $box['id'] . '" class="postbox ' . postbox_classes( $box['id'], $page ) . $hidden_class . '" ' . '>' . "\n";
 
 					echo '<div class="postbox-header">';
-					echo '<h2 class="hndle">';
+					echo '<h2 class="hndle handle">';
 					if ( 'dashboard_php_nag' === $box['id'] ) {
 						echo '<span aria-hidden="true" class="dashicons dashicons-warning"></span>';
 						echo '<span class="screen-reader-text">' .
@@ -1572,7 +1572,7 @@ function do_accordion_sections( $screen, $context, $data_object ) {
 					}
 					?>
 					<li class="control-section accordion-section <?php echo $hidden_class; ?> <?php echo $open_class; ?> <?php echo esc_attr( $box['id'] ); ?>" id="<?php echo esc_attr( $box['id'] ); ?>">
-						<h3 class="accordion-section-title hndle">
+						<h3 class="accordion-section-title hndle handle">
 							<button type="button" class="accordion-trigger" aria-expanded="<?php echo $aria_expanded; ?>" aria-controls="<?php echo esc_attr( $box['id'] ); ?>-content">
 								<span class="accordion-title">
 									<?php echo esc_html( $box['title'] ); ?>