vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-06-28 14:20:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

New pointer styles. Arrows are currently optimized to point upward. props georgestephanis, chexee. see #18693.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@19269 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
2011-11-14 10:30:14 +00:00
parent 82f5175bf7
commit 4bc2fdb619
6 changed files with 123 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
wp-includes/js/wp-pointer.dev.js
View File

@@ -8,13 +8,13 @@
$.widget("wp.pointer", {
options: {
pointerClass: 'wp-pointer',
pointerWidth: 400,
pointerWidth: 320,
content: function( respond, event, t ) {
return $(this).text();
},
buttons: function( event, t ) {
var close = ( wpPointerL10n ) ? wpPointerL10n.close : 'Close',
button = $('<a href="#">' + close + '</a>');
var close = ( wpPointerL10n ) ? wpPointerL10n.dismiss : 'Dismiss',
button = $('<a class="close" href="#">' + close + '</a>');
return button.bind( 'click.pointer', function() {
t.element.pointer('close');
@@ -163,40 +163,18 @@
repoint: function() {
var o = this.options,
position,
at;
edge;
if ( o.disabled )
return;
// Generate arrow position from the box position.
position = $.extend( this._processPosition( o.position ), {
of: this.pointer,
offset: ''
});
// Swap at and my; we're positioning the arrow relative to the box.
at = position.at + '';
position.at = position.my;
position.my = at;
// Don't align the arrows exactly with the edge.
if ( position.align != 'center' ) {
position.offset = ( position.align == 'top' || position.align == 'left' ) ? 15 : -15;
if ( position.align == 'top' || position.align == 'bottom' )
position.offset = '0 ' + position.offset;
else
position.offset = position.offset + ' 0';
}
edge = ( typeof o.position == 'string' ) ? o.position : o.position.edge;
// Remove arrow classes.
this.pointer[0].className = this.pointer[0].className.replace( /wp-pointer-[^\s'"]*/, '' );
// Add arrow class.
this.pointer.addClass( 'wp-pointer-' + position.edge );
// Reposition arrow.
this.arrow.position( position );
this.pointer.addClass( 'wp-pointer-' + edge );
},
_processPosition: function( position ) {