Changeset 32068

Timestamp:

04/07/2015 06:43:11 PM (9 years ago)

Author:

helen

Message:

Dismissible notices: more precise positioning across browsers.

props valendesigns.
fixes #31233.

File:

• trunk/src/wp-admin/css/common.css (modified) (4 diffs)

trunk/src/wp-admin/css/common.css

@@ -1290 +1290 @@
 }
 
-.notice.is-dismissible {
+.wp-core-ui .notice.is-dismissible {
     padding-right: 38px;
     position: relative;
@@ -1296 +1296 @@
 
 .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;
 }
 
@@ -1315 +1320 @@
 }
 
-.notice-dismiss:active,
 .notice-dismiss:focus {
     outline: none;
@@ -3177 +3181 @@
     }
 
-    .notice.is-dismissible {
+    .wp-core-ui .notice.is-dismissible {
         padding-right: 46px;
     }
 
     .notice-dismiss {
-        height: 46px;
-        width: 46px;
-        padding: 16px;
+        padding: 13px;
     }