Changeset 22289

Timestamp:

10/24/2012 01:33:59 AM (12 years ago)

Author:

azaozz

Message:

Fix the buttons in IE, make them better in IE7, remove the default padding in Firefox, make all .button <a> and <input> look the same, fixes #21598

Location:

trunk

Files:

• wp-admin/css/ie.css (modified) (1 diff)
• wp-includes/css/buttons.css (modified) (2 diffs)

trunk/wp-admin/css/ie.css

@@ -238 +238 @@
 }
 
+button,
+input[type="reset"],
+input[type="button"],
+input[type="submit"] {
+    padding: 2px 8px;
+}
+
+button.button-large,
+input[type="reset"].button-large,
+input[type="button"].button-large,
+input[type="submit"].button-large {
+    padding: 4px 12px;
+}
+
+button.button-small,
+input[type="reset"].button-small,
+input[type="button"].button-small,
+input[type="submit"].button-small {
+    padding: 0 8px;
+}
+
 a.button {
-    line-height: 1.4em;
     margin: 1px;
-    padding: 2px 6px;
+    padding: 3px 8px;
+}
+
+a.button.button-small {
+    padding: 1px 8px;
 }
 

trunk/wp-includes/css/buttons.css

@@ -43 +43 @@
     text-decoration: none;
     font-size: 12px;
-    line-height: 17px;
-    height: 15px;
+    line-height: 1.45em;
     margin: 0;
-    padding: 0.25em 0.85em 0.35em;
+    padding: 3px 10px;
     cursor: pointer;
     border-width: 1px;
@@ -52 +51 @@
     -webkit-border-radius: 3px;
     border-radius: 3px;
-    -webkit-box-sizing: content-box;
-    -moz-box-sizing:    content-box;
-    box-sizing:         content-box;
     white-space: nowrap;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing:    border-box;
+    box-sizing:         border-box;
+}
+
+/* Remove the dotted border on :focus and the extra padding in Firefox */
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner {
+    border: 1px solid transparent;
+    padding: 0;
 }
 
 .button.button-large,
 .button-group.button-large .button {
-    padding: 0.4em 1.0em 0.5em;
+    padding: 5px 12px;
 }
 
 .button.button-small,
 .button-group.button-small .button {
-    padding: 0.15em 0.75em 0.17em;
+    padding: 2px 8px;
 }