From 132e26e81ac29fab5bc740a7b144da724977e93e Mon Sep 17 00:00:00 2001 From: Matt Thomas Date: Mon, 18 Nov 2013 22:09:51 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@26256 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/colors-fresh.css | 2 +- src/wp-admin/css/wp-admin.css | 35 ++++++++++++++++--------------- 2 files changed, 19 insertions(+), 18 deletions(-) diff --git a/src/wp-admin/css/colors-fresh.css b/src/wp-admin/css/colors-fresh.css index 435adfb4e2..6038e91e9a 100644 --- a/src/wp-admin/css/colors-fresh.css +++ b/src/wp-admin/css/colors-fresh.css @@ -1729,7 +1729,7 @@ div.widgets-sortables, color: #ddd; } -.nav-menus-php .item-edit:after, +.nav-menus-php .item-edit:before, #wp_inactive_widgets .widget .widget-top a.widget-action:after { color: #888; } diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 3bac5a8ed2..8ebdbcaf34 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -9081,7 +9081,7 @@ body.interim-login { padding-right: 2px; height: auto; width: 400px; - line-height: 35px; + line-height: 30px; overflow: hidden; word-wrap: break-word; } @@ -9183,7 +9183,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; } .item-type { font-size: 12px; padding: 7px 10px; - line-height: 22px; + line-height: 18px; display: block; } @@ -9209,12 +9209,14 @@ body.menu-max-depth-11 { min-width: 1280px !important; } .nav-menus-php .item-edit { 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; } /* Menu editing */ @@ -10406,10 +10408,10 @@ div#widgets-right .widgets-sortables:before { .js .closed br.clear { 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'; border: none; @@ -10425,21 +10427,20 @@ div#widgets-right .widgets-sortables:before { -moz-osx-font-smoothing: grayscale; 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; -} /* Hide Widget Settings by Default */ .widget-inside,