Mobile: Macro Selector: Only show ellipsis when in empty state

- Display ellipsis inside of #command element when a library is still
  not selected
	- To communicate clearly to the user that there is still stuff to be
	selected
	- But also to hide that visual (ellipsis) when there is content to show
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>

Change-Id: I5d0a1e627de9e83908c2d79e0d52abd428f0280c
This commit is contained in:
Pedro Pinto Silva 2021-03-17 13:37:26 +01:00 committed by pedropintosilva
parent 4ac5b9d2bb
commit ad26e90596
2 changed files with 4 additions and 2 deletions

View file

@ -827,7 +827,7 @@ td[id^='tb_spreadsheet-toolbar_item']:focus table.w2ui-button div.w2ui-icon, td[
#mobile-wizard-content #MacroSelectorDialog #commands > .mobile-wizard.ui-treeview-body {
min-height: auto;
}
#mobile-wizard-content #MacroSelectorDialog #commands > .mobile-wizard.ui-treeview-body::after {
#mobile-wizard-content #MacroSelectorDialog #commands.empty > .mobile-wizard.ui-treeview-body::after {
content: '…';
width: 22px;
height: 22px;

View file

@ -1905,8 +1905,10 @@ L.Control.JSDialogBuilder = L.Control.extend({
tbody.ondragover = function (event) { event.preventDefault(); };
}
if (!data.entries || data.entries.length === 0)
if (!data.entries || data.entries.length === 0) {
L.DomUtil.addClass(table, 'empty');
return false;
}
if (isHeaderListBox) {
// list view with headers