Changeset 26533

Timestamp:

12/02/2013 07:25:42 PM (11 years ago)

Author:

iammattthomas

Message:

Add basic responsive styles for button-small and button-large, override responsive button-large styles when used in the .interim-login iframe. Fixes #26363.

File:

• trunk/src/wp-includes/css/buttons.css (modified) (4 diffs)

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

@@ -280 +280 @@
 
     .wp-core-ui .button,
+    .wp-core-ui .button.button-large,
+    .wp-core-ui .button.button-small,
     input#publish,
     input#save-post,
@@ -290 +292 @@
         margin-bottom: 4px;
     }
-
-    /* this creates an inset effect on the text */
-    .wp-core-ui .button:active {
+    
+    /* Adjust the padding that makes active button text looks inset to account for larger responsive buttons */
+    .wp-core-ui .button:active,
+    .wp-core-ui .button-large:active,
+    .wp-core-ui .button-small:active,
+    input#publish:active,
+    input#save-post:active,
+    a.preview:active {
         padding-top: 11px;
-    }
-
+        padding-bottom: 9px;
+    }
+    
     #media-upload.wp-core-ui .button {
         padding: 0 10px 1px;
@@ -302 +310 @@
         font-size: 13px;
     }
-    
+
     /* Publish Metabox Options */
     .wp-core-ui .save-post-status.button {
@@ -321 +329 @@
         margin: 0;
     }
-}
+    
+    /* Reset responsive styles on Log in button on iframed login form */
+    
+    .interim-login .button.button-large {
+        height: 30px;
+        line-height: 28px;
+        padding: 0 12px 2px;
+    }
+    
+    .interim-login .button.button-large:active {
+        padding-top: 1px;
+    }
+}