sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@26533 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas 2013-12-02 19:25:42 +00:00
parent f2ca7ece13
commit d51190952a
1 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/wp-includes/css/buttons.css
View File

@ -279,6 +279,8 @@ TABLE OF CONTENTS:
@media screen and ( max-width: 782px ) { @media screen and ( max-width: 782px ) {
.wp-core-ui .button, .wp-core-ui .button,
.wp-core-ui .button.button-large,
.wp-core-ui .button.button-small,
input#publish, input#publish,
input#save-post, input#save-post,
a.preview { a.preview {
@ -290,9 +292,15 @@ TABLE OF CONTENTS:
margin-bottom: 4px; margin-bottom: 4px;
} }
/* this creates an inset effect on the text */ /* 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: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-top: 11px;
padding-bottom: 9px;
} }
#media-upload.wp-core-ui .button { #media-upload.wp-core-ui .button {
@ -320,4 +328,16 @@ TABLE OF CONTENTS:
height: 28px; height: 28px;
margin: 0; 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;
}
} }