diff --git a/src/wp-admin/includes/class-wp-internal-pointers.php b/src/wp-admin/includes/class-wp-internal-pointers.php index de9c3ef8e2..f3e849d422 100644 --- a/src/wp-admin/includes/class-wp-internal-pointers.php +++ b/src/wp-admin/includes/class-wp-internal-pointers.php @@ -170,18 +170,20 @@ final class WP_Internal_Pointers { if ( is_rtl() ) { $position = array( 'edge' => 'right', - 'align' => 'left', + 'align' => 'bottom', ); } else { $position = array( 'edge' => 'left', - 'align' => 'right', + 'align' => 'bottom', ); } $js_args = array( 'content' => $content, 'position' => $position, + 'pointerClass' => 'wp-pointer arrow-bottom', + 'pointerWidth' => 420, ); self::print_js( 'wp496_privacy', '#menu-tools', $js_args ); } diff --git a/src/wp-includes/css/wp-pointer.css b/src/wp-includes/css/wp-pointer.css index f1856d995c..f8d58be9f6 100644 --- a/src/wp-includes/css/wp-pointer.css +++ b/src/wp-includes/css/wp-pointer.css @@ -207,6 +207,15 @@ content: " "; } +.wp-pointer.arrow-bottom .wp-pointer-content { + margin-bottom: -45px; +} + +.wp-pointer.arrow-bottom .wp-pointer-arrow { + top: 100%; + margin-top: -30px; +} + /* Disable pointers at responsive sizes */ @media screen and ( max-width: 782px ) { .wp-pointer {