frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Try to handle smaller screen sizes in tourGuide

Browse Source
This commit is contained in:
Nick O'Leary 2021-09-27 17:35:49 +01:00
parent 5329e803e2
commit 4422af26ec
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/node_modules/@node-red/editor-client/src/js/ui/tour/tourGuide.js vendored
View File

@ -199,6 +199,11 @@ RED.tourGuide = (function() {
shade.hide(); shade.hide();
throw new Error("Element not found") throw new Error("Element not found")
} }
if ($(window).width() < 400) {
targetElement = $(".red-ui-editor");
fullscreen = true;
direction = "inset";
}
zIndex = targetElement.css("z-index"); zIndex = targetElement.css("z-index");
if (!fullscreen) { if (!fullscreen) {
@ -290,7 +295,7 @@ RED.tourGuide = (function() {
if (fullscreen) { if (fullscreen) {
width = 500; width = 500;
} }
var maxWidth = Math.max(width || 0, 300); var maxWidth = Math.min($(window).width()-10,Math.max(width || 0, 300));
if (!popover) { if (!popover) {
popover = RED.popover.create({ popover = RED.popover.create({
target: targetElement, target: targetElement,