From 5f38ce3d9816efad8cfb0cd3f4af89591406a40d Mon Sep 17 00:00:00 2001 From: Andrew Ozz Date: Tue, 5 Feb 2019 17:46:25 +0000 Subject: [PATCH] TinyMCE: fix color of highlighted drop-down menu items in Classic Block. Fixes #46164. git-svn-id: https://develop.svn.wordpress.org/trunk@44724 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/editor.css | 38 ++++++++++++++++++++++++---------- 1 file changed, 27 insertions(+), 11 deletions(-) diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css index 9184bc9d8d..569c3a89ed 100644 --- a/src/wp-includes/css/editor.css +++ b/src/wp-includes/css/editor.css @@ -579,21 +579,37 @@ div.mce-path { .mce-menu .mce-menu-item:hover, .mce-menu .mce-menu-item.mce-selected, .mce-menu .mce-menu-item:focus, -.mce-menu .mce-menu-item-normal.mce-active, -.mce-menu .mce-menu-item-preview.mce-active { +.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, +.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview { background: #0073aa; /* See color scheme. */ color: #fff; } -.mce-menu-item:hover .mce-text, -.mce-menu-item:focus .mce-text, -.mce-menu-item:hover .mce-ico, -.mce-menu-item:focus .mce-ico, -.mce-menu-item:hover .mce-menu-shortcut, -.mce-menu-item:focus .mce-menu-shortcut, -.mce-menu-item.mce-active .mce-menu-shortcut, -.mce-menu-item.mce-disabled:hover .mce-text, -.mce-menu-item.mce-disabled:hover .mce-ico { +.mce-menu .mce-menu-item:hover .mce-caret, +.mce-menu .mce-menu-item:focus .mce-caret, +.mce-menu .mce-menu-item.mce-selected .mce-caret { + border-left-color: #fff; +} + +/* rtl:ignore */ +.rtl .mce-menu .mce-menu-item:hover .mce-caret, +.rtl .mce-menu .mce-menu-item:focus .mce-caret, +.rtl .mce-menu .mce-menu-item.mce-selected .mce-caret { + border-left-color: inherit; + border-right-color: #fff; +} + +.mce-menu .mce-menu-item:hover .mce-text, +.mce-menu .mce-menu-item:focus .mce-text, +.mce-menu .mce-menu-item:hover .mce-ico, +.mce-menu .mce-menu-item:focus .mce-ico, +.mce-menu .mce-menu-item.mce-selected .mce-text, +.mce-menu .mce-menu-item.mce-selected .mce-ico, +.mce-menu .mce-menu-item:hover .mce-menu-shortcut, +.mce-menu .mce-menu-item:focus .mce-menu-shortcut, +.mce-menu .mce-menu-item.mce-active .mce-menu-shortcut, +.mce-menu .mce-menu-item.mce-disabled:hover .mce-text, +.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico { color: inherit; }