Ticket #32801: 32801.2.patch

src/wp-includes/css/editor.css

@@ -180 +180 @@
         box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
 }
 
+.mce-menu,
 .mce-floatpanel.mce-popover.mce-bottom {
         margin-top: 2px;
 }
@@ -427 +428 @@
 }
 
 .mce-toolbar .mce-listbox button {
+        font-size: 13px;
+        line-height: 20px;
+        padding-left: 6px;
         padding-right: 20px;
 }
 
@@ -468 +472 @@
     border-color: #b4b9be;
 }
 
-.mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
-        font-size: 13px;
-}
-
 .mce-panel .mce-btn i.mce-caret {
         border-top: 6px solid #777;
         margin-left: 2px;
@@ -500 +500 @@
         border-right-color: transparent;
 }
 
-.mce-toolbar .mce-splitbtn .mce-open.mce-active{
+.mce-toolbar .mce-splitbtn .mce-open.mce-active {
         -webkit-box-shadow: none;
         box-shadow: none;
 }
@@ -514 +514 @@
 .mce-menu .mce-menu-item:hover,
 .mce-menu .mce-menu-item.mce-selected,
 .mce-menu .mce-menu-item:focus {
-        color: #000;
         background-color: #b4b9be;
         background-image: none;
+        color: #000;
         -webkit-filter: none;
         filter: none;
 }
 
+.mce-menu .mce-menu-item.mce-disabled {
+        cursor: default;
+}
+
+.mce-menu .mce-menu-item.mce-disabled:hover {
+        background: none;
+}
+
+.mce-menu .mce-menu-item.mce-selected .mce-caret,
+.mce-menu .mce-menu-item:focus .mce-caret,
+.mce-menu .mce-menu-item:hover .mce-caret {
+        border-left-color: #000;
+}
+
+.mce-menu .mce-menu-item:hover .mce-text,
 .mce-menu .mce-menu-item:hover .mce-ico,
-.mce-menu .mce-menu-item.mce-selected .mce-ico,
+.mce-menu .mce-menu-item:hover .mce-menu-shortcut,
+.mce-menu .mce-menu-item:focus .mce-text,
 .mce-menu .mce-menu-item:focus .mce-ico,
-.mce-menu .mce-menu-item:hover .mce-text,
-.mce-menu .mce-menu-item.mce-active:hover .mce-text,
-.mce-menu .mce-menu-item.mce-selected .mce-text {
+.mce-menu .mce-menu-item:focus .mce-menu-shortcut,
+.mce-menu .mce-menu-item.mce-selected .mce-text,
+.mce-menu .mce-menu-item.mce-selected .mce-ico,
+.mce-menu .mce-menu-item.mce-selected .mce-menu-shortcut,
+.mce-menu .mce-menu-item-normal.mce-active .mce-text,
+.mce-menu .mce-menu-item-normal.mce-active:hover .mce-text,
+.mce-menu .mce-menu-item-normal.mce-active:hover .mce-ico,
+.mce-menu .mce-menu-item-normal.mce-active:focus .mce-text,
+.mce-menu .mce-menu-item-normal.mce-active:focus .mce-ico {
         color: #000;
 }
 
+.mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
+.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico,
+.mce-menu .mce-menu-item.mce-disabled:focus .mce-text,
+.mce-menu .mce-menu-item.mce-disabled:focus .mce-ico {
+        color: #adadad;
+}
+
 /* Menubar */
 .mce-menubar {
         border-color: #e5e5e5;
@@ -676 +705 @@
         cursor: default;
 }
 
-.mce-menubtn.mce-fixed-width button span {
-        max-width: 80px;
-        padding-right: 16px;
+.mce-menubtn.mce-fixed-width button {
+        overflow-x: hidden;
+        text-overflow: ellipsis;
+        width: 110px;
 }
 
 /* Charmap modal */
@@ -708 +738 @@
 }
 
 .mce-tooltip-inner {
+        -webkit-border-radius: 3px;
+        border-radius: 3px;
         -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
         box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
         color: #fff;