From 302a039de1ccc2259dd07d50df154fa2567d3012 Mon Sep 17 00:00:00 2001 From: Ella Iseulde Van Dorpe Date: Wed, 15 Jul 2015 23:34:40 +0000 Subject: [PATCH] TinyMCE: fix visual regressions (2) See #32801. git-svn-id: https://develop.svn.wordpress.org/trunk@33289 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/colors/_admin.scss | 3 ++- src/wp-includes/css/editor.css | 16 ++++++++++------ 2 files changed, 12 insertions(+), 7 deletions(-) diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss index e3c3edd6da..21c0d62d84 100644 --- a/src/wp-admin/css/colors/_admin.scss +++ b/src/wp-admin/css/colors/_admin.scss @@ -535,6 +535,7 @@ div#wp-responsive-toggle a:before { .mce-container.mce-menu .mce-menu-item:hover, .mce-container.mce-menu .mce-menu-item.mce-selected, .mce-container.mce-menu .mce-menu-item:focus, -.mce-container.mce-menu .mce-menu-item-normal.mce-active { +.mce-container.mce-menu .mce-menu-item-normal.mce-active, +.mce-container.mce-menu .mce-menu-item-preview.mce-active { background: $highlight-color; } diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css index 2485fa726a..ff9d487c1c 100644 --- a/src/wp-includes/css/editor.css +++ b/src/wp-includes/css/editor.css @@ -210,8 +210,6 @@ div.mce-panel { border: 0; background: #fff; - -webkit-filter: none; - filter: none; } .mce-panel.mce-menu { @@ -376,8 +374,6 @@ div.mce-path { margin: 2px; -webkit-border-radius: 2px; border-radius: 2px; - -webkit-filter: none; - filter: none; } .mce-toolbar .mce-btn-group .mce-btn:hover, @@ -510,10 +506,19 @@ 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-normal.mce-active, +.mce-menu .mce-menu-item-preview.mce-active { background: #0073aa; /* See color scheme. */ } +.mce-menu .mce-menu-item-preview.mce-active { + border-left: none; +} + +.mce-menu .mce-menu-item-preview.mce-active .mce-text { + color: #fff; +} + .mce-menu .mce-menu-item.mce-disabled { cursor: default; } @@ -538,7 +543,6 @@ div.mce-path { .mce-menubar .mce-menubtn:focus { border-color: transparent; background: transparent; - filter: none; } .mce-menubar .mce-menubtn:focus {