Changeset 26256

Timestamp:

11/18/2013 10:09:51 PM (13 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;
 }