From 59360be37d1933034a08b19aab907cf08f3f3fbc Mon Sep 17 00:00:00 2001
From: zrains <zrainfun@gmail.com>
Date: Tue, 19 Nov 2024 04:24:01 +0000
Subject: [PATCH] fix: tab active style

---
 ambari-web/app/styles/theme/bootstrap-ambari.css            | 2 +-
 ambari-web/app/templates/common/configs/services_config.hbs | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ambari-web/app/styles/theme/bootstrap-ambari.css b/ambari-web/app/styles/theme/bootstrap-ambari.css
index bc93ad4d1ee..507d4790488 100644
--- a/ambari-web/app/styles/theme/bootstrap-ambari.css
+++ b/ambari-web/app/styles/theme/bootstrap-ambari.css
@@ -855,7 +855,7 @@ input[checked="checked"] + .host-component-checkbox::before {
 }
 
 .nav.nav-tabs li a.active {
-  border-bottom: 1px solid #000 !important;
+  border-bottom: 3px solid #3FAE2A;;
 }
 
 #skip-validation label:before,
diff --git a/ambari-web/app/templates/common/configs/services_config.hbs b/ambari-web/app/templates/common/configs/services_config.hbs
index 3a8d4b8ae47..c2e3b5dfd0f 100644
--- a/ambari-web/app/templates/common/configs/services_config.hbs
+++ b/ambari-web/app/templates/common/configs/services_config.hbs
@@ -52,8 +52,8 @@
       {{#each service in controller.stepConfigs}}
         {{#if service.showConfig}}
           {{#view App.ServiceConfigTab}}
-            <a href="#{{unbound service.serviceName}}" {{bindAttr class=":active service.selected:new"}}
-               data-toggle="tab" {{action selectService service target="controller"}}>
+            <a href="#{{unbound service.serviceName}}" {{bindAttr class="service.selected:new"}}
+               data-bs-toggle="tab" {{action selectService service target="controller"}}>
               {{service.displayName}}
               {{#if service.errorCount}}
                 <span class="alert-badge" {{QAAttr "error-badge"}}>