From 6e3838503ccedbf1ece0fb8e4a3674b4b474b837 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Sun, 13 Dec 2015 12:00:12 +0000 Subject: [PATCH] Dashboard: remove not clickable spaces between icons and links in the "At a Glance" panel. Also, some CSS cleanup. Props 5um17 for the initial patch. Fixes #27813. git-svn-id: https://develop.svn.wordpress.org/trunk@35894 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/dashboard.css | 112 +++++++++++++++------------------ 1 file changed, 50 insertions(+), 62 deletions(-) diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css index 43e9b3eb1e..c8bc653fc1 100644 --- a/src/wp-admin/css/dashboard.css +++ b/src/wp-admin/css/dashboard.css @@ -56,10 +56,6 @@ min-height: 0; } -/*------------------------------------------------------------------------------ - 9.0 - Dashboard -------------------------------------------------------------------------------*/ - #dashboard-widgets-wrap { overflow: hidden; margin: 0 -8px; @@ -203,17 +199,34 @@ color: #464646; } +.welcome-panel .welcome-widgets-menus { + line-height: 16px; +} + +.welcome-panel .welcome-panel-column ul { + margin: 0.8em 1em 1em 0; +} + +.welcome-panel .welcome-panel-column li { + line-height: 16px; + list-style-type: none; + padding: 0 0 8px; +} + .welcome-panel .welcome-icon { background: transparent !important; } -.welcome-panel .welcome-icon:before { +/* Welcome Panel and Right Now common Icons style */ + +.welcome-panel .welcome-icon:before, +#dashboard_right_now li a:before, +#dashboard_right_now li span:before { color: #82878c; font: normal 20px/1 dashicons; speak: none; display: inline-block; padding: 0 10px 0 0; - top: -1px; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -221,6 +234,8 @@ vertical-align: top; } +/* Welcome Panel specific Icons styles */ + .welcome-panel .welcome-write-blog:before, .welcome-panel .welcome-edit-page:before { content: "\f119"; @@ -229,6 +244,7 @@ .welcome-panel .welcome-add-page:before { content: "\f132"; + top: -1px; } .welcome-panel .welcome-view-site:before { @@ -251,18 +267,38 @@ top: -1px; } -.welcome-panel .welcome-widgets-menus { - line-height: 16px; +/* Right Now specific Icons styles */ + +#dashboard_right_now li a:before, +#dashboard_right_now li span:before { + content: "\f159"; /* generic icon for items added by CPTs ? */ + padding: 0 5px 0 0; } -.welcome-panel .welcome-panel-column ul { - margin: 0.8em 1em 1em 0; +#dashboard_right_now .page-count a:before, +#dashboard_right_now .page-count span:before { + content: "\f105"; } -.welcome-panel .welcome-panel-column li { - line-height: 16px; - list-style-type: none; - padding: 0 0 8px; +#dashboard_right_now .post-count a:before, +#dashboard_right_now .post-count span:before { + content: "\f109"; +} + +#dashboard_right_now .comment-count a:before { + content: "\f101"; +} + +#dashboard_right_now .comment-mod-count a:before { + content: "\f125"; +} + +#dashboard_right_now .storage-count a:before { + content: "\f104"; +} + +#dashboard_right_now .storage-count.warning a:before { + content: "\f153"; } /* Dashboard WordPress news */ @@ -369,11 +405,6 @@ body #dashboard-widgets .postbox form .submit { /* Dashboard right now - Colors */ -#dashboard_right_now li a:before, -#dashboard_right_now li span:before { - color: #82878c; -} - #dashboard_right_now .sub { color: #777; background: #f5f5f5; @@ -394,49 +425,6 @@ body #dashboard-widgets .postbox form .submit { color: #d54e21; } -/* Dashboard right now - Icons */ -#dashboard_right_now li a:before, -#dashboard_right_now li span:before { - content: "\f159"; - font: normal 20px/1 dashicons; - speak: none; - display: block; - float: left; - margin: 0 5px 0 0; - padding: 0; - text-indent: 0; - text-align: center; - position: relative; - -webkit-font-smoothing: antialiased; - text-decoration: none !important; -} - -#dashboard_right_now .page-count a:before, -#dashboard_right_now .page-count span:before { - content: "\f105"; -} - -#dashboard_right_now .post-count a:before, -#dashboard_right_now .post-count span:before { - content: "\f109"; -} - -#dashboard_right_now .comment-count a:before { - content: "\f101"; -} - -#dashboard_right_now .comment-mod-count a:before { - content: "\f125"; -} - -#dashboard_right_now .storage-count a:before { - content: "\f104"; -} - -#dashboard_right_now .storage-count.warning a:before { - content: "\f153"; -} - /* Dashboard Quick Draft */ #dashboard_quick_press .inside {