Changeset 45513

Timestamp:

06/10/2019 01:58:10 PM (7 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;
 }