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

Built from https://develop.svn.wordpress.org/trunk@26533


git-svn-id: http://core.svn.wordpress.org/trunk@26426 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Matt Thomas 2013-12-02 19:26:09 +00:00
parent 35f42dd2bd
commit 56a97bdc01
4 changed files with 52 additions and 12 deletions

View File

@ -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 {
@ -290,9 +292,15 @@ TABLE OF CONTENTS:
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 {
@ -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;
}
}

File diff suppressed because one or more lines are too long

View File

@ -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 {
@ -290,9 +292,15 @@ TABLE OF CONTENTS:
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 {
@ -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;
}
}

File diff suppressed because one or more lines are too long