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
This commit is contained in:
Andrew Nacin 2014-03-27 07:18:18 +00:00
parent 5db0c45614
commit f4089c7a58
1 changed files with 13 additions and 2 deletions

View File

@ -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;