Changeset 45513

Timestamp:

06/10/2019 01:58:10 PM (5 years ago)

Author:

afercia

Message:

Administration: Remove extra border from the Screen Options and Help buttons.

The extra border was visible in the responsive view for smaller screens after [32844].

Props jitendrabanjara1991.

Merges [45501] and [45502] to the 5.2 branch.
Fixes #46749 for 5.2.2.

Location:

branches/5.2

Files:

• . (modified) (1 prop)
• src/wp-admin/css/common.css (modified) (3 diffs)

branches/5.2/src/wp-admin/css/common.css

@@ -1678 +1678 @@
 #contextual-help-link-wrap {
     float: left;
-    height: 28px;
     margin: 0 0 0 6px;
-    border: 1px solid #ddd;
-    border-top: none;
-    background: #fff;
-    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
 }
 
@@ -1692 +1687 @@
 
 #screen-meta-links .show-settings {
-    border: 0;
-    background: none;
+    border: 1px solid #ddd;
+    border-top: none;
+    border-bottom-color: #ccc;
+    height: auto;
+    margin-bottom: 0;
+    padding: 3px 6px 3px 16px;
+    background: #fff;
     border-radius: 0;
     color: #72777c;
     line-height: 1.7;
-    padding: 3px 6px 3px 16px;
+    box-shadow: none;
 }
 
@@ -1706 +1706 @@
 }
 
+#screen-meta-links .show-settings:focus {
+    border-color: #5b9dd9;
+    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
 #screen-meta-links .show-settings:active {
-    box-shadow: none;
     transform: none;
 }