Account for icon alignment using text-indent in RTL.

fixes #33808.


git-svn-id: https://develop.svn.wordpress.org/trunk@35215 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/css/common.css

@@ -2839,6 +2839,10 @@ img {
 	text-indent: -1px; /* account for the dashicon alignment */
 }
 
+.rtl.js .postbox .handlediv .toggle-indicator:before {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
 .js .postbox .handlediv:focus {
 	-webkit-box-shadow: none;
 	box-shadow: none;

src/wp-admin/css/customize-nav-menus.css

@@ -342,6 +342,10 @@
 	text-indent: -1px; /* account for the dashicon alignment */
 }
 
+.rtl .wp-customizer .toggle-indicator {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
 .wp-customizer .toggle-indicator:after {
 	content: "\f140";
 	speak: none;

src/wp-admin/css/nav-menus.css

@@ -627,6 +627,10 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 	text-indent: -1px; /* account for the dashicon alignment */
 }
 
+.rtl .nav-menus-php .item-edit:before {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
 .nav-menus-php .item-edit:focus {
 	-webkit-box-shadow: none;
 	box-shadow: none;