Changeset 27778

Timestamp:

03/27/2014 07:18:18 AM (10 years ago)

Author:

nacin

Message:

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

This restores 3.8 behavior.

see #27279.

File:

• trunk/src/wp-includes/css/editor.css (modified) (2 diffs)

trunk/src/wp-includes/css/editor.css

@@ -181 +181 @@
 
 #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;
@@ -190 +189 @@
     background-image: -webkit-linear-gradient(bottom, #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);
 }