From be8149a4bc46c2b60ed949aaa5dba176ebe8b171 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Mon, 12 May 2025 14:25:24 +0300
Subject: [PATCH] UI: Fixed help icon color in rule node

---
 .../rule-node/action/gps-geo-action-config.component.html      | 3 ++-
 .../action/save-to-custom-table-config.component.html          | 1 +
 .../rule-node/action/timeseries-config.component.html          | 3 ++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/rule-node/action/gps-geo-action-config.component.html b/ui-ngx/src/app/modules/home/components/rule-node/action/gps-geo-action-config.component.html
index 2d3f230643..8849d60c77 100644
--- a/ui-ngx/src/app/modules/home/components/rule-node/action/gps-geo-action-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/rule-node/action/gps-geo-action-config.component.html
@@ -116,11 +116,12 @@
         <mat-form-field class="mat-block" subscriptSizing="dynamic">
           <mat-label translate>rule-node-config.polygon-definition</mat-label>
           <input matInput formControlName="polygonsDefinition" required>
-          <mat-icon matSuffix class="m-2 cursor-pointer" aria-hidden="false" aria-label="help-icon"
+          <mat-icon matSuffix class="help-icon m-2 cursor-pointer" aria-hidden="false" aria-label="help-icon"
                     color="primary"
                     matTooltip="{{ 'rule-node-config.polygon-definition-hint' | translate }}">
             help
           </mat-icon>
+          <mat-hint></mat-hint>
           <mat-error *ngIf="geoActionConfigForm.get('polygonsDefinition').hasError('required')">
             {{ 'rule-node-config.polygon-definition-required' | translate }}
           </mat-error>
diff --git a/ui-ngx/src/app/modules/home/components/rule-node/action/save-to-custom-table-config.component.html b/ui-ngx/src/app/modules/home/components/rule-node/action/save-to-custom-table-config.component.html
index c9685f2c3f..aee7b9cd83 100644
--- a/ui-ngx/src/app/modules/home/components/rule-node/action/save-to-custom-table-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/rule-node/action/save-to-custom-table-config.component.html
@@ -22,6 +22,7 @@
     <mat-icon class="help-icon m-2 cursor-pointer"
               aria-hidden="false"
               aria-label="help-icon"
+              color="primary"
               matSuffix
               matTooltip="{{ 'rule-node-config.custom-table-hint' | translate }}">
       help
diff --git a/ui-ngx/src/app/modules/home/components/rule-node/action/timeseries-config.component.html b/ui-ngx/src/app/modules/home/components/rule-node/action/timeseries-config.component.html
index 9a6d06255d..f41613c6fb 100644
--- a/ui-ngx/src/app/modules/home/components/rule-node/action/timeseries-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/rule-node/action/timeseries-config.component.html
@@ -76,9 +76,10 @@
           requiredText="{{ 'rule-node-config.default-ttl-required' | translate }}"
           minErrorText="{{ 'rule-node-config.min-default-ttl-message' | translate }}"
           formControlName="defaultTTL">
-          <mat-icon class="mr-2 cursor-pointer"
+          <mat-icon class="help-icon mr-2 cursor-pointer"
                     aria-hidden="false"
                     aria-label="help-icon"
+                    color="primary"
                     matSuffix
                     matTooltip="{{ 'rule-node-config.default-ttl-hint' | translate }}">
             help