diff --git a/src/Umbraco.Web.UI.Client/src/less/components/application/umb-tour.less b/src/Umbraco.Web.UI.Client/src/less/components/application/umb-tour.less index a97c700935..2c33dc8e84 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/application/umb-tour.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/application/umb-tour.less @@ -1,13 +1,13 @@ .umb-tour__loader { background: @white; - z-index: 10000; + z-index: @zindexTourModal; position: fixed; height: 5px; } .umb-tour__pulse { position: fixed; - z-index: 10000; + z-index: @zindexTourModal; display: none; background: transparent; box-shadow: 0 0 0 @green inset; @@ -31,7 +31,7 @@ position: fixed; background: @white; border-radius: @baseBorderRadius; - z-index: 10000; + z-index: @zindexTourModal; width: 320px; max-width: 100%; box-sizing: border-box; @@ -100,3 +100,8 @@ font-size: 14px; line-height: 1.6em; } + +// we need to make sure the tour is on top of everything else +.umb-tour-is-visible .umb-backdrop { + z-index: @zindexTourBackdrop; +} diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less index c6e87a74fe..7bf71b8371 100644 --- a/src/Umbraco.Web.UI.Client/src/less/variables.less +++ b/src/Umbraco.Web.UI.Client/src/less/variables.less @@ -331,6 +331,10 @@ @zindexUmbOverlay: 7500; @zindexOverlayBackdrop: 2000; +// these are used for the tour which should be on top of everything else +@zindexTourBackdrop: 9999; +@zindexTourModal: 10000; + // Sticky bar has a z-index of "500", which is set from javascript in directive // so set z-index of cropper should be lower to be behind sticky bar. @zindexCropperOverlay: 499; diff --git a/src/Umbraco.Web.UI/Umbraco/Views/Default.cshtml b/src/Umbraco.Web.UI/Umbraco/Views/Default.cshtml index 1f26d628e4..687b8f306d 100644 --- a/src/Umbraco.Web.UI/Umbraco/Views/Default.cshtml +++ b/src/Umbraco.Web.UI/Umbraco/Views/Default.cshtml @@ -43,7 +43,7 @@ new BasicPath("Umbraco", IOHelper.ResolveUrl(SystemDirectories.Umbraco)), new BasicPath("UmbracoClient", IOHelper.ResolveUrl(SystemDirectories.UmbracoClient))) - +