only in patch2:
unchanged:
--- a/core/modules/tour/css/tour.module.css
+++ b/core/modules/tour/css/tour.module.css
@@ -51,6 +51,10 @@
   display: none;
 }
 
+.joyRideTipContent {
+  display: none;
+}
+
 /* Default styles for the container */
 .joyride-tip-guide {
   position: absolute;
@@ -109,6 +113,13 @@
   bottom: auto;
 }
 
+.joyride-tip-guide .joyride-nub.top-right {
+  top: -28px;
+  bottom: auto;
+  left: auto;
+  right: 28px;
+}
+
 .joyride-tip-guide p {
   margin: 0 0 1.4em;
 }
@@ -145,3 +156,15 @@
   left: 0;
   cursor: pointer;
 }
+
+.joyride-expose-wrapper {
+  position: absolute;
+  z-index: 102;
+}
+
+.joyride-expose-cover {
+  position: absolute;
+  z-index: 10000;
+  top: 0px;
+  left: 0px;
+}
only in patch2:
unchanged:
--- a/core/modules/tour/js/tour.js
+++ b/core/modules/tour/js/tour.js
@@ -102,6 +102,7 @@
         var that = this;
         if ($tour.find('li').length) {
           $tour.joyride({
+        	autoStart: true,
             postRideCallback: function () { that.model.set('isActive', false); },
             template: { // HTML segments for tip layout
               link: '<a href=\"#close\" class=\"joyride-close-tip\">&times;</a>',
only in patch2:
unchanged:
--- a/core/themes/seven/css/components/tour.theme.css
+++ b/core/themes/seven/css/components/tour.theme.css
@@ -42,6 +42,11 @@
   border-left-color: transparent;
   border-bottom-color: transparent;
 }
+.joyride-tip-guide .joyride-nub.top-right {
+  border-top-color: transparent;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
 
 /* Typography */
 .joyride-tip-guide h2 {
@@ -80,3 +85,11 @@
 .joyride-modal-bg {
   background: rgba(0,0,0, 0.5);
 }
+
+.joyride-expose-wrapper {
+  background-color: #ffffff;
+}
+
+.joyride-expose-cover {
+  background: transparent;
+}