TinyMCE: Differentiate active and hover states for toolbar buttons like the kitchen sink.

This restores 3.8 behavior.

see #27279.

Built from https://develop.svn.wordpress.org/trunk@27778


git-svn-id: http://core.svn.wordpress.org/trunk@27615 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Nacin 2014-03-27 07:19:15 +00:00
parent 443ab3001e
commit 043bc12b49
4 changed files with 28 additions and 6 deletions

View File

@ -180,8 +180,7 @@ div.mce-statusbar {
} }
#wp-fullscreen-buttons .mce-btn:hover, #wp-fullscreen-buttons .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:hover, .mce-toolbar .mce-btn-group .mce-btn:hover {
.mce-toolbar .mce-btn-group .mce-btn.mce-active {
-webkit-box-shadow: 0 0 transparent; -webkit-box-shadow: 0 0 transparent;
box-shadow: 0 0 transparent; box-shadow: 0 0 transparent;
border-color: #bbb; border-color: #bbb;
@ -191,6 +190,18 @@ div.mce-statusbar {
background-image: linear-gradient(to top, #e5e5e5, #fff); 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, right bottom, right 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 { .mce-toolbar .mce-btn-group .mce-disabled.mce-btn:hover {
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;

File diff suppressed because one or more lines are too long

View File

@ -180,8 +180,7 @@ div.mce-statusbar {
} }
#wp-fullscreen-buttons .mce-btn:hover, #wp-fullscreen-buttons .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:hover, .mce-toolbar .mce-btn-group .mce-btn:hover {
.mce-toolbar .mce-btn-group .mce-btn.mce-active {
-webkit-box-shadow: 0 0 transparent; -webkit-box-shadow: 0 0 transparent;
box-shadow: 0 0 transparent; box-shadow: 0 0 transparent;
border-color: #bbb; border-color: #bbb;
@ -191,6 +190,18 @@ div.mce-statusbar {
background-image: linear-gradient(to top, #e5e5e5, #fff); 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 { .mce-toolbar .mce-btn-group .mce-disabled.mce-btn:hover {
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;

File diff suppressed because one or more lines are too long