Changeset 37004

Timestamp:

03/16/2016 04:28:09 AM (10 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;
         }
 }