ThumbnailBuilder

Changes

index.html 21(+13 -8)

js/editCanvas.js 2(+1 -1)

Details

index.html 21(+13 -8)

diff --git a/index.html b/index.html
index 053c297..88d0430 100644
--- a/index.html
+++ b/index.html
@@ -66,18 +66,23 @@
         <h2>Sidebar</h2>
         <div class="input-field col s12">
           <select name="category" id="category">
-            <option value="Web Map">Web Map</option>
-            <option value="Story Map">Story Map</option>
-            <option value="Web App">Web App</option>
-            <option value="Feature Service">Feature Service</option>
-            <option value="Map Service">Map Service</option>
-            <option value="Collector App">Collector App</option>
             <option value="Basemap">Basemap</option>
+            <option value="Collector App">Collector App</option>
             <option value="Dashboard">Dashboard</option>
             <option value="Document">Document</option>
-            <option value="Survey">Survey</option>
-            <option value="Hub Site">Hub Site</option>
             <option value="Experience">Experience</option>
+            <option value="Feature Service">Feature Service</option>
+            <option value="Feature Layer">Feature Layer</option>
+            <option value="Feature Layer (Hosted)">Feature Layer (Hosted)</option>
+            <option value="Hub Site">Hub Site</option>
+            <option value="Map Image Layer">Map Image Layer</option>
+            <option value="Map Service">Map Service</option>
+            <option value="Web App">Web App</option>
+            <option value="Web Map">Web Map</option>
+            <option value="Story Map">Story Map</option>
+            <option value="Survey">Survey</option>
+            <option value="Tile Layer">Tile Layer</option>
+            <option value="Vector Tile Layer">Vector Tile Layer</option>
           </select>
         </div>
       </div>

js/editCanvas.js 2(+1 -1)

diff --git a/js/editCanvas.js b/js/editCanvas.js
index e65a450..d56bd3f 100644
--- a/js/editCanvas.js
+++ b/js/editCanvas.js
@@ -75,7 +75,7 @@ var categoryComponent = {
     ctx.rotate(-0.5 * Math.PI)
     editCanvas.style.letterSpacing = 4
     ctx.fillStyle = 'rgba(255, 255, 255, 0.8)'
-    ctx.font = '48px sans-serif'
+    ctx.font = (this.properties.text().length > 21) ? '37px sans-serif' : '48px sans-serif'
     ctx.textAlign = "center"
     ctx.fillText(this.properties.text(), 0, 0)
     ctx.restore()