Dismissible notices: more precise positioning across browsers.

props valendesigns.
fixes #31233.

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


git-svn-id: http://core.svn.wordpress.org/trunk@32047 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2015-04-07 18:44:27 +00:00
parent 55cebbeeb6
commit f780e422d8
5 changed files with 29 additions and 25 deletions

View File

@ -1289,32 +1289,36 @@ div.error p,
padding: 2px; padding: 2px;
} }
.notice.is-dismissible { .wp-core-ui .notice.is-dismissible {
padding-left: 38px; padding-left: 38px;
position: relative; position: relative;
} }
.notice-dismiss { .notice-dismiss {
height: 38px;
width: 38px;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 1px;
border: none; border: none;
margin: 0; margin: 0;
padding: 11px; padding: 9px;
background: none; background: none;
color: #b4b9be; color: #b4b9be;
cursor: pointer; cursor: pointer;
} }
.notice-dismiss:before {
position: relative;
top: 0;
right: 0;
line-height: 20px;
}
.notice-dismiss:hover:before, .notice-dismiss:hover:before,
.notice-dismiss:active:before, .notice-dismiss:active:before,
.notice-dismiss:focus:before { .notice-dismiss:focus:before {
color: #c00; color: #c00;
} }
.notice-dismiss:active,
.notice-dismiss:focus { .notice-dismiss:focus {
outline: none; outline: none;
-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
@ -3176,14 +3180,12 @@ img {
line-height: 175%; line-height: 175%;
} }
.notice.is-dismissible { .wp-core-ui .notice.is-dismissible {
padding-left: 46px; padding-left: 46px;
} }
.notice-dismiss { .notice-dismiss {
height: 46px; padding: 13px;
width: 46px;
padding: 16px;
} }
.wrap .icon32 + h2 { .wrap .icon32 + h2 {

View File

@ -1289,32 +1289,36 @@ div.error p,
padding: 2px; padding: 2px;
} }
.notice.is-dismissible { .wp-core-ui .notice.is-dismissible {
padding-right: 38px; padding-right: 38px;
position: relative; position: relative;
} }
.notice-dismiss { .notice-dismiss {
height: 38px;
width: 38px;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 1px;
border: none; border: none;
margin: 0; margin: 0;
padding: 11px; padding: 9px;
background: none; background: none;
color: #b4b9be; color: #b4b9be;
cursor: pointer; cursor: pointer;
} }
.notice-dismiss:before {
position: relative;
top: 0;
left: 0;
line-height: 20px;
}
.notice-dismiss:hover:before, .notice-dismiss:hover:before,
.notice-dismiss:active:before, .notice-dismiss:active:before,
.notice-dismiss:focus:before { .notice-dismiss:focus:before {
color: #c00; color: #c00;
} }
.notice-dismiss:active,
.notice-dismiss:focus { .notice-dismiss:focus {
outline: none; outline: none;
-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
@ -3176,14 +3180,12 @@ img {
line-height: 175%; line-height: 175%;
} }
.notice.is-dismissible { .wp-core-ui .notice.is-dismissible {
padding-right: 46px; padding-right: 46px;
} }
.notice-dismiss { .notice-dismiss {
height: 46px; padding: 13px;
width: 46px;
padding: 16px;
} }
.wrap .icon32 + h2 { .wrap .icon32 + h2 {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.2-beta4-32067'; $wp_version = '4.2-beta4-32068';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.