From 88b789c466c079a7b02cb0acb30f680b91dc8880 Mon Sep 17 00:00:00 2001 From: Terry Truong Date: Thu, 30 Jun 2022 15:42:59 +1000 Subject: For large screens, place tutorial-pane on bottom-right --- src/lib.ts | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) (limited to 'src/lib.ts') diff --git a/src/lib.ts b/src/lib.ts index de8c560..bbeb02a 100644 --- a/src/lib.ts +++ b/src/lib.ts @@ -4,7 +4,7 @@ import {TolNode} from './tol'; import {LayoutOptions} from './layout'; -import {getBreakpoint, getScrollBarWidth, onTouchDevice} from './util'; +import {getBreakpoint, Breakpoint, getScrollBarWidth, onTouchDevice} from './util'; // For server requests const SERVER_URL = 'http://localhost:8000/cgi-bin/data.py' @@ -102,6 +102,9 @@ export type UiOptions = { transitionDuration: number, // ms animationDelay: number, // Time between updates during transitions/resizes/etc, in ms autoActionDelay: number, // Time between auto-mode actions (incl transitions), in ms + // Device-info-like + touchDevice: boolean, + breakpoint: Breakpoint, // Other useReducedTree: boolean, searchSuggLimit: number, // Max number of search suggestions @@ -109,7 +112,6 @@ export type UiOptions = { tutorialSkip: boolean, disabledActions: Set, disableShortcuts: boolean, - touchDevice: boolean, }; // Option defaults export function getDefaultLytOpts(): LayoutOptions { @@ -163,6 +165,9 @@ export function getDefaultUiOpts(lytOpts: LayoutOptions): UiOptions { transitionDuration: 300, // ms animationDelay: 100, // ms autoActionDelay: 500, // ms + // Device-info-like + touchDevice: onTouchDevice(), + breakpoint: getBreakpoint(), // Other useReducedTree: false, searchSuggLimit: 10, @@ -170,7 +175,6 @@ export function getDefaultUiOpts(lytOpts: LayoutOptions): UiOptions { tutorialSkip: false, disabledActions: new Set() as Set, disableShortcuts: false, - touchDevice: onTouchDevice(), }; } // Used in Settings.vue, and when saving to localStorage -- cgit v1.2.3