From db54d0594b84966ec3568c90c4219abb60c2e41f Mon Sep 17 00:00:00 2001
From: alexwl <alexey.a.kiryushin@gmail.com>
Date: Sat, 23 Mar 2019 01:58:05 +0300
Subject: Hide the left panel by default on small screens; reduce initial-scale

---
 javascript/app/components/resizable-panel.js | 6 +++++-
 javascript/app/index.html                    | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'javascript/app')

diff --git a/javascript/app/components/resizable-panel.js b/javascript/app/components/resizable-panel.js
index 8dae7ed..20d781b 100644
--- a/javascript/app/components/resizable-panel.js
+++ b/javascript/app/components/resizable-panel.js
@@ -24,7 +24,7 @@ export default Ember.Component.extend({
   hidden:false,
   hiddenByUser:false,
   didInsertElement : function () {
-    this._super(...arguments);
+    this._super(...arguments);    
     Ember.run.next(this,() => {
       const onresize = () => {
         if(!this.get('hiddenByUser')) {
@@ -50,6 +50,10 @@ export default Ember.Component.extend({
         }
       });
       this.$alsoResizeElement = $alsoResizeElement;
+      if(window.innerWidth < 700) {      
+        this.set('hidden',true);
+        hide(this,false);
+      }
     });
   },
   hideButtonLabel : Ember.computed('hidden',function() {
diff --git a/javascript/app/index.html b/javascript/app/index.html
index c1119c7..2be0d64 100644
--- a/javascript/app/index.html
+++ b/javascript/app/index.html
@@ -6,7 +6,7 @@
         <title>Haskell Code Explorer</title>
         <meta name="description" content="Haskell Code Explorer">
 	<meta name="google" content="notranslate">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=0.6">
         {{content-for 'head'}}
         <link rel="stylesheet" href="/assets/vendor.css">
         <link rel="stylesheet" href="/assets/haskell-code-explorer.css">
-- 
cgit v1.2.3