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

Reply via email to