Ensure the icons in the classic block toolbar always use dashicons.

Our non-latin font family overrides use !important to swap in more langauge-appropriate fonts. This unfortunately writes over the dashicons font family used in the toolbar of the Classic block. This commit adds a more specific override to prevent that.
WordPress · Nov 28, 2018 · 2bf71ce · 2bf71ce
1 parent 2a08a3f
commit 2bf71ce
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/style-editor.css b/style-editor.css
@@ -757,3 +757,8 @@ ul.wp-block-archives li ul,
   line-height: 1.6;
   color: #767676;
 }
+
+/* Make sure our non-latin font overrides don't overwrite icons in the classic editor toolbar */
+.wp-block[data-type="core/freeform"] .mce-btn i {
+  font-family: dashicons !important;
+}
diff --git a/style-editor.scss b/style-editor.scss
@@ -753,3 +753,8 @@ ul.wp-block-archives,
 		}
 	}
 }
+
+/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
+.wp-block[data-type="core/freeform"] .mce-btn i {
+	font-family: dashicons !important;
+}