From f4089c7a58a16097dd2fea14a71b1fe82fbe5e3d Mon Sep 17 00:00:00 2001 From: Andrew Nacin Date: Thu, 27 Mar 2014 07:18:18 +0000 Subject: [PATCH] TinyMCE: Differentiate active and hover states for toolbar buttons like the kitchen sink. This restores 3.8 behavior. see #27279. git-svn-id: https://develop.svn.wordpress.org/trunk@27778 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/editor.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css index c35c46ffa8..6413f751c7 100644 --- a/src/wp-includes/css/editor.css +++ b/src/wp-includes/css/editor.css @@ -180,8 +180,7 @@ div.mce-statusbar { } #wp-fullscreen-buttons .mce-btn:hover, -.mce-toolbar .mce-btn-group .mce-btn:hover, -.mce-toolbar .mce-btn-group .mce-btn.mce-active { +.mce-toolbar .mce-btn-group .mce-btn:hover { -webkit-box-shadow: 0 0 transparent; box-shadow: 0 0 transparent; border-color: #bbb; @@ -191,6 +190,18 @@ div.mce-statusbar { background-image: linear-gradient(to top, #e5e5e5, #fff); } +.mce-toolbar .mce-btn-group .mce-btn.mce-active { + -webkit-box-shadow: 0 0 transparent; + box-shadow: 0 0 transparent; + border-color: #bbb; + background: #eee; + background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3)); + background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3); + background-image: -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3); + background-image: -o-linear-gradient(bottom, #f6f6f6, #e3e3e3); + background-image: linear-gradient(to top, #f6f6f6, #e3e3e3); +} + .mce-toolbar .mce-btn-group .mce-disabled.mce-btn:hover { border-color: transparent; background: transparent;