Ticket #32287: 32287.patch

src/wp-admin/css/common.css

@@ -737 +737 @@
 }
 
 /* @todo can we combine these into a class or use an existing dashicon one? */
-#welcome-panel.welcome-panel .welcome-panel-close:before,
+.welcome-panel .welcome-panel-close:before,
 .tagchecklist span a:before,
 #bulk-titles div a:before,
 .notice-dismiss:before {
@@ -744 +744 @@
         background: none;
         color: #b4b9be;
         content: '\f153';
-        display: block !important;
+        display: block;
         font: normal 16px/1 'dashicons';
         speak: none;
-        height: 20px;
+        height: 16px;
         text-align: center;
         width: 20px;
-        -webkit-font-smoothing: antialiased !important;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
 }
 
-#welcome-panel.welcome-panel .welcome-panel-close:before {
+.welcome-panel .welcome-panel-close:before {
         margin: 0;
 }
 
@@ -762 +763 @@
         margin: 2px 0;
 }
 
-#welcome-panel.welcome-panel .welcome-panel-close:hover:before,
+.welcome-panel .welcome-panel-close:hover:before,
+.welcome-panel .welcome-panel-close:focus:before,
 .tagchecklist span a:hover:before,
 #bulk-titles div a:hover:before {
         color: #c00;

src/wp-admin/css/dashboard.css

@@ -146 +146 @@
 
 .welcome-panel .welcome-panel-close {
         position: absolute;
-        top: 5px;
+        top: 10px;
         right: 10px;
-        padding: 20px 15px 0 3px;
+        padding: 10px 15px 10px 21px;
         font-size: 13px;
+        line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
         text-decoration: none;
-        line-height: 1;
 }
 
-#welcome-panel.welcome-panel .welcome-panel-close:before {
+.welcome-panel .welcome-panel-close:before {
         position: absolute;
-        left: -18px;
-        margin-top: -2px;
+        top: 10px;
+        left: 0;
         -webkit-transition: all .1s ease-in-out;
         transition: all .1s ease-in-out;
 }
@@ -1095 +1095 @@
         /* Keep the close icon from overlapping the Welcome text. */
         .welcome-panel .welcome-panel-close {
                 overflow: hidden;
-                text-indent: 100%;
+                text-indent: 40px;
                 white-space: nowrap;
                 width: 20px;
                 height: 20px;
-                right: 0;
                 padding: 5px;
+                top: 5px;
+                right: 5px;
         }
 
         /* Make the close icon larger for tappability. */
-        #welcome-panel.welcome-panel .welcome-panel-close:before {
+        .welcome-panel .welcome-panel-close:before {
                 font-size: 20px;
-                margin: 0;
+                top: 5px;
+                left: -35px;
         }
 }