reverted the hiding of UI elements on home page when mouse out (was c…

…omfusing on mobile and annoying on pc) removed drop shadow around canvas added meta to tell android to start app fullscreen from home screen
renanlecaro · Jul 26, 2017 · 470d941 · 470d941
1 parent a062f52
commit 470d941
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 26 deletions.
diff --git a/dist/bundle.js.map b/dist/bundle.js.map
diff --git a/dist/main.css b/dist/main.css
diff --git a/dist/main.css.map b/dist/main.css.map
diff --git a/index.html b/index.html
@@ -5,8 +5,9 @@
         <title>Minimage : minimal image editor</title>
         <meta name="description" content="Free web app to draw on your images. Works on mobile. No watermark."/>
         <link rel="manifest" href="./manifest.json">
-        <link rel="stylesheet" href="/dist/main.css?cachebust=28655">
-
+        <link rel="stylesheet" href="/dist/main.css?cachebust=23380">
+        <!-- Launch fullscreen when added to home screen -->
+        <meta name="mobile-web-app-capable" content="yes">
     </head>
     <body>
         <noscript><h1>This app requires javascript to be enabled, sorry.</h1></noscript>
@@ -42,7 +43,7 @@
             </div>
         </div>
         <div id="spinners"/><i></i><i></i><i></i></spinner>
-        <script src="./dist/bundle.js?cachebust=28655"></script>
+        <script src="./dist/bundle.js?cachebust=23380"></script>
         </script>
 
     </body>

diff --git a/src/styles.less b/src/styles.less
@@ -70,13 +70,13 @@ canvas#welcome {
     padding: 5px;
     color: white;
   }
-  transform: translate(0, 100%);
-  transition: transform 0.2s;
+  // transform: translate(0, 100%);
+  // transition: transform 0.2s;
 }
 // Show links when cursor in page
-#inputForAFile:hover .links {
-  transform: none;
-}
+// #inputForAFile:hover .links {
+//   transform: none;
+// }
 
 #fileInputWrapper {
   background: white;
@@ -100,21 +100,21 @@ canvas#welcome {
   max-height: 250px;
   border-radius: 50%;
 
-  opacity: 0;
-  transform: scale(0.5);
-  transition: opacity 0.1s, transform 0.3s;
-}
-
-#inputForAFile:hover {
-  #fileInputWrapper {
-    opacity: 1;
-    transform: scale(1);
-    &:hover {
-      opacity: 1;
-      transform: scale(1.2);
-    }
-  }
+  // opacity: 0;
+  // transform: scale(0.5);
+  // transition: opacity 0.1s, transform 0.3s;
 }
+//
+// #inputForAFile:hover {
+//   #fileInputWrapper {
+//     opacity: 1;
+//     transform: scale(1);
+//     &:hover {
+//       opacity: 1;
+//       transform: scale(1.2);
+//     }
+//   }
+// }
 #inputForAFile,
 #fileinput,
 canvas#drawzone {
@@ -151,7 +151,7 @@ div#drawAndDownload {
     max-width: 100%;
     max-height: 100%;
     margin: auto;
-    box-shadow: 0 0 70px rgba(0, 0, 0, 0.5);
+    // box-shadow: 0 0 70px rgba(0, 0, 0, 0.5);
     border-radius: 2px;
     width: auto;
     height: auto;