Browse Source

HUE-5335 [assist] Show function description as tooltip

Johan Ahlen 9 years ago
parent
commit
700d27e

+ 6 - 1
desktop/core/src/desktop/static/desktop/css/responsive.css

@@ -517,7 +517,12 @@ a:visited {
 }
 
 .assist-functions {
-  margin: 0 0 0 20px;
+  margin: 0;
+}
+
+.assist-functions > li {
+  margin: 0 0 0 10px;
+  padding: 0 0 0 10px;
 }
 
 .assist-functions li {

+ 1 - 1
desktop/core/src/desktop/templates/assist.mako

@@ -2049,7 +2049,7 @@ from metadata.conf import has_navigator
         <li>
           <a class="black-link" href="javascript: void(0);" data-bind="toggle: open"><i class="fa fa-fw" data-bind="css: { 'fa-chevron-right': !open(), 'fa-chevron-down': open }"></i> <span data-bind="text: name"></span></a>
           <ul class="assist-functions" data-bind="slideVisible: open, foreach: filteredFunctions">
-            <li>
+            <li data-bind="tooltip: { title: description, placement: 'left', delay: 400 }">
               <!-- ko if: typeof description !== 'undefined' && description !== '' -->
               <a class="assist-field-link" href="javascript: void(0);" data-bind="toggle: open, text: signature"></a>
               <div data-bind="slideVisible: open, text: description"></div>