fixing bug that background is reset with font change

Signed-off-by: vsoch <vsoch@users.noreply.github.com>
vsoch · Sep 20, 2021 · c617632 · c617632
1 parent 564bc2b
commit c617632
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/assets/js/candygen.js b/assets/js/candygen.js
@@ -125,13 +125,15 @@ class CandyGen {
     setFont(client) {
         var color = client.items.choices["font_color"]
         client.setTemplate();
+        client.setTexture(null, client);
         client.setFacts();
     }
 
     // Update title color
     setTitleColor(client) {
         var color = client.items.choices["title_color"]
         client.setTemplate();
+        client.setTexture(null, client);
         client.setFacts();
     }
 

diff --git a/index.html b/index.html
@@ -49,32 +49,31 @@ <h1>Happy Open Source Halloween!</h1>
                     <option value="waves">waves</option>
                     <option value="woven">woven</option>
                   </select>
-                </div>
-                <hr> 
+                </div><br>
 
                 <!-- Color choosers -->
                 <div class="form-group" style="float:left; padding-left:25px">
                   <input type="color" id="candy-color" name="candy-color" value="#800080">
                   <label for="head">Candy Color</label>
                 </div>
-                <hr>
+                <br>
                 <div class="form-group" style="float:left; padding-left:25px">
                   <input type="color" id="texture-color" name="texture-color" value="#007f00">
                   <label for="head">Texture Color</label>
                 </div>
-                <hr>
+                <br>
                 <div class="form-group" style="float:left; padding-left:25px">
                   <input type="color" id="font-color" name="texture-color" value="#fffff">
                   <label for="head">Font Color</label>
                 </div>
-                <hr>
+                <br>
                 <div class="form-group" style="float:left; padding-left:25px">
                   <input type="color" id="title-color" name="texture-color" value="#fffff">
                   <label for="head">Title Color</label>
                 </div>
 
                 <!-- GitHub Repository -->
-                <hr>
+                <br>
                 <div class="form-group" style="float:left; padding-left:20px">
                   <label for="head">Load a GitHub Repository</label>
                   <input type="text" class="form-control" id="github-uri" name="github-uri" style="background: white; width: 200px" placeholder="vsoch/salad">