diff --git a/core/assets/vendor/jquery-joyride/jquery.joyride-2.1.min.js b/core/assets/vendor/jquery-joyride/jquery.joyride-2.1.min.js deleted file mode 100644 index e6d6961..0000000 --- a/core/assets/vendor/jquery-joyride/jquery.joyride-2.1.min.js +++ /dev/null @@ -1,2 +0,0 @@ -/* jQuery Foundation Joyride Plugin 2.1 | Copyright 2012, ZURB | www.opensource.org/licenses/mit-license.php */ -(function(e,t,n){"use strict";var r={version:"2.0.3",tipLocation:"bottom",nubPosition:"auto",scroll:!0,scrollSpeed:300,timer:0,autoStart:!1,startTimerOnClick:!0,startOffset:0,nextButton:!0,tipAnimation:"fade",pauseAfter:[],tipAnimationFadeSpeed:300,cookieMonster:!1,cookieName:"joyride",cookieDomain:!1,cookiePath:!1,localStorage:!1,localStorageKey:"joyride",tipContainer:"body",modal:!1,expose:!1,postExposeCallback:e.noop,preRideCallback:e.noop,postRideCallback:e.noop,preStepCallback:e.noop,postStepCallback:e.noop,template:{link:'X',timer:'
',tip:'
',wrapper:'',button:'',modal:'
',expose:'
',exposeCover:'
'}},i=i||!1,s={},o={init:function(n){return this.each(function(){e.isEmptyObject(s)?(s=e.extend(!0,r,n),s.document=t.document,s.$document=e(s.document),s.$window=e(t),s.$content_el=e(this),s.$body=e(s.tipContainer),s.body_offset=e(s.tipContainer).position(),s.$tip_content=e("> li",s.$content_el),s.paused=!1,s.attempts=0,s.tipLocationPatterns={top:["bottom"],bottom:[],left:["right","top","bottom"],right:["left","top","bottom"]},o.jquery_check(),e.isFunction(e.cookie)||(s.cookieMonster=!1),(!s.cookieMonster||!e.cookie(s.cookieName))&&(!s.localStorage||!o.support_localstorage()||!localStorage.getItem(s.localStorageKey))&&(s.$tip_content.each(function(t){o.create({$li:e(this),index:t})}),s.autoStart&&(!s.startTimerOnClick&&s.timer>0?(o.show("init"),o.startTimer()):o.show("init"))),s.$document.on("click.joyride",".joyride-next-tip, .joyride-modal-bg",function(e){e.preventDefault(),s.$li.next().length<1?o.end():s.timer>0?(clearTimeout(s.automate),o.hide(),o.show(),o.startTimer()):(o.hide(),o.show())}),s.$document.on("click.joyride",".joyride-close-tip",function(e){e.preventDefault(),o.end()}),s.$window.bind("resize.joyride",function(t){if(s.$li){if(s.exposed&&s.exposed.length>0){var n=e(s.exposed);n.each(function(){var t=e(this);o.un_expose(t),o.expose(t)})}o.is_phone()?o.pos_phone():o.pos_default()}})):o.restart()})},resume:function(){o.set_li(),o.show()},nextTip:function(){s.$li.next().length<1?o.end():s.timer>0?(clearTimeout(s.automate),o.hide(),o.show(),o.startTimer()):(o.hide(),o.show())},tip_template:function(t){var n,r,i;return t.tip_class=t.tip_class||"",n=e(s.template.tip).addClass(t.tip_class),r=e.trim(e(t.li).html())+o.button_text(t.button_text)+s.template.link+o.timer_instance(t.index),i=e(s.template.wrapper),t.li.attr("data-aria-labelledby")&&i.attr("aria-labelledby",t.li.attr("data-aria-labelledby")),t.li.attr("data-aria-describedby")&&i.attr("aria-describedby",t.li.attr("data-aria-describedby")),n.append(i),n.first().attr("data-index",t.index),e(".joyride-content-wrapper",n).append(r),n[0]},timer_instance:function(t){var n;return t===0&&s.startTimerOnClick&&s.timer>0||s.timer===0?n="":n=o.outerHTML(e(s.template.timer)[0]),n},button_text:function(t){return s.nextButton?(t=e.trim(t)||"Next",t=o.outerHTML(e(s.template.button).append(t)[0])):t="",t},create:function(t){var n=t.$li.attr("data-button")||t.$li.attr("data-text"),r=t.$li.attr("class"),i=e(o.tip_template({tip_class:r,index:t.index,button_text:n,li:t.$li}));e(s.tipContainer).append(i)},show:function(t){var r={},i,u=[],a=0,f,l=null;if(s.$li===n||e.inArray(s.$li.index(),s.pauseAfter)===-1){s.paused?s.paused=!1:o.set_li(t),s.attempts=0;if(s.$li.length&&s.$target.length>0){t&&(s.preRideCallback(s.$li.index(),s.$next_tip),s.modal&&o.show_modal()),s.preStepCallback(s.$li.index(),s.$next_tip),u=(s.$li.data("options")||":").split(";"),a=u.length;for(i=a-1;i>=0;i--)f=u[i].split(":"),f.length===2&&(r[e.trim(f[0])]=e.trim(f[1]));s.tipSettings=e.extend({},s,r),s.tipSettings.tipLocationPattern=s.tipLocationPatterns[s.tipSettings.tipLocation],s.modal&&s.expose&&o.expose(),!/body/i.test(s.$target.selector)&&s.scroll&&o.scroll_to(),o.is_phone()?o.pos_phone(!0):o.pos_default(!0),l=e(".joyride-timer-indicator",s.$next_tip),/pop/i.test(s.tipAnimation)?(l.outerWidth(0),s.timer>0?(s.$next_tip.show(),l.animate({width:e(".joyride-timer-indicator-wrap",s.$next_tip).outerWidth()},s.timer)):s.$next_tip.show()):/fade/i.test(s.tipAnimation)&&(l.outerWidth(0),s.timer>0?(s.$next_tip.fadeIn(s.tipAnimationFadeSpeed),s.$next_tip.show(),l.animate({width:e(".joyride-timer-indicator-wrap",s.$next_tip).outerWidth()},s.timer)):s.$next_tip.fadeIn(s.tipAnimationFadeSpeed)),s.$current_tip=s.$next_tip,e(".joyride-next-tip",s.$current_tip).focus(),o.tabbable(s.$current_tip)}else s.$li&&s.$target.length<1?o.show():o.end()}else s.paused=!0},is_phone:function(){return i?i.mq("only screen and (max-width: 767px)"):s.$window.width()<767?!0:!1},support_localstorage:function(){return i?i.localstorage:!!t.localStorage},hide:function(){s.modal&&s.expose&&o.un_expose(),s.modal||e(".joyride-modal-bg").hide(),s.$current_tip.hide(),s.postStepCallback(s.$li.index(),s.$current_tip)},set_li:function(e){e?(s.$li=s.$tip_content.eq(s.startOffset),o.set_next_tip(),s.$current_tip=s.$next_tip):(s.$li=s.$li.next(),o.set_next_tip()),o.set_target()},set_next_tip:function(){s.$next_tip=e(".joyride-tip-guide[data-index="+s.$li.index()+"]")},set_target:function(){var t=s.$li.attr("data-class"),n=s.$li.attr("data-id"),r=function(){return n?e(s.document.getElementById(n)):t?e("."+t).filter(":visible").first():e("body")};s.$target=r()},scroll_to:function(){var t,n;t=s.$window.height()/2,n=Math.ceil(s.$target.offset().top-t+s.$next_tip.outerHeight()),e("html, body").stop().animate({scrollTop:n},s.scrollSpeed)},paused:function(){return e.inArray(s.$li.index()+1,s.pauseAfter)===-1?!0:!1},destroy:function(){e.isEmptyObject(s)||s.$document.off(".joyride"),e(t).off(".joyride"),e(".joyride-close-tip, .joyride-next-tip, .joyride-modal-bg").off(".joyride"),e(".joyride-tip-guide, .joyride-modal-bg").remove(),clearTimeout(s.automate),s={}},restart:function(){s.autoStart?(o.hide(),s.$li=n,o.show("init")):(!s.startTimerOnClick&&s.timer>0?(o.show("init"),o.startTimer()):o.show("init"),s.autoStart=!0)},pos_default:function(t){var n=Math.ceil(s.$window.height()/2),r=s.$next_tip.offset(),i=e(".joyride-nub",s.$next_tip),u=Math.ceil(i.outerWidth()/2),a=Math.ceil(i.outerHeight()/2),f=t||!1;f&&(s.$next_tip.css("visibility","hidden"),s.$next_tip.show());if(!/body/i.test(s.$target.selector)){var l=s.tipSettings.tipAdjustmentY?parseInt(s.tipSettings.tipAdjustmentY):0,c=s.tipSettings.tipAdjustmentX?parseInt(s.tipSettings.tipAdjustmentX):0;o.bottom()?(s.$next_tip.css({top:s.$target.offset().top+a+s.$target.outerHeight()+l,left:s.$target.offset().left+c}),/right/i.test(s.tipSettings.nubPosition)&&s.$next_tip.css("left",s.$target.offset().left-s.$next_tip.outerWidth()+s.$target.outerWidth()),o.nub_position(i,s.tipSettings.nubPosition,"top")):o.top()?(s.$next_tip.css({top:s.$target.offset().top-s.$next_tip.outerHeight()-a+l,left:s.$target.offset().left+c}),o.nub_position(i,s.tipSettings.nubPosition,"bottom")):o.right()?(s.$next_tip.css({top:s.$target.offset().top+l,left:s.$target.outerWidth()+s.$target.offset().left+u+c}),o.nub_position(i,s.tipSettings.nubPosition,"left")):o.left()&&(s.$next_tip.css({top:s.$target.offset().top+l,left:s.$target.offset().left-s.$next_tip.outerWidth()-u+c}),o.nub_position(i,s.tipSettings.nubPosition,"right")),!o.visible(o.corners(s.$next_tip))&&s.attempts0&&arguments[0]instanceof e)i=arguments[0];else{if(!s.$target||!!/body/i.test(s.$target.selector))return!1;i=s.$target}if(i.length<1)return t.console&&console.error("element not valid",i),!1;n=e(s.template.expose),s.$body.append(n),n.css({top:i.offset().top,left:i.offset().left,width:i.outerWidth(!0),height:i.outerHeight(!0)}),r=e(s.template.exposeCover),u={zIndex:i.css("z-index"),position:i.css("position")},i.css("z-index",n.css("z-index")*1+1),u.position=="static"&&i.css("position","relative"),i.data("expose-css",u),r.css({top:i.offset().top,left:i.offset().left,width:i.outerWidth(!0),height:i.outerHeight(!0)}),s.$body.append(r),n.addClass(a),r.addClass(a),s.tipSettings.exposeClass&&(n.addClass(s.tipSettings.exposeClass),r.addClass(s.tipSettings.exposeClass)),i.data("expose",a),s.postExposeCallback(s.$li.index(),s.$next_tip,i),o.add_exposed(i)},un_expose:function(){var n,r,i,u,a=!1;if(arguments.length>0&&arguments[0]instanceof e)r=arguments[0];else{if(!s.$target||!!/body/i.test(s.$target.selector))return!1;r=s.$target}if(r.length<1)return t.console&&console.error("element not valid",r),!1;n=r.data("expose"),i=e("."+n),arguments.length>1&&(a=arguments[1]),a===!0?e(".joyride-expose-wrapper,.joyride-expose-cover").remove():i.remove(),u=r.data("expose-css"),u.zIndex=="auto"?r.css("z-index",""):r.css("z-index",u.zIndex),u.position!=r.css("position")&&(u.position=="static"?r.css("position",""):r.css("position",u.position)),r.removeData("expose"),r.removeData("expose-z-index"),o.remove_exposed(r)},add_exposed:function(t){s.exposed=s.exposed||[],t instanceof e?s.exposed.push(t[0]):typeof t=="string"&&s.exposed.push(t)},remove_exposed:function(t){var n;t instanceof e?n=t[0]:typeof t=="string"&&(n=t),s.exposed=s.exposed||[];for(var r=0;ru&&(u=o),[e.offset().tope.offset().left]},visible:function(e){var t=e.length;while(t--)if(e[t])return!1;return!0},nub_position:function(e,t,n){t==="auto"?e.addClass(n):e.addClass(t)},startTimer:function(){s.$li.length?s.automate=setTimeout(function(){o.hide(),o.show(),o.startTimer()},s.timer):clearTimeout(s.automate)},end:function(){s.cookieMonster&&e.cookie(s.cookieName,"ridden",{expires:365,domain:s.cookieDomain,path:s.cookiePath}),s.localStorage&&localStorage.setItem(s.localStorageKey,!0),s.timer>0&&clearTimeout(s.automate),s.modal&&s.expose&&o.un_expose(),s.$current_tip&&s.$current_tip.hide(),s.$li&&(s.postStepCallback(s.$li.index(),s.$current_tip),s.postRideCallback(s.$li.index(),s.$current_tip)),e(".joyride-modal-bg").hide()},jquery_check:function(){return e.isFunction(e.fn.on)?!0:(e.fn.on=function(e,t,n){return this.delegate(t,e,n)},e.fn.off=function(e,t,n){return this.undelegate(t,e,n)},!1)},outerHTML:function(e){return e.outerHTML||(new XMLSerializer).serializeToString(e)},version:function(){return s.version},tabbable:function(t){e(t).on("keydown",function(n){if(!n.isDefaultPrevented()&&n.keyCode&&n.keyCode===27){n.preventDefault(),o.end();return}if(n.keyCode!==9)return;var r=e(t).find(":tabbable"),i=r.filter(":first"),s=r.filter(":last");n.target===s[0]&&!n.shiftKey?(i.focus(1),n.preventDefault()):n.target===i[0]&&n.shiftKey&&(s.focus(1),n.preventDefault())})}};e.fn.joyride=function(t){if(o[t])return o[t].apply(this,Array.prototype.slice.call(arguments,1));if(typeof t=="object"||!t)return o.init.apply(this,arguments);e.error("Method "+t+" does not exist on jQuery.joyride")}})(jQuery,this); diff --git a/core/core.libraries.yml b/core/core.libraries.yml index e645035..2209458 100644 --- a/core/core.libraries.yml +++ b/core/core.libraries.yml @@ -391,13 +391,13 @@ jquery.form: jquery.joyride: remote: https://github.com/zurb/joyride - version: "v2.1.0" + version: "v3.0" license: name: MIT - url: https://github.com/zurb/joyride/blob/v2.1.0/README.markdown + url: https://github.com/zurb/joyride/blob/v3.0/README.markdown gpl-compatible: true js: - assets/vendor/jquery-joyride/jquery.joyride-2.1.min.js: { minified: true } + assets/vendor/jquery-joyride/solo.joyride.js: { minified: true } dependencies: - core/jquery - core/jquery.cookie diff --git a/core/modules/tour/css/tour.module.css b/core/modules/tour/css/tour.module.css index 18d8aa0..844a7b5 100644 --- a/core/modules/tour/css/tour.module.css +++ b/core/modules/tour/css/tour.module.css @@ -23,7 +23,7 @@ } /* Default styles for the container */ -.joyride-tip-guide { +.tooltip.joyride { position: absolute; display: none; background: #fff; @@ -39,16 +39,16 @@ } } -.joyride-content-wrapper { +.tooltip.joyride { position: relative; padding: 20px 50px 20px 20px; /* LTR */ } -[dir="rtl"] .joyride-content-wrapper { +[dir="rtl"] .tooltip.joyride { padding: 20px 20px 20px 50px; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */ -.joyride-tip-guide .joyride-nub { +.tooltip.joyride { display: block; position: absolute; left: 22px; @@ -56,45 +56,46 @@ height: 0; } -.joyride-tip-guide .joyride-nub.top { +.tooltip.joyride.top { top: -28px; bottom: auto; } -.joyride-tip-guide .joyride-nub.bottom { +.tooltip.joyride.bottom { bottom: -28px; } -.joyride-tip-guide .joyride-nub.right { +.tooltip.joyride.right { top: 22px; bottom: auto; left: auto; right: -28px; } -.joyride-tip-guide .joyride-nub.left { +.tooltip.joyride.left { top: 22px; left: -28px; right: auto; bottom: auto; } -.joyride-tip-guide .joyride-nub.top-right { +.tooltip.joyride.top.right { top: -28px; bottom: auto; left: auto; right: 28px; } -.joyride-tip-guide .tour-tip-label { +.tooltip.joyride .tour-tip-label { margin-top: 0; } -.joyride-tip-guide p { +.tooltip.joyride p { margin: 0 0 1.4em; } .joyride-timer-indicator-wrap { + /* @todo */ width: 50px; height: 3px; position: absolute; @@ -102,23 +103,24 @@ bottom: 16px; } .joyride-timer-indicator { + /* @todo */ display: block; width: 0; height: inherit; } -.joyride-close-tip { +.tooltip.joyride a.close { position: absolute; line-height: 1em; right: 20px; /* LTR */ top: 20px; } -[dir="rtl"] .joyride-close-tip { +[dir="rtl"] .tooltip.joyride a.close { left: 20px; right: auto; } -.joyride-modal-bg { +.reveal-overlay { position: fixed; height: 100%; width: 100%; @@ -130,11 +132,13 @@ } .joyride-expose-wrapper { + /* @todo */ position: absolute; z-index: 102; } .joyride-expose-cover { + /* @todo */ position: absolute; z-index: 10000; top: 0; diff --git a/core/modules/tour/js/tour.es6.js b/core/modules/tour/js/tour.es6.js index f3b1107..204b4dc 100644 --- a/core/modules/tour/js/tour.es6.js +++ b/core/modules/tour/js/tour.es6.js @@ -25,7 +25,9 @@ */ Drupal.behaviors.tour = { attach(context) { + // Initialize stub foundation required for Joyride 3.0.0 solo plugin. $('body').once('tour').each(() => { + $(document).foundation(); const model = new Drupal.tour.models.StateModel(); new Drupal.tour.views.ToggleTourView({ el: $(context).find('#toolbar-tab-tour'), @@ -147,7 +149,8 @@ this._removeIrrelevantTourItems($tour, this._getDocument()); const that = this; if ($tour.find('li').length) { - $tour.joyride({ + $tour.foundation('start'); + /** @todo find out how to attach the after event. autoStart: true, postRideCallback() { that.model.set('isActive', false); @@ -157,12 +160,12 @@ link: '×', button: '', }, - }); + });*/ this.model.set({ isActive: true, activeTour: $tour }); } } else { - this.model.get('activeTour').joyride('destroy'); + this.model.get('activeTour').foundation('destroy'); this.model.set({ isActive: false, activeTour: [] }); } }, diff --git a/core/modules/tour/js/tour.js b/core/modules/tour/js/tour.js index f20796a..c2280a0 100644 --- a/core/modules/tour/js/tour.js +++ b/core/modules/tour/js/tour.js @@ -11,6 +11,7 @@ Drupal.behaviors.tour = { attach: function attach(context) { $('body').once('tour').each(function () { + $(document).foundation(); var model = new Drupal.tour.models.StateModel(); new Drupal.tour.views.ToggleTourView({ el: $(context).find('#toolbar-tab-tour'), @@ -64,21 +65,12 @@ this._removeIrrelevantTourItems($tour, this._getDocument()); var that = this; if ($tour.find('li').length) { - $tour.joyride({ - autoStart: true, - postRideCallback: function postRideCallback() { - that.model.set('isActive', false); - }, - - template: { - link: '×', - button: '' - } - }); + $tour.foundation('start'); + this.model.set({ isActive: true, activeTour: $tour }); } } else { - this.model.get('activeTour').joyride('destroy'); + this.model.get('activeTour').foundation('destroy'); this.model.set({ isActive: false, activeTour: [] }); } }, diff --git a/core/modules/tour/src/TourViewBuilder.php b/core/modules/tour/src/TourViewBuilder.php index a9bfe5a..53f1222 100644 --- a/core/modules/tour/src/TourViewBuilder.php +++ b/core/modules/tour/src/TourViewBuilder.php @@ -29,6 +29,19 @@ public function viewMultiple(array $entities = [], $view_mode = 'full', $langcod 'tip-' . Html::cleanCssIdentifier($tip->id()), ], ]; + $tipAttributes = $tip->getAttributes(); + if (isset($tipAttributes['data-id'])) { + // BC shim for data-id from Joyride 2.1.0. + $tipAttributes['data-target'] = '#' . $tipAttributes['data-id']; + unset($tipAttributes['data-id']); + } + if (isset($tipAttributes['data-class'])) { + // BC shim for data-id from Joyride 2.1.0. + $tipAttributes['data-target'] = '.' . $tipAttributes['data-class']; + unset($tipAttributes['data-class']); + } + // @todo handle data-options which now need to be separate data- + // attributes. $list_items[] = [ 'output' => $output, 'counter' => [ @@ -40,7 +53,7 @@ public function viewMultiple(array $entities = [], $view_mode = 'full', $langcod ], '#children' => t('@tour_item of @total', ['@tour_item' => $index + 1, '@total' => $count]), ], - '#wrapper_attributes' => $tip->getAttributes() + $attributes, + '#wrapper_attributes' => $tipAttributes + $attributes, ]; } } @@ -58,6 +71,7 @@ public function viewMultiple(array $entities = [], $view_mode = 'full', $langcod 'class' => [ 'hidden', ], + 'data-joyride' => 'data-joyride', ], '#cache' => [ 'tags' => $entity->getCacheTags(), diff --git a/core/themes/seven/css/components/tour.theme.css b/core/themes/seven/css/components/tour.theme.css index d2ac534..4974667 100644 --- a/core/themes/seven/css/components/tour.theme.css +++ b/core/themes/seven/css/components/tour.theme.css @@ -4,7 +4,7 @@ */ /* Default styles for the container */ -.joyride-tip-guide { +.tooltip.joyride { background: #000; background: rgba(0,0,0, 0.8); color: #fff; @@ -13,62 +13,62 @@ /* Mobile */ @media only screen and (max-width: 767px) { - .joyride-tip-guide { + .tooltip.joyride { border-radius: 0; } } /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */ -.joyride-tip-guide .joyride-nub { +.tooltip.joyride { border: solid 14px rgba(0,0,0, 0.8); } -.joyride-tip-guide .joyride-nub.top { +.tooltip.joyride.top { border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } -.joyride-tip-guide .joyride-nub.bottom { +.tooltip.joyride.bottom { border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } -.joyride-tip-guide .joyride-nub.right { +.tooltip.joyride.right { border-top-color: transparent; border-right-color: transparent; /* LTR */ border-bottom-color: transparent; } -[dir="rtl"] .joyride-tip-guide .joyride-nub.right { +[dir="rtl"] .tooltip.joyride.right { border-left-color: transparent; border-right-color: rgba(0,0,0, 0.8); } -.joyride-tip-guide .joyride-nub.left { +.tooltip.joyride.left { border-top-color: transparent; border-left-color: transparent; /* LTR */ border-bottom-color: transparent; } -[dir="rtl"] .joyride-tip-guide .joyride-nub.left { +[dir="rtl"] .tooltip.joyride.left { border-left-color: rgba(0,0,0, 0.8); border-right-color: transparent; } -.joyride-tip-guide .joyride-nub.top-right { +.tooltip.joyride.top-right { border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } /* Typography */ -.joyride-tip-guide h2 { +.tooltip.joyride h2 { color: #fff; } -.joyride-tip-guide p { +.tooltip.joyride p { line-height: 1.385em; } -.joyride-tip-guide a { +.tooltip.joyride a { color: #fff; } /* Button Style */ -.joyride-tip-guide .joyride-next-tip { +.tooltip.joyride .joyride-next-tip { margin: 0; } .joyride-timer-indicator-wrap { @@ -78,19 +78,19 @@ background: rgba(255,255,255, 0.25); } -.joyride-close-tip { +.tooltip.joyride a.close { color: rgba(255,255,255, 0.4); text-decoration: none; font-size: 1.4em; font-weight: bold; } -.joyride-close-tip:hover, -.joyride-close-tip:focus { +.tooltip.joyride a.close:hover, +.tooltip.joyride a.close:focus { color: rgba(255,255,255, 0.9); text-decoration: none; } -.joyride-modal-bg { +.reveal-overlay { background: rgba(0,0,0, 0.5); } diff --git a/core/themes/stable/css/tour/tour.module.css b/core/themes/stable/css/tour/tour.module.css index 18d8aa0..844a7b5 100644 --- a/core/themes/stable/css/tour/tour.module.css +++ b/core/themes/stable/css/tour/tour.module.css @@ -23,7 +23,7 @@ } /* Default styles for the container */ -.joyride-tip-guide { +.tooltip.joyride { position: absolute; display: none; background: #fff; @@ -39,16 +39,16 @@ } } -.joyride-content-wrapper { +.tooltip.joyride { position: relative; padding: 20px 50px 20px 20px; /* LTR */ } -[dir="rtl"] .joyride-content-wrapper { +[dir="rtl"] .tooltip.joyride { padding: 20px 20px 20px 50px; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */ -.joyride-tip-guide .joyride-nub { +.tooltip.joyride { display: block; position: absolute; left: 22px; @@ -56,45 +56,46 @@ height: 0; } -.joyride-tip-guide .joyride-nub.top { +.tooltip.joyride.top { top: -28px; bottom: auto; } -.joyride-tip-guide .joyride-nub.bottom { +.tooltip.joyride.bottom { bottom: -28px; } -.joyride-tip-guide .joyride-nub.right { +.tooltip.joyride.right { top: 22px; bottom: auto; left: auto; right: -28px; } -.joyride-tip-guide .joyride-nub.left { +.tooltip.joyride.left { top: 22px; left: -28px; right: auto; bottom: auto; } -.joyride-tip-guide .joyride-nub.top-right { +.tooltip.joyride.top.right { top: -28px; bottom: auto; left: auto; right: 28px; } -.joyride-tip-guide .tour-tip-label { +.tooltip.joyride .tour-tip-label { margin-top: 0; } -.joyride-tip-guide p { +.tooltip.joyride p { margin: 0 0 1.4em; } .joyride-timer-indicator-wrap { + /* @todo */ width: 50px; height: 3px; position: absolute; @@ -102,23 +103,24 @@ bottom: 16px; } .joyride-timer-indicator { + /* @todo */ display: block; width: 0; height: inherit; } -.joyride-close-tip { +.tooltip.joyride a.close { position: absolute; line-height: 1em; right: 20px; /* LTR */ top: 20px; } -[dir="rtl"] .joyride-close-tip { +[dir="rtl"] .tooltip.joyride a.close { left: 20px; right: auto; } -.joyride-modal-bg { +.reveal-overlay { position: fixed; height: 100%; width: 100%; @@ -130,11 +132,13 @@ } .joyride-expose-wrapper { + /* @todo */ position: absolute; z-index: 102; } .joyride-expose-cover { + /* @todo */ position: absolute; z-index: 10000; top: 0;