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

Fix feature pointer positioning issues for both LTR and RTL.

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/wp-admin/includes/template.php
View File

@ -1992,7 +1992,7 @@ final class WP_Internal_Pointers {
self::print_js( 'wp360_revisions', '.misc-pub-section.misc-pub-revisions', array( self::print_js( 'wp360_revisions', '.misc-pub-section.misc-pub-revisions', array(
'content' => $content, '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 ) { if ( 'themes' === get_current_screen()->id ) {
$selector = '.theme.active .customize'; $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 { } else {
$selector = 'a[href="customize.php"]'; $selector = 'a[href="customize.php"]';
if ( is_rtl() ) { if ( is_rtl() ) {

34
src/wp-includes/css/wp-pointer.css
View File

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