From e8481eaabf076cc64fc72bf1aaac416843ae0363 Mon Sep 17 00:00:00 2001
From: pandrr <tom@tomkom.net>
Date: Thu, 16 Nov 2023 15:45:14 +0100
Subject: [PATCH] value reset

---
 html/ui/templates/params_port.html            |  3 ++-
 icons/exit.svg                                | 24 +------------------
 icons/feathericons/undo.svg                   |  5 +---
 scss/components/params.scss                   | 20 ++++++++++++++++
 .../components/opparampanel/params_helper.js  |  5 ++--
 5 files changed, 27 insertions(+), 30 deletions(-)

diff --git a/html/ui/templates/params_port.html b/html/ui/templates/params_port.html
index 6a58c5812..12e3c73d4 100644
--- a/html/ui/templates/params_port.html
+++ b/html/ui/templates/params_port.html
@@ -52,7 +52,8 @@
                 {{/compare}}
             {{/compare}}
         </span>
-        <span id="portTitle_{{ dirStr }}_{{ portnum }}_reset" style="opacity:0;cursor:pointer;vertical-align: middle;" class="icon icon-undo " onclick="gui.patchView.resetOpValues('{{op.id}}','{{port.name}}');"></span>
+        <span id="portTitle_{{ dirStr }}_{{ portnum }}_reset" class="param_reset icon icon-undo icon-0_75x" onclick="gui.patchView.resetOpValues('{{op.id}}','{{port.name}}');"></span>
+        <!--  -->
 
         {{#if port.uiAttribs.colorPick }}
             <div class="button_colorpick fright" id="watchcolorpick_{{ dirStr }}_{{ portnum }}_{{ panelid }}"></div>
diff --git a/icons/exit.svg b/icons/exit.svg
index 4b01569eb..d454f1d7a 100644
--- a/icons/exit.svg
+++ b/icons/exit.svg
@@ -1,23 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;}
-</style>
-<rect class="st0" width="15" height="15"/>
-<g>
-	<g>
-		<path d="M5.8,13H3.6c-0.4,0-0.8-0.2-1.1-0.5C2.2,12.2,2,11.8,2,11.4V3.6c0-0.4,0.2-0.8,0.5-1.1S3.2,2,3.6,2h2.2
-			c0.3,0,0.5,0.2,0.5,0.5S6.1,3,5.8,3H3.6C3.5,3,3.3,3.1,3.2,3.2S3,3.5,3,3.6v7.7c0,0.2,0.1,0.3,0.2,0.4C3.3,11.9,3.5,12,3.6,12h2.2
-			c0.3,0,0.5,0.2,0.5,0.5S6.1,13,5.8,13z"/>
-	</g>
-	<g>
-		<path d="M9.7,10.8c-0.1,0-0.3,0-0.4-0.1c-0.2-0.2-0.2-0.5,0-0.7l2.4-2.4L9.4,5.1c-0.2-0.2-0.2-0.5,0-0.7s0.5-0.2,0.7,0l2.8,2.8
-			c0.2,0.2,0.2,0.5,0,0.7l-2.8,2.8C10,10.7,9.8,10.8,9.7,10.8z"/>
-	</g>
-	<g>
-		<path d="M12.5,8H5.8C5.6,8,5.3,7.8,5.3,7.5S5.6,7,5.8,7h6.6C12.7,7,13,7.2,13,7.5S12.7,8,12.5,8z"/>
-	</g>
-</g>
-</svg>
+<svg enable-background="new 0 0 15 15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h15v15h-15z" fill="none"/><path d="m5.8 13h-2.2c-.4 0-.8-.2-1.1-.5s-.5-.7-.5-1.1v-7.8c0-.4.2-.8.5-1.1s.7-.5 1.1-.5h2.2c.3 0 .5.2.5.5s-.2.5-.5.5h-2.2c-.1 0-.3.1-.4.2s-.2.3-.2.4v7.7c0 .2.1.3.2.4.1.2.3.3.4.3h2.2c.3 0 .5.2.5.5s-.2.5-.5.5z"/><path d="m9.7 10.8c-.1 0-.3 0-.4-.1-.2-.2-.2-.5 0-.7l2.4-2.4-2.3-2.5c-.2-.2-.2-.5 0-.7s.5-.2.7 0l2.8 2.8c.2.2.2.5 0 .7l-2.8 2.8c-.1 0-.3.1-.4.1z"/><path d="m12.5 8h-6.7c-.2 0-.5-.2-.5-.5s.3-.5.5-.5h6.6c.3 0 .6.2.6.5s-.3.5-.5.5z"/></svg>
\ No newline at end of file
diff --git a/icons/feathericons/undo.svg b/icons/feathericons/undo.svg
index e3edffbed..bcfc10648 100644
--- a/icons/feathericons/undo.svg
+++ b/icons/feathericons/undo.svg
@@ -1,4 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M3 7v6h6"></path>
-  <path d="M21 17a9 9 0 00-9-9 9 9 0 00-6 2.3L3 13"></path>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-undo-2"><path d="M9 14 4 9l5-5"/><path d="M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5v0a5.5 5.5 0 0 1-5.5 5.5H11"/></svg>
\ No newline at end of file
diff --git a/scss/components/params.scss b/scss/components/params.scss
index e2870d7e3..126786e85 100644
--- a/scss/components/params.scss
+++ b/scss/components/params.scss
@@ -17,6 +17,26 @@
         }
     }
 
+    .reset_hidden
+    {
+        pointer-events: none;
+        opacity: 0.0 !important;
+    }
+
+    .param_reset
+    {
+        opacity:0;
+        cursor:pointer;
+        vertical-align: middle;
+        opacity: 0.5;
+
+        background-color: red;
+        &:hover
+        {
+            opacity: 1 !important;
+
+        }
+    }
 
     .panel_head
     {
diff --git a/src/ui/components/opparampanel/params_helper.js b/src/ui/components/opparampanel/params_helper.js
index 9a78f0c1c..53dc0ed69 100644
--- a/src/ui/components/opparampanel/params_helper.js
+++ b/src/ui/components/opparampanel/params_helper.js
@@ -96,10 +96,11 @@ const paramsHelper =
             const isDefault = port.get() == port.defaultValue;
             if (titleEl) titleEl.classList.toggle("nonDefaultValue", !isDefault);
 
-            if (isDefault) resetEl.style.opacity = 0.0;
+            if (isDefault) resetEl.classList.add("reset_hidden");
             else
             {
-                resetEl.style.opacity = 1;
+                resetEl.classList.remove("reset_hidden");
+
 
                 // if (!resetEl.classList.contains("listener"))
                 // {