From d51190952af0233630bfc9e44cd32f9f463b9014 Mon Sep 17 00:00:00 2001 From: Matt Thomas Date: Mon, 2 Dec 2013 19:25:42 +0000 Subject: [PATCH] Add basic responsive styles for button-small and button-large, override responsive button-large styles when used in the .interim-login iframe. Fixes #26363. git-svn-id: https://develop.svn.wordpress.org/trunk@26533 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/buttons.css | 30 +++++++++++++++++++++++++----- 1 file changed, 25 insertions(+), 5 deletions(-) diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css index a1bccf0a63..4bafa2e646 100644 --- a/src/wp-includes/css/buttons.css +++ b/src/wp-includes/css/buttons.css @@ -279,6 +279,8 @@ TABLE OF CONTENTS: @media screen and ( max-width: 782px ) { .wp-core-ui .button, + .wp-core-ui .button.button-large, + .wp-core-ui .button.button-small, input#publish, input#save-post, a.preview { @@ -289,19 +291,25 @@ TABLE OF CONTENTS: height: auto; 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; height: 24px; line-height: 22px; font-size: 13px; } - + /* Publish Metabox Options */ .wp-core-ui .save-post-status.button { position: relative; @@ -320,4 +328,16 @@ TABLE OF CONTENTS: height: 28px; 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; + } }