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;