Beautify search usage icon on hover

Normation · May 14, 2024 · d379812 · d379812
1 parent 7f02c02
commit d379812
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/webapp/sources/rudder/rudder-web/src/main/elm/sources/NodeProperties/ViewUtils.elm b/webapp/sources/rudder/rudder-web/src/main/elm/sources/NodeProperties/ViewUtils.elm
@@ -245,11 +245,11 @@ displayNodePropertyRow model =
         case editedProperty of
           Nothing ->
             tr []
-            [ td [class "default-actions"]
+            [ td []
               [ div[]
                 [ text p.name
                 , providerBadge
-                , span [class "action-icon", title "Find usage of this property", onClick (CallApi (findPropertyUsage p.name ))]
+                , span [class "find-action action-icon", title "Find usage of this property", onClick (CallApi (findPropertyUsage p.name ))]
                   [ i [class "fas fa-search"][]
                   ]
                 ]

diff --git a/webapp/sources/rudder/rudder-web/src/main/style/rudder/rudder-datatable.css b/webapp/sources/rudder/rudder-web/src/main/style/rudder/rudder-datatable.css
@@ -462,6 +462,13 @@ td.listclose:after {
   opacity: 1;
 }
 
+#nodePropertiesTab > tbody > tr > td > div > span.find-action {
+  opacity:0;
+}
+#nodePropertiesTab > tbody > tr:hover > td > div > span.find-action {
+  opacity: 1;
+}
+
 #nodePropertiesTab th:first-child{
   width: 20% !important;
 }