value reset

cables-gl · Nov 16, 2023 · e8481ea · e8481ea
1 parent 64aaced
commit e8481ea
Showing 5 changed files with 27 additions and 30 deletions.
diff --git 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
diff --git a/icons/feathericons/undo.svg b/icons/feathericons/undo.svg
diff --git 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
@@ -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"))
                 // {