UI improvements for mobile browsers

8 years ago · cd0931c951
parent 605072cfbf
commit cd0931c951
3 changed files with 7 additions and 1 deletions
--- a/www/pad/index.html
+++ b/www/pad/index.html
@ -3,6 +3,7 @@
 <head>
    <title>CryptPad</title>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png"
        href="/customize/main-favicon.png"
        data-main-favicon="/customize/main-favicon.png"
--- a/www/pad/inner.html
+++ b/www/pad/inner.html
@ -2,6 +2,7 @@
 <html>
 <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="/bower_components/ckeditor/ckeditor.js"></script>
--- a/www/pad/main.js
+++ b/www/pad/main.js
@ -763,9 +763,13 @@ define([

    var first = function () {
        Ckeditor = ifrw.CKEDITOR;
-
        if (Ckeditor) {
            //andThen(Ckeditor);
+            // mobile configuration
+            Ckeditor.config.toolbarCanCollapse = true;
+            if (screen.height < 800) {
+              Ckeditor.config.toolbarStartupExpanded = false;
+            }
            second(Ckeditor);
        } else {
            console.log("Ckeditor was not defined. Trying again in %sms",interval);