From 30575854ec43c9d3a3bd8dc42c8d912cc9d0f6f8 Mon Sep 17 00:00:00 2001 From: azaozz Date: Sat, 7 Apr 2012 20:18:18 +0000 Subject: [PATCH] Center the menu icons when the menu is folded. For proper display in RTL the width of .wp-menu-image has to be 30px. Props helenyhou, fixes #20382 git-svn-id: http://svn.automattic.com/wordpress/trunk@20400 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/css/colors-classic.dev.css | 44 ++++++++++++++--------------- wp-admin/css/colors-fresh.dev.css | 44 ++++++++++++++--------------- wp-admin/css/wp-admin.dev.css | 2 +- 3 files changed, 45 insertions(+), 45 deletions(-) diff --git a/wp-admin/css/colors-classic.dev.css b/wp-admin/css/colors-classic.dev.css index 39bcfa0f8..d6a5f78b4 100644 --- a/wp-admin/css/colors-classic.dev.css +++ b/wp-admin/css/colors-classic.dev.css @@ -1449,90 +1449,90 @@ div.wp-menu-image { .icon16.icon-dashboard, #adminmenu .menu-icon-dashboard div.wp-menu-image { - background-position: -60px -33px; + background-position: -59px -33px; } #adminmenu .menu-icon-dashboard:hover div.wp-menu-image, #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-dashboard.current div.wp-menu-image { - background-position: -60px -1px; + background-position: -59px -1px; } .icon16.icon-post, #adminmenu .menu-icon-post div.wp-menu-image { - background-position: -271px -33px; + background-position: -269px -33px; } #adminmenu .menu-icon-post:hover div.wp-menu-image, #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-post.current div.wp-menu-image { - background-position: -271px -1px; + background-position: -269px -1px; } .icon16.icon-media, #adminmenu .menu-icon-media div.wp-menu-image { - background-position: -120px -33px; + background-position: -119px -33px; } #adminmenu .menu-icon-media:hover div.wp-menu-image, #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-media.current div.wp-menu-image { - background-position: -120px -1px; + background-position: -119px -1px; } .icon16.icon-links, #adminmenu .menu-icon-links div.wp-menu-image { - background-position: -90px -33px; + background-position: -89px -33px; } #adminmenu .menu-icon-links:hover div.wp-menu-image, #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-links.current div.wp-menu-image { - background-position: -90px -1px; + background-position: -89px -1px; } .icon16.icon-page, #adminmenu .menu-icon-page div.wp-menu-image { - background-position: -150px -33px; + background-position: -149px -33px; } #adminmenu .menu-icon-page:hover div.wp-menu-image, #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-page.current div.wp-menu-image { - background-position: -150px -1px; + background-position: -149px -1px; } .icon16.icon-comments, #adminmenu .menu-icon-comments div.wp-menu-image { - background-position: -30px -33px; + background-position: -29px -33px; } #adminmenu .menu-icon-comments:hover div.wp-menu-image, #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-comments.current div.wp-menu-image { - background-position: -30px -1px; + background-position: -29px -1px; } .icon16.icon-appearance, #adminmenu .menu-icon-appearance div.wp-menu-image { - background-position: 0 -33px; + background-position: 1px -33px; } #adminmenu .menu-icon-appearance:hover div.wp-menu-image, #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-appearance.current div.wp-menu-image { - background-position: 0 -1px; + background-position: 1px -1px; } .icon16.icon-plugins, #adminmenu .menu-icon-plugins div.wp-menu-image { - background-position: -180px -33px; + background-position: -179px -33px; } #adminmenu .menu-icon-plugins:hover div.wp-menu-image, #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-plugins.current div.wp-menu-image { - background-position: -180px -1px; + background-position: -179px -1px; } .icon16.icon-users, @@ -1548,35 +1548,35 @@ div.wp-menu-image { .icon16.icon-tools, #adminmenu .menu-icon-tools div.wp-menu-image { - background-position: -210px -33px; + background-position: -209px -33px; } #adminmenu .menu-icon-tools:hover div.wp-menu-image, #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-tools.current div.wp-menu-image { - background-position: -210px -1px; + background-position: -209px -1px; } .icon16.icon-settings, #adminmenu .menu-icon-settings div.wp-menu-image { - background-position: -240px -33px; + background-position: -239px -33px; } #adminmenu .menu-icon-settings:hover div.wp-menu-image, #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-settings.current div.wp-menu-image { - background-position: -240px -1px; + background-position: -239px -1px; } .icon16.icon-site, #adminmenu .menu-icon-site div.wp-menu-image { - background-position: -360px -33px; + background-position: -359px -33px; } #adminmenu .menu-icon-site:hover div.wp-menu-image, #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-site.current div.wp-menu-image { - background-position: -360px -1px; + background-position: -359px -1px; } /* end menu and screen icons */ diff --git a/wp-admin/css/colors-fresh.dev.css b/wp-admin/css/colors-fresh.dev.css index 51cdd509f..0d64827f5 100644 --- a/wp-admin/css/colors-fresh.dev.css +++ b/wp-admin/css/colors-fresh.dev.css @@ -1140,90 +1140,90 @@ div.wp-menu-image { .icon16.icon-dashboard, #adminmenu .menu-icon-dashboard div.wp-menu-image { - background-position: -60px -33px; + background-position: -59px -33px; } #adminmenu .menu-icon-dashboard:hover div.wp-menu-image, #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-dashboard.current div.wp-menu-image { - background-position: -60px -1px; + background-position: -59px -1px; } .icon16.icon-post, #adminmenu .menu-icon-post div.wp-menu-image { - background-position: -271px -33px; + background-position: -269px -33px; } #adminmenu .menu-icon-post:hover div.wp-menu-image, #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-post.current div.wp-menu-image { - background-position: -271px -1px; + background-position: -269px -1px; } .icon16.icon-media, #adminmenu .menu-icon-media div.wp-menu-image { - background-position: -120px -33px; + background-position: -119px -33px; } #adminmenu .menu-icon-media:hover div.wp-menu-image, #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-media.current div.wp-menu-image { - background-position: -120px -1px; + background-position: -119px -1px; } .icon16.icon-links, #adminmenu .menu-icon-links div.wp-menu-image { - background-position: -90px -33px; + background-position: -89px -33px; } #adminmenu .menu-icon-links:hover div.wp-menu-image, #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-links.current div.wp-menu-image { - background-position: -90px -1px; + background-position: -89px -1px; } .icon16.icon-page, #adminmenu .menu-icon-page div.wp-menu-image { - background-position: -150px -33px; + background-position: -149px -33px; } #adminmenu .menu-icon-page:hover div.wp-menu-image, #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-page.current div.wp-menu-image { - background-position: -150px -1px; + background-position: -149px -1px; } .icon16.icon-comments, #adminmenu .menu-icon-comments div.wp-menu-image { - background-position: -30px -33px; + background-position: -29px -33px; } #adminmenu .menu-icon-comments:hover div.wp-menu-image, #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-comments.current div.wp-menu-image { - background-position: -30px -1px; + background-position: -29px -1px; } .icon16.icon-appearance, #adminmenu .menu-icon-appearance div.wp-menu-image { - background-position: 0 -33px; + background-position: 1px -33px; } #adminmenu .menu-icon-appearance:hover div.wp-menu-image, #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-appearance.current div.wp-menu-image { - background-position: 0 -1px; + background-position: 1px -1px; } .icon16.icon-plugins, #adminmenu .menu-icon-plugins div.wp-menu-image { - background-position: -180px -33px; + background-position: -179px -33px; } #adminmenu .menu-icon-plugins:hover div.wp-menu-image, #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-plugins.current div.wp-menu-image { - background-position: -180px -1px; + background-position: -179px -1px; } .icon16.icon-users, @@ -1239,35 +1239,35 @@ div.wp-menu-image { .icon16.icon-tools, #adminmenu .menu-icon-tools div.wp-menu-image { - background-position: -210px -33px; + background-position: -209px -33px; } #adminmenu .menu-icon-tools:hover div.wp-menu-image, #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-tools.current div.wp-menu-image { - background-position: -210px -1px; + background-position: -209px -1px; } .icon16.icon-settings, #adminmenu .menu-icon-settings div.wp-menu-image { - background-position: -240px -33px; + background-position: -239px -33px; } #adminmenu .menu-icon-settings:hover div.wp-menu-image, #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-settings.current div.wp-menu-image { - background-position: -240px -1px; + background-position: -239px -1px; } .icon16.icon-site, #adminmenu .menu-icon-site div.wp-menu-image { - background-position: -360px -33px; + background-position: -359px -33px; } #adminmenu .menu-icon-site:hover div.wp-menu-image, #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image, #adminmenu .menu-icon-site.current div.wp-menu-image { - background-position: -360px -1px; + background-position: -359px -1px; } /* end menu and screen icons */ diff --git a/wp-admin/css/wp-admin.dev.css b/wp-admin/css/wp-admin.dev.css index ca5339cee..bf3aed273 100644 --- a/wp-admin/css/wp-admin.dev.css +++ b/wp-admin/css/wp-admin.dev.css @@ -1410,7 +1410,7 @@ body.no-js #adminmenu .wp-menu-toggle, } .folded #adminmenu div.wp-menu-image { - width: 32px; + width: 30px; } #adminmenu li {