From 96bd504d60ffd131a2979447856c6cfe65de8ef0 Mon Sep 17 00:00:00 2001 From: Helen Hou-Sandi Date: Tue, 7 Apr 2015 18:43:11 +0000 Subject: [PATCH] Dismissible notices: more precise positioning across browsers. props valendesigns. fixes #31233. git-svn-id: https://develop.svn.wordpress.org/trunk@32068 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/common.css | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index d4782fdc8e..de9acfb6e0 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -1289,32 +1289,36 @@ div.error p, padding: 2px; } -.notice.is-dismissible { +.wp-core-ui .notice.is-dismissible { padding-right: 38px; position: relative; } .notice-dismiss { - height: 38px; - width: 38px; position: absolute; top: 0; - right: 0; + right: 1px; border: none; margin: 0; - padding: 11px; + padding: 9px; background: none; color: #b4b9be; cursor: pointer; } +.notice-dismiss:before { + position: relative; + top: 0; + left: 0; + line-height: 20px; +} + .notice-dismiss:hover:before, .notice-dismiss:active:before, .notice-dismiss:focus:before { color: #c00; } -.notice-dismiss:active, .notice-dismiss:focus { outline: none; -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); @@ -3176,14 +3180,12 @@ img { line-height: 175%; } - .notice.is-dismissible { + .wp-core-ui .notice.is-dismissible { padding-right: 46px; } .notice-dismiss { - height: 46px; - width: 46px; - padding: 16px; + padding: 13px; } .wrap .icon32 + h2 {