Changeset 36857

Timestamp:

03/05/2016 10:00:45 PM (9 years ago)

Author:

azaozz

Message:

TinyMCE:

• Fix the icon for the native dialogs close button.
• Highlight the button on :focus.

See #36035.

File:

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

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

@@ -52 +52 @@
 }
 
-.mce-window .mce-window-head .mce-close {
+.mce-window .mce-window-head .mce-close,
+.mce-window-head .mce-close .mce-i-remove {
     color: transparent;
     top: 0;
@@ -58 +59 @@
     width: 36px;
     height: 36px;
+    padding: 0;
     line-height: 36px;
     text-align: center;
 }
 
-.mce-window .mce-window-head .mce-close:before {
+.mce-window-head .mce-close .mce-i-remove:before {
     font: normal 20px/36px dashicons;
     text-align: center;
@@ -71 +73 @@
 }
 
-.mce-window .mce-window-head .mce-close:hover:before {
+.mce-window-head .mce-close:hover .mce-i-remove:before,
+.mce-window-head .mce-close:focus .mce-i-remove:before {
     color: #00a0d2;
+}
+
+.mce-window-head .mce-close:focus .mce-i-remove,
+div.mce-tab:focus {
+    -webkit-box-shadow: 0 0 0 1px #5b9dd9,
+        0 0 2px 1px rgba(30, 140, 190, .8);
+    box-shadow: 0 0 0 1px #5b9dd9,
+        0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
@@ -829 +840 @@
 
 .mce-notification button.mce-close {
-    width: 20px;
-    right: 6px;
-    top: 9px;
-    font-weight: normal;
-    color: #555d66;
+    right: 6px;
+    top: 3px;
+    font-weight: normal;
+    color: #555d66;
 }
 
@@ -839 +849 @@
 .mce-notification button.mce-close:focus {
     color: #000;
-}
-
-.mce-notification.mce-notification-info.mce-has-close {
-    padding-right: 24px;
 }
 
@@ -882 +888 @@
 i.mce-i-wp_code,
 i.mce-i-dashicon,
-.mce-close {
+i.mce-i-remove {
     font: normal 20px/1 dashicons;
     padding: 0;
@@ -1026 +1032 @@
 }
 
-.mce-close:before {
+i.mce-i-remove:before {
     content: "\f158";
 }