Add reset button and fix overflow issue

Maingron · Sep 1, 2024 · 2d4e8e6 · 2d4e8e6
1 parent f60ae51
commit 2d4e8e6
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/css/style.min.css b/css/style.min.css
diff --git a/css/style.scss b/css/style.scss
@@ -8,7 +8,6 @@ html, body {
     margin: 0;
     padding: 0;
     background: #000;
-    overflow: hidden;
 }
 
 body {
@@ -97,7 +96,8 @@ body {
             }
         }
 
-        .addblock {
+        .addblock,
+        .trashbin {
             display: none;
         }
     }
@@ -196,9 +196,17 @@ body {
         }
 
         .edittools {
-            .addblock {
+            .addblock,
+            .trashbin {
                 display: inline-block;
             }
+
+            .trashbin {
+                &:hover,
+                &:focus-visible {
+                    color: red;
+                }
+            }
         }
     }
 }
diff --git a/index.html b/index.html
@@ -27,8 +27,9 @@
     <body>
         <main id="main">
             <div class="edittools">
-                <button class="editpen" onclick="config.edit = !config.edit; saveConfig();window.location.reload()">✎</button> <!-- Save opposite value of config.edit (true -> false)-->
-                <button class="addblock" onclick="addBlock('block-fullclock')">+</button> <!-- Save opposite value of config.edit (true -> false)-->
+                <button class="trashbin" ondblclick="window.alert('Resetting Clock, click Ok to proceed, close tab/window to abort'); reset();" title="Doubleclick to reset to default settings">🗑</button>
+                <button class="addblock" onclick="addBlock('block-fullclock')" title="Add new block">+</button> <!-- Save opposite value of config.edit (true -> false)-->
+                <button class="editpen" onclick="config.edit = !config.edit; saveConfig();window.location.reload()" title="Switch Edit/View mode">✎</button> <!-- Save opposite value of config.edit (true -> false)-->
             </div>
             <p id="dev-configvalue"></p>
         </main>