Changeset 33416

Timestamp:

07/25/2015 04:45:29 PM (8 years ago)

Author:

iseulde

Message:

TinyMCE: inline toolbar: reduce size arrow

The size of the arrow box was too big. It prevented the user from moving the cursor to a place right above the arrow.

See #32604.

File:

• trunk/src/wp-includes/css/editor.css (modified) (1 diff)

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

@@ -270 +270 @@
 
 div.mce-inline-toolbar-grp.mce-arrow-up:before {
-    top: -18px;
+    top: -9px;
     border-bottom-color: #a0a5aa;
-    border-width: 9px;
+    border-width: 0 9px 9px;
     margin-left: -9px;
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-down:before {
-    bottom: -18px;
+    bottom: -9px;
     border-top-color: #a0a5aa;
-    border-width: 9px;
+    border-width: 9px 9px 0;
     margin-left: -9px;
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-up:after {
-    top: -16px;
+    top: -8px;
     border-bottom-color: #f5f5f5;
-    border-width: 8px;
+    border-width: 0 8px 8px;
     margin-left: -8px;
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-down:after {
-    bottom: -16px;
+    bottom: -8px;
     border-top-color: #f5f5f5;
-    border-width: 8px;
+    border-width: 8px 8px 0;
     margin-left: -8px;
 }