Changeset 37004

Timestamp:

03/16/2016 04:28:09 AM (7 years ago)

Author:

azaozz

Message:

TinyMCE, inline link:

• Add back the bottom box-shadow on the Apply button.
• Shrink .mce-btn.mce-primary to compensate for the bottom box-shadow.
• Tighten up/reduce the margins between the buttons.

See #33301.

File:

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

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

@@ -485 +485 @@
     background: #0085ba;
     border-color: #0073aa #006799 #006799;
-    -webkit-box-shadow: none;
-    box-shadow: none;
+    -webkit-box-shadow: 0 1px 0 #006799;
+    box-shadow: 0 1px 0 #006799;
     color: #fff;
     text-decoration: none;
     text-shadow: none;
+}
+
+/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
+.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
+    padding: 2px 3px 1px;
 }
 
@@ -501 +506 @@
     border-color: #006799;
     color: #fff;
-    -webkit-box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.2 );
-    box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.2 );
 }
 
@@ -1263 +1266 @@
     }
 
+    /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
+    .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
+        padding: 6px 7px 5px;
+    }
+
     .mce-toolbar .mce-btn-group .mce-btn {
         margin: 1px;
@@ -1598 +1606 @@
 }
 
+.mce-toolbar div.wp-link-preview ~ .mce-btn,
+.mce-toolbar div.wp-link-input ~ .mce-btn {
+    margin: 2px 1px;
+}
+
+.mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
+    margin-right: 2px;
+}
+
 .ui-autocomplete.wplink-autocomplete {
     z-index: 100110;
@@ -1628 +1645 @@
         width: 100%;
         font-size: 16px;
-        padding: 4px;
+        padding: 5px;
     }
 }