[dashboard] Add helper arrows/pointers on an empty dashboard
<img src="${ static('desktop/art/hint_arrow_horiz_flipped.png') }" alt="${ _('Hint arrow') }" />
</div>
+ <!-- ko if: $root.isGridster -->
+ <div id="emptyDashboardEditing" data-bind="visible: $root.gridItems().length === 0 && columns().length > 0">
+ <div style="float:left; padding-top: 90px; margin-right: 20px; text-align: center; width: 260px">${_('Drag any of the top widgets inside your dashboard')}</div>
+ <img src="${ static('desktop/art/hint_arrow.png') }" alt="${ _('Hint arrow') }" />
+ </div>
+ <!-- /ko -->
+
<div data-bind="visible: isEditing() && previewColumns() != '' && columns().length == 0, css:{'with-top-margin': isEditing()}">
<div class="container-fluid">
