(core) Add viewport meta tag conditionally, and show a toggle for it on small devices.

Summary:
- Enable narrow-screen layout for home page
- Clean up margins/spacing on small-screen home page
- Use "<768" as small-screen condition rather than "<=768".
- Include meta-viewport tag conditionally, off by default.
- Include "Toggle Mobile Mode" option in AccountMenu to toggle it on.
- In a test, add an after() clause to restore window size even when test fails

Test Plan: Only tested manually on iPhone (Safari & FF).

Reviewers: paulfitz

Reviewed By: paulfitz

Subscribers: cyprien

Differential Revision: https://phab.getgrist.com/D2708
This commit is contained in:
Dmitry S
2021-01-21 14:12:24 -05:00
parent f4366a01b3
commit 586b6568af
9 changed files with 162 additions and 49 deletions

View File

@@ -100,6 +100,7 @@ function pagePanelsHome(owner: IDisposableOwner, appModel: AppModel) {
},
headerMain: createTopBarHome(appModel),
contentMain: createDocMenu(pageModel),
optimizeNarrowScreen: true,
});
}