Skip to content

Commit f5a55e9

Browse files
jhuckabyjhuckaby
committed
Fix compact table buttons and empty rows on mobile
1 parent e49f5df commit f5a55e9

3 files changed

Lines changed: 16 additions & 16 deletions

File tree

‎htdocs/css/responsive.css‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1408,16 +1408,16 @@
14081408
.data_grid.wf_meta_grid > ul > div:nth-child(3) { visibility: hidden; }
14091409

14101410
/* 'Drag', 'Label', 'Type', 'Description', 'Actions' */
1411-
.data_grid.c_param_grid { grid-template-columns: 0px auto auto auto auto !important; }
1412-
.data_grid.c_param_grid > ul > div:nth-child(1) { visibility: hidden; }
1411+
.data_grid.c_param_grid { grid-template-columns: 40px auto auto 0px auto !important; }
1412+
.data_grid.c_param_grid > ul > div:nth-child(4) { visibility: hidden; }
14131413

14141414
/* 'Enabled', 'Limit', 'Description', 'Actions' */
1415-
.data_grid.c_limit_grid { grid-template-columns: 0px auto auto auto !important; }
1416-
.data_grid.c_limit_grid > ul > div:nth-child(1) { visibility: hidden; }
1415+
.data_grid.c_limit_grid { grid-template-columns: 40px auto 0px auto !important; }
1416+
.data_grid.c_limit_grid > ul > div:nth-child(3) { visibility: hidden; }
14171417

14181418
/* 'Enabled', 'Condition', 'Type', 'Description', 'Actions' */
1419-
.data_grid.c_action_grid { grid-template-columns: 0px auto auto auto auto !important; }
1420-
.data_grid.c_action_grid > ul > div:nth-child(1) { visibility: hidden; }
1419+
.data_grid.c_action_grid { grid-template-columns: 40px auto auto 0px auto !important; }
1420+
.data_grid.c_action_grid > ul > div:nth-child(4) { visibility: hidden; }
14211421

14221422
/* '#', 'Subject', 'Type', 'Status', 'Assignees', 'Tags', 'Created', 'Actions' */
14231423
.data_grid.ticket_grid { grid-template-columns: min-content auto 0px auto 0px 0px 0px 0px !important; }
@@ -1900,18 +1900,18 @@
19001900
.data_grid.wf_meta_grid > ul > div:nth-child(4) { visibility: hidden; }
19011901

19021902
/* 'Drag', 'Label', 'Type', 'Description', 'Actions' */
1903-
.data_grid.c_param_grid { grid-template-columns: 0px auto auto 0px auto !important; }
1904-
.data_grid.c_param_grid > ul > div:nth-child(1) { visibility: hidden; }
1903+
.data_grid.c_param_grid { grid-template-columns: 40px auto auto 0px 0px !important; }
19051904
.data_grid.c_param_grid > ul > div:nth-child(4) { visibility: hidden; }
1905+
.data_grid.c_param_grid > ul > div:nth-child(5) { visibility: hidden; }
19061906

19071907
/* 'Enabled', 'Limit', 'Description', 'Actions' */
1908-
.data_grid.c_limit_grid { grid-template-columns: 0px auto auto auto !important; }
1909-
.data_grid.c_limit_grid > ul > div:nth-child(1) { visibility: hidden; }
1908+
.data_grid.c_limit_grid { grid-template-columns: 40px auto 0px auto !important; }
1909+
.data_grid.c_limit_grid > ul > div:nth-child(3) { visibility: hidden; }
19101910

19111911
/* 'Enabled', 'Condition', 'Type', 'Description', 'Actions' */
1912-
.data_grid.c_action_grid { grid-template-columns: 0px auto auto 0px auto !important; }
1913-
.data_grid.c_action_grid > ul > div:nth-child(1) { visibility: hidden; }
1912+
.data_grid.c_action_grid { grid-template-columns: 40px auto auto 0px 0px !important; }
19141913
.data_grid.c_action_grid > ul > div:nth-child(4) { visibility: hidden; }
1914+
.data_grid.c_action_grid > ul > div:nth-child(5) { visibility: hidden; }
19151915

19161916
/* '#', 'Subject', 'Type', 'Status', 'Assignees', 'Tags', 'Created', 'Actions' */
19171917
.data_grid.ticket_grid { grid-template-columns: min-content auto 0px 0px 0px 0px 0px 0px !important; }

‎htdocs/js/pages/Events.class.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -294,7 +294,7 @@ Page.Events = class Events extends Page.PageUtils {
294294
cols: cols,
295295
data_type: 'event',
296296
grid_template_columns: '40px' + ' auto'.repeat( cols.length - 1 ),
297-
below: '<ul class="grid_row_empty" id="ul_el_none_found" style="display:none"><div style="grid-column-start: span ' + cols.length + ';">No events found matching your filters.</div></ul>'
297+
below: '<ul class="grid_row_empty" id="ul_el_none_found" style="display:none"><div style="grid-column: 1 / -1;">No events found matching your filters.</div></ul>'
298298
};
299299

300300
html += this.getBasicGrid( grid_opts, function(item, idx) {

‎htdocs/js/pages/ServerUtils.class.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -796,12 +796,12 @@ Page.ServerUtils = class ServerUtils extends Page.PageUtils {
796796
} // foreach row
797797

798798
if (!disp_rows.length) {
799-
html += '<ul class="grid_row_empty"><div style="grid-column-start: span ' + opts.column_ids.length + ';">';
799+
html += '<ul class="grid_row_empty"><div style="grid-column: 1 / -1;">';
800800
html += 'No ' + pluralize(opts.item_name) + ' found.';
801801
html += '</div></ul>';
802802
}
803803
else if (chopped) {
804-
html += '<ul class="grid_row_more"><div style="grid-column-start: span ' + opts.column_ids.length + ';">';
804+
html += '<ul class="grid_row_more"><div style="grid-column: 1 / -1;">';
805805
html += `(${commify(chopped)} more ${pluralize(opts.item_name, chopped)} not shown)`;
806806
html += '</div></ul>';
807807
}
@@ -1649,7 +1649,7 @@ Page.ServerUtils = class ServerUtils extends Page.PageUtils {
16491649
rows: this.servers,
16501650
cols: cols,
16511651
data_type: 'server',
1652-
below: '<ul class="grid_row_empty" id="ul_vg_none_found" style="display:none"><div style="grid-column-start: span ' + cols.length + ';">No servers found matching your filters.</div></ul>'
1652+
below: '<ul class="grid_row_empty" id="ul_vg_none_found" style="display:none"><div style="grid-column: 1 / -1;">No servers found matching your filters.</div></ul>'
16531653
};
16541654

16551655
html += this.getBasicGrid( grid_opts, function(item, idx) {

0 commit comments

Comments
 (0)