AMBARI-3393. Quick Links on service page should be consistent with the ones on dashboard. (xiwang via yusaku)

ambari-web/app/styles/application.less

@@ -2006,6 +2006,29 @@ width:100%;
       position: absolute;
     }
   }
+  .nav li.dropdown.open {
+    .dropdown-toggle{
+      color: #005580;
+      background-color: #eeeeee;
+      border-color: #eeeeee;
+      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+      -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+    }
+    a:hover .caret {
+      border-top-color: #005580;
+      border-bottom-color: #005580;
+    }
+    .caret {
+      border-top-color: #005580;
+      border-bottom-color: #005580;
+    }
+  }
+  .disabled-hdfs-quick-link {
+    pointer-events: none;
+    color: #808080;
+    cursor: default;
+  }
 }
 
 .service-content {
@@ -2016,11 +2039,6 @@ width:100%;
 
 .service-block {
   margin-top: 20px;
-  .disabled-hdfs-quick-link {
-    pointer-events: none;
-    color: #808080;
-    cursor: default;
-  }
 }
 
 .service-configuration {

ambari-web/app/templates/main/service/item.hbs

@@ -20,20 +20,20 @@
   <div class="span3 quick-links-wrapper">
     {{#if view.service.quickLinks.length}}
       {{#view App.QuickViewLinks contentBinding="view.service"}}
-          <ul class="nav nav-pills move">
-              <li class="dropdown">
-                  <a class="dropdown-toggle" data-toggle="dropdown" href="#">{{t common.quickLinks}}<b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    {{#each view.quickLinks}}
-                      {{#if disabled}}
-                          <a class="disabled-hdfs-quick-link">{{label}}</a>
-                      {{else}}
-                          <a {{bindAttr href="url"}} {{bindAttr target="view.linkTarget"}}>{{label}}</a>
-                      {{/if}}
-                    {{/each}}
-                  </ul>
-              </li>
-          </ul>
+        <ul class="nav nav-pills move">
+          <li class="dropdown">
+            <a class="dropdown-toggle" data-toggle="dropdown" href="#">{{t common.quickLinks}}<b class="caret"></b></a>
+            <ul class="dropdown-menu">
+              {{#each view.quickLinks}}
+                {{#if disabled}}
+                  <li><a class="disabled-hdfs-quick-link">{{label}}</a></li>
+                {{else}}
+                  <li><a {{bindAttr href="url"}} {{bindAttr target="view.linkTarget"}}>{{label}}</a></li>
+                {{/if}}
+              {{/each}}
+            </ul>
+          </li>
+        </ul>
       {{/view}}
     {{/if}}
   </div>