Changeset 26712

Timestamp:

12/06/2013 01:15:33 AM (11 years ago)

Author:

iammattthomas

Message:

Hide the 'Dismiss' label in the dashboard welcome panel at smartphone sizes, so the close link doesn't overlap the Welcome headline. See #25858.

File:

• trunk/src/wp-admin/css/wp-admin.css (modified) (1 diff)

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

@@ -13002 +13002 @@
         z-index: 400;
     }
+    
+    /* Keep the close icon from overlapping the Welcome text. */
+    .welcome-panel .welcome-panel-close {
+        overflow: hidden;
+        text-indent: 100%;
+        white-space: nowrap;
+        width: 20px;
+        height: 20px;
+        right: 0;
+        padding: 5px;
+    }
+
+    /* Make the close icon larger for tappability. */
+    #welcome-panel.welcome-panel .welcome-panel-close::before {
+        font-size: 20px;
+        margin: 0;
+    }
 
     /* Keep full-width boxes on Edit Post page from causing horizontal scroll */