Make the whole title area clickable, closes #4721 (#4733)

* Make the whole title area clickable, closes #4721 * Cleanup #4721
netdata · Nov 25, 2018 · f995b85 · f995b85
1 parent 438fa53
commit f995b85
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/web/gui/main.css b/web/gui/main.css
@@ -551,6 +551,10 @@ body.modal-open {
     font-weight: 300;
 }
 
+#my-netdata-dropdown-content .agent-item .__title {
+    cursor: pointer;
+}
+
 #my-netdata-dropdown-content .agent-item:hover {
     background-color: #262626;
 }

diff --git a/web/gui/main.js b/web/gui/main.js
@@ -529,7 +529,9 @@ function renderStreamedHosts(options) {
                 <a class="registry_link" href="${url}#" onClick="return gotoHostedModalHandler('${url}');">
                     <i class="fas fa-${icon}" style="color: #999;"></i>
                 </a>                    
-                <a class="registry_link" href="${url}#" onClick="return gotoHostedModalHandler('${url}');">${hostname}</a>
+                <span class="__title" onClick="return gotoHostedModalHandler('${url}');">
+                    <a class="registry_link" href="${url}#">${hostname}</a>
+                </span>
                 <div></div>
             </div>`
         )
@@ -581,8 +583,8 @@ function renderMachines(machinesArray) {
             html += (
                 `<div class="agent-item agent-${machine.guid}">
                     <i class="fas fa-chart-bar" color: #fff"></i>
-                    <span>
-                        <a class="registry_link" href="${machine.url}#" onClick="return gotoServerModalHandler('${machine.guid}');">${machine.name}</a>
+                    <span class="__title" onClick="return gotoServerModalHandler('${machine.guid}');">
+                        <a class="registry_link" href="${machine.url}#">${machine.name}</a>
                     </span>
                     <a href="#" onClick="toggleAgentItem(event, '${machine.guid}');">
                         <i class="fas fa-caret-down" style="color: #999"></i>