Ticket #47477: 47477.3.diff

src/wp-admin/css/forms.css

@@ -64 +64 @@
 
 /* Vertically align the number selector with the input. */
 input[type="number"] {
-        height: 28px;
+        min-height: 28px;
         line-height: 1;
 }
 
@@ -307 +307 @@
   2.0 - Forms
 ------------------------------------------------------------------------------*/
 
-
+/* Select styles are based on the default button in buttons.css */
 .wp-admin select {
-        padding: 2px;
-        line-height: 2;
-        height: 28px;
+        color: #555;
+        border-color: #cccccc;
+        box-shadow: 0 1px 0 #cccccc;
+        border-radius: 3px;
+        padding: 2px 24px 2px 8px;
+        min-height: 28px;
         vertical-align: middle;
+        -webkit-appearance: none;
+        /* The SVG is arrow-down-alt2 from Dashicons. */
+        background: #f7f7f7 url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 4px top 50%;
+        background-size: 16px 16px;
 }
 
+.wp-admin select:hover {
+        background-color: #fafafa;
+        border-color: #999;
+        color: #23282d;
+}
+
+.wp-admin select:focus {
+        border-color: #5b9dd9;
+        box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
+.wp-admin select:active {
+        background-color: #eee;
+        border-color: #999;
+        box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
 .wp-admin .button-cancel {
         padding: 0 5px;
         line-height: 2;
@@ -412 +436 @@
 .tablenav .actions select {
         float: left;
         margin-right: 6px;
-        max-width: 200px;
+        max-width: 12.5rem;
 }
 
 .ie8 .tablenav .actions select {
-        width: 155px;
+        width: 9.6875rem;
 }
 
 .ie8 .tablenav .actions select#cat {
-        width: 200px;
+        width: 12.5rem;
 }
 
 #timezone_string option {
@@ -1248 +1272 @@
         }
 
         input[type="number"] {
-                height: 40px;
+                min-height: 40px;
         }
 
         input.code {
@@ -1302 +1326 @@
         }
 
         #wpbody select {
-                height: 36px;
+                min-height: 36px;
                 font-size: 16px;
         }
 
@@ -1372 +1396 @@
         }
 
         #wpbody .form-table td select {
-                height: 40px;
+                min-height: 40px;
         }
 
         input[type="text"].small-text,

src/wp-includes/css/buttons.css

@@ -47 +47 @@
         text-decoration: none;
         font-size: 13px;
         line-height: 2;
-        height: 28px;
+        min-height: 28px;
         margin: 0;
-        padding: 0 10px 1px;
+        padding: 0 10px;
         cursor: pointer;
         border-width: 1px;
         border-style: solid;
@@ -71 +71 @@
 
 .wp-core-ui .button.button-large,
 .wp-core-ui .button-group.button-large .button {
-        height: 30px;
+        min-height: 30px;
         line-height: 2.15384615;
         padding: 0 12px 2px;
 }
@@ -78 +78 @@
 
 .wp-core-ui .button.button-small,
 .wp-core-ui .button-group.button-small .button {
-        height: 24px;
+        min-height: 24px;
         line-height: 2;
         padding: 0 8px 1px;
         font-size: 11px;
@@ -87 +87 @@
 .wp-core-ui .button.button-hero,
 .wp-core-ui .button-group.button-hero .button {
         font-size: 14px;
-        height: 46px;
+        min-height: 46px;
         line-height: 3.14285714;
         padding: 0 36px;
 }
@@ -367 +367 @@
 
         #media-upload.wp-core-ui .button {
                 padding: 0 10px 1px;
-                height: 24px;
+                min-height: 24px;
                 line-height: 22px;
                 font-size: 13px;
         }
@@ -388 +388 @@
                 padding: 0 10px 1px;
                 font-size: 13px;
                 line-height: 2;
-                height: 28px;
+                min-height: 28px;
                 margin: 0;
                 vertical-align: inherit;
         }
@@ -401 +401 @@
         /* Reset responsive styles on Log in button on iframed login form */
 
         .interim-login .button.button-large {
-                height: 30px;
+                min-height: 30px;
                 line-height: 2;
                 padding: 0 12px 2px;
         }