AndyRussG has uploaded a new change for review. https://gerrit.wikimedia.org/r/83366
Change subject: Add vFlippedClassString guider property ...................................................................... Add vFlippedClassString guider property This property is useful if your guider needs different CSS styles when it's flipped vertically to stay on the screen. Change-Id: Iae7975563e488791b168f5dac3d9ab65d374be67 --- M modules/ext.guidedTour.lib.js M modules/mediawiki.libs.guiders/mediawiki.libs.guiders.js 2 files changed, 15 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/GuidedTour refs/changes/66/83366/1 diff --git a/modules/ext.guidedTour.lib.js b/modules/ext.guidedTour.lib.js index 9d8e142..0efef67 100644 --- a/modules/ext.guidedTour.lib.js +++ b/modules/ext.guidedTour.lib.js @@ -655,6 +655,9 @@ options.classString = options.classString || ''; options.classString += ' ' + internal.getTourCssClass( tourName ); + options.vFlippedClassString = options.vFlippedClassString || options.classString || ''; + options.vFlippedClassString += ' ' + internal.getTourCssClass( tourName ); + if ( options.attachTo !== undefined ) { options.attachTo = getValueForSkin( options, 'attachTo' ); } diff --git a/modules/mediawiki.libs.guiders/mediawiki.libs.guiders.js b/modules/mediawiki.libs.guiders/mediawiki.libs.guiders.js index 393f626..79a659e 100644 --- a/modules/mediawiki.libs.guiders/mediawiki.libs.guiders.js +++ b/modules/mediawiki.libs.guiders/mediawiki.libs.guiders.js @@ -76,6 +76,7 @@ buttons: [{name: 'Close'}], buttonCustomHTML: '', classString: null, + vFlippedClassString : null, // alternate class string for when guider is v-flipped to keep on-screen closeOnEscape: false, closeOnClickOutside: false, description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.', @@ -505,6 +506,17 @@ rightOfGuider = css.left + myGuider.width; flipVertically = css.top < 0; flipHorizontally = css.left < 0 || rightOfGuider > $('body').innerWidth(); + + if (myGuider.vFlippedClassString) { + if (flipVertically) { + myGuider.elem.removeClass(myGuider.classString); + myGuider.elem.addClass(myGuider.vFlippedClassString); + } else { + myGuider.elem.removeClass(myGuider.vFlippedClassString); + myGuider.elem.addClass(myGuider.classString); + } + } + if (flipVertically || flipHorizontally) { position = guiders.getFlippedPosition(position, { vertical: flipVertically, -- To view, visit https://gerrit.wikimedia.org/r/83366 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Iae7975563e488791b168f5dac3d9ab65d374be67 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/GuidedTour Gerrit-Branch: master Gerrit-Owner: AndyRussG <andrew.green...@gmail.com> Gerrit-Reviewer: jenkins-bot _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits