mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-09-28 13:20:47 +00:00
d8d1a91beb
Summary: - Make unsupported browser warning into an unobtrusive one-liner, similar in style to notifications. - Move browser warning details into a support page, linked from "Learn more" link. - Show different mobile and desktop warnings. - Once dismissed, remember dismissal for a year rather than just for the session. - Turn the Sign-In button (for anon users) into a menu (for the sake of exposing the Toggle Mobile Mode option) - Improve styling of HomeIntro screens when on small screen. - Flip the default for setting mobile viewport to true Test Plan: Added minor unittest for localStorageBoolObs; fixed other affected tests. Reviewers: paulfitz Reviewed By: paulfitz Differential Revision: https://phab.getgrist.com/D2738
69 lines
2.4 KiB
HTML
69 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf8">
|
|
|
|
<!-- INSERT BASE -->
|
|
|
|
<link rel="icon" type="image/x-icon" href="favicon.png" />
|
|
|
|
<link rel="stylesheet" href="jqueryui/themes/smoothness/jquery-ui.css">
|
|
<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="hljs.default.css">
|
|
<link rel="stylesheet" href="bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css">
|
|
<link rel="stylesheet" href="bundle.css">
|
|
<link rel="stylesheet" href="icons/icons.css">
|
|
|
|
<title>Grist</title>
|
|
</head>
|
|
<body>
|
|
<!-- INSERT WARNING -->
|
|
<div id='grist-logo-wrapper'>
|
|
<div class='grist-logo'>
|
|
<div class='grist-logo-head'>
|
|
<div class='grist-logo-grain grain-empty'></div>
|
|
<div class='grist-logo-grain grain-col grain-flip grain-2'></div>
|
|
<div class='grist-logo-grain grain-col grain-3'></div>
|
|
</div>
|
|
<div class='grist-logo-row'>
|
|
<div class='grist-logo-grain grain-row grain-flip grain-4'></div>
|
|
<div class='grist-logo-grain grain-cell grain-flip grain-5'></div>
|
|
<div class='grist-logo-grain grain-cell grain-6'></div>
|
|
</div>
|
|
<div class='grist-logo-row'>
|
|
<div class='grist-logo-grain grain-row grain-flip grain-7'></div>
|
|
<div class='grist-logo-grain grain-cell grain-flip grain-8'></div>
|
|
<div class='grist-logo-grain grain-cell grain-9'></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="browser-check-problem" style="display: none;">
|
|
<table class="browser-check-wrapper"><tr>
|
|
<td class="browser-check-message">
|
|
<span class="browser-check-desktop">
|
|
Grist works best on modern Firefox or Chrome.
|
|
</span>
|
|
<span class="browser-check-mobile">
|
|
Grist mobile support is a work in progress.
|
|
</span>
|
|
<a href="https://support.getgrist.com/browser-support" target="_blank">Learn more</a>
|
|
</td>
|
|
<td>
|
|
<div class="browser-check-close" id="browser-check-problem-dismiss">Dismiss</div>
|
|
</td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<!-- INSERT CONFIG -->
|
|
|
|
<script src="jquery/dist/jquery.min.js"></script>
|
|
<script src="jqueryui/jquery-ui.min.js"></script>
|
|
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
|
|
<script src="bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
|
|
<script src="main.bundle.js" crossorigin="anonymous"></script>
|
|
<script type="application/javascript" src="browser-check.js"></script>
|
|
|
|
</body>
|
|
</html>
|