Changeset 26386

Timestamp:

11/26/2013 03:35:41 AM (11 years ago)

Author:

iammattthomas

Message:

Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce.

Location:

trunk/src

Files:

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

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

@@ -10997 +10997 @@
     }
 
-    .wp-core-ui .button,
-    .wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
-    input#publish,
-    input#save-post,
-    a.preview {
-        padding: 10px 14px;
-        line-height: 1;
-        font-size: 14px;
-        vertical-align: middle;
-        height: auto;
-        margin-bottom: 4px;
-    }
-
-    #media-upload.wp-core-ui .button {
-        padding: 0 10px 1px;
-        height: 24px;
-        line-height: 22px;
-        font-size: 13px;
-    }
-
     .wrap .add-new-h2, .wrap .add-new-h2:active {
         padding: 10px 15px;
@@ -11227 +11207 @@
     #post-visibility-select {
         line-height: 280%;
-    }
-
-    .wp-core-ui .save-post-status.button {
-        position: relative;
-        margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
     }
 

trunk/src/wp-includes/css/buttons.css

@@ -28 +28 @@
  3.0 - Primary Button Style
  4.0 - Button Groups
+ 5.0 - Responsive Button Styles
 
 ---------------------------------------------------------------------------- */
@@ -270 +271 @@
     border-radius: 0 3px 3px 0;
 }
+
+/* ----------------------------------------------------------------------------
+  5.0 - Responsive Button Styles
+---------------------------------------------------------------------------- */
+
+@media screen and ( max-width: 782px ) {
+
+    .wp-core-ui .button,
+    .wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
+    input#publish,
+    input#save-post,
+    a.preview {
+        padding: 10px 14px;
+        line-height: 1;
+        font-size: 14px;
+        vertical-align: middle;
+        height: auto;
+        margin-bottom: 4px;
+    }
+
+    #media-upload.wp-core-ui .button {
+        padding: 0 10px 1px;
+        height: 24px;
+        line-height: 22px;
+        font-size: 13px;
+    }
+    
+    /* Publish Metabox Options */
+    .wp-core-ui .save-post-status.button {
+        position: relative;
+        margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
+    }
+    
+
+}