Fix feature pointer positioning issues for both LTR and RTL.

fixes #28062.

git-svn-id: https://develop.svn.wordpress.org/trunk@28897 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2014-06-29 16:05:53 +00:00
parent db4da6e488
commit 107001213b
2 changed files with 20 additions and 18 deletions

View File

@ -1992,7 +1992,7 @@ final class WP_Internal_Pointers {
self::print_js( 'wp360_revisions', '.misc-pub-section.misc-pub-revisions', array(
'content' => $content,
'position' => array( 'edge' => is_rtl() ? 'left' : 'right', 'align' => 'center', 'my' => is_rtl() ? 'left' : 'right-14px' ),
'position' => array( 'edge' => is_rtl() ? 'left' : 'right', 'align' => 'center' ),
) );
}
@ -2020,7 +2020,7 @@ final class WP_Internal_Pointers {
if ( 'themes' === get_current_screen()->id ) {
$selector = '.theme.active .customize';
$position = array( 'edge' => is_rtl() ? 'right' : 'left', 'align' => 'center', 'my' => is_rtl() ? 'right-13px' : '' );
$position = array( 'edge' => is_rtl() ? 'right' : 'left', 'align' => 'center' );
} else {
$selector = 'a[href="customize.php"]';
if ( is_rtl() ) {

View File

@ -106,6 +106,7 @@
}
.wp-pointer-bottom {
margin-top: -13px;
padding-bottom: 13px;
}
@ -115,6 +116,7 @@
}
/* @noflip */
.wp-pointer-right {
margin-left: -13px;
padding-right: 13px;
}
@ -139,10 +141,11 @@
border-bottom-color: #3592b6;
}
.wp-pointer-top .wp-pointer-arrow:before,
.wp-pointer-undefined .wp-pointer-arrow:before {
.wp-pointer-top .wp-pointer-arrow-inner,
.wp-pointer-undefined .wp-pointer-arrow-inner {
top: 1px;
margin-left: -13px;
margin-top: -11px;
margin-top: -13px;
border: 13px solid transparent;
border-bottom-color: #2ea2cc;
display: block;
@ -155,9 +158,10 @@
border-top-color: #ccc;
}
.wp-pointer-bottom .wp-pointer-arrow:before {
.wp-pointer-bottom .wp-pointer-arrow-inner {
bottom: 1px;
margin-left: -13px;
margin-top: -14px;
margin-bottom: -13px;
border: 13px solid transparent;
border-top-color: #fff;
display: block;
@ -171,8 +175,10 @@
border-right-color: #ccc;
}
.wp-pointer-left .wp-pointer-arrow:before {
margin-left: -14px;
/* @noflip */
.wp-pointer-left .wp-pointer-arrow-inner {
left: 1px;
margin-left: -13px;
margin-top: -13px;
border: 13px solid transparent;
border-right-color: #fff;
@ -182,13 +188,15 @@
/* @noflip */
.wp-pointer-right .wp-pointer-arrow {
right:0;
right: 0;
border-width: 13px 0 13px 13px;
border-left-color: #ccc;
}
.wp-pointer-right .wp-pointer-arrow:before {
margin-left: -14px;
/* @noflip */
.wp-pointer-right .wp-pointer-arrow-inner {
right: 1px;
margin-right: -13px;
margin-top: -13px;
border: 13px solid transparent;
border-left-color: #fff;
@ -196,12 +204,6 @@
content: ' ';
}
.rtl .wp-pointer-arrow:before {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/* Disable pointers at responsive sizes */
@media screen and ( max-width: 782px ) {
.wp-pointer {