Changeset 26256

Timestamp:

11/18/2013 10:09:51 PM (11 years ago)

Author:

iammattthomas

Message:

Make the item-controls elements on the Edit Menus page line up; use :before instead of :after for item-edit icons for better cross-browser performance; switch to :after instead of ::after for pseudo-elements so IE8 displays these icons properly. Fixes #26059, props jeremyfelt.

Location:

trunk/src/wp-admin/css

Files:

• colors-fresh.css (modified) (1 diff)
• wp-admin.css (modified) (5 diffs)

trunk/src/wp-admin/css/colors-fresh.css

@@ -1730 +1730 @@
 }
 
-.nav-menus-php .item-edit:after,
+.nav-menus-php .item-edit:before,
 #wp_inactive_widgets .widget .widget-top a.widget-action:after {
     color: #888;

trunk/src/wp-admin/css/wp-admin.css

@@ -9082 +9082 @@
     height: auto;
     width: 400px;
-    line-height: 35px;
+    line-height: 30px;
     overflow: hidden;
     word-wrap: break-word;
@@ -9184 +9184 @@
     font-size: 12px;
     padding: 7px 10px;
-    line-height: 22px;
+    line-height: 18px;
     display: block;
 }
@@ -9210 +9210 @@
     position: absolute;
     right: -20px;
-    top: -24px;
+    top: 0;
     display: block;
-    width: 40px;
+    width: 30px;
     height: 36px;
-    text-indent:-999em;
     margin-right: 0 !important;
+    text-indent: 100%;
+    overflow: hidden;
+    white-space: nowrap;
 }
 
@@ -10407 +10409 @@
     display: none;
 }
-.nav-menus-php .item-edit:after,
+.nav-menus-php .item-edit:before,
 .widget-top a.widget-action:after,
-.control-section .accordion-section-title::after,
-.accordion-section-title::after {
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
     right: 0;
     content: '\f141';
@@ -10426 +10428 @@
     text-decoration: none !important;
 }
-.control-section .accordion-section-title::after,
-.accordion-section-title::after {
+.nav-menus-php .item-edit:before {
+    line-height: 1.5;
+}
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
     float: right;
     right: 20px;
     top: -2px;
 }
-.control-section.open .accordion-section-title::after,
-#customize-info.open .accordion-section-title::after,
-.nav-menus-php .menu-item-edit-active .item-edit:after {
+.control-section.open .accordion-section-title:after,
+#customize-info.open .accordion-section-title:after,
+.nav-menus-php .menu-item-edit-active .item-edit:before {
     content: '\f140';
-}
-.nav-menus-php .item-controls .item-type {
-    padding: 11px;
-    margin-right: 10px;
 }