Browse Source

HUE-8443 [report] Improve the affordance of the plus-to-drag icon

Enrico Berti 7 years ago
parent
commit
9028a622d7

File diff suppressed because it is too large
+ 0 - 0
desktop/libs/dashboard/src/dashboard/static/dashboard/css/common_dashboard.css


+ 4 - 0
desktop/libs/dashboard/src/dashboard/static/dashboard/less/common_dashboard.less

@@ -675,4 +675,8 @@
   #addFacetDemiModal .inline-autocomplete-container .inline-autocomplete-input {
     width: calc(100% ~"-" 10px);
   }
+
+  .draggable-plus-button:hover i:before {
+    content: "\f047";
+  }
 }

+ 3 - 3
desktop/libs/dashboard/src/dashboard/templates/common_search.mako

@@ -142,13 +142,13 @@ from dashboard.conf import USE_GRIDSTER, USE_NEW_ADD_METHOD, HAS_REPORT_ENABLED,
       <!-- ko if: $root.isGridster() -->
       <div class="btn-group">
         % if USE_NEW_ADD_METHOD.get():
-        <a class="btn draggable-plus-button move-cursor" title="${ _('Drag to add a widget') }" rel="tooltip" data-placement="bottom" data-bind="draggable: {data: $root.collection.supportAnalytics() ? draggableBucket() : draggableBar(), options: getDraggableOptions({ data: $root.collection.supportAnalytics() ? draggableBucket() : draggableBar(), plusButton: true })}, visible: columns().length">
+        <a class="btn draggable-plus-button move-cursor" title="${ _('Drag to add a widget') }" data-bind="draggable: {data: $root.collection.supportAnalytics() ? draggableBucket() : draggableBar(), options: getDraggableOptions({ data: $root.collection.supportAnalytics() ? draggableBucket() : draggableBar(), plusButton: true })}, visible: columns().length">
           <i class="fa fa-plus"></i>
         </a>
         % else:
           %if is_report:
-            <a class="btn draggable-plus-button move-cursor" title="${ _('Drag to add a widget') }" rel="tooltip" data-placement="bottom" data-bind="draggable: {data: draggableDocument(), options: getDraggableOptions({ data: draggableDocument(), plusButton: true })}, visible: columns().length">
-              <i class="fa fa-plus"></i>
+            <a class="btn draggable-plus-button move-cursor" title="${ _('Drag to add a widget') }" data-bind="draggable: {data: draggableDocument(), options: getDraggableOptions({ data: draggableDocument(), plusButton: true })}, visible: columns().length">
+              <i class="fa fa-fw fa-plus"></i>
             </a>
           % else:
             <a class="btn" title="${ _('Toggle the widget toolbar') }" rel="tooltip" data-placement="bottom" data-bind="visible: columns().length, click: function() { isToolbarVisible(!isToolbarVisible()) }, css: {'btn': true, 'btn-inverse': isToolbarVisible }">

Some files were not shown because too many files changed in this diff