Merge pull request #4243 from RaananW/touch-action-none-ios-ftw

names and touch-action

Viewer/assets/templates/default/defaultViewer.html

@@ -19,7 +19,7 @@
     }
 </style>
 
-<canvas class="babylonjs-canvas" id="{{canvasId}}" touch-action="none">
+<canvas class="babylonjs-canvas" touch-action="none">
 </canvas>
 
 <nav-bar></nav-bar>

Viewer/assets/templates/default/navbar.html

@@ -213,6 +213,24 @@
         visibility: visible;
     }
 
+    .types .menu-options {
+        width: 144px;
+    }
+
+    .types .menu-options button {
+        padding: 0 8px;
+        justify-content: left;
+    }
+
+    .types .menu-options button>* {
+        display: flex;
+        margin: 8px;
+    }
+
+    .types .menu-options button span.animation-number {
+        display: none;
+    }
+
     @media screen and (min-width: 540px) {
         .help,
         .types-icon,
@@ -232,9 +250,6 @@
             margin: 0 12px;
         }
 
-        .types .menu-options {
-            width: 84px;
-        }
         .speed {
             width: 64px;
         }
@@ -277,9 +292,6 @@
         .types {
             width: 144px;
         }
-        .types .menu-options {
-            width: 144px;
-        }
     }