From 4189f36ba062e4001f99ad9eef447da9c36ea5c2 Mon Sep 17 00:00:00 2001 From: Himanshu Warekar Date: Tue, 22 Oct 2019 22:29:40 +0530 Subject: [PATCH] feat: set columns based on width --- frappe/public/js/frappe/list/list_view.js | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/frappe/public/js/frappe/list/list_view.js b/frappe/public/js/frappe/list/list_view.js index 24d92f076f..bb79b3441f 100644 --- a/frappe/public/js/frappe/list/list_view.js +++ b/frappe/public/js/frappe/list/list_view.js @@ -286,8 +286,19 @@ frappe.views.ListView = class ListView extends frappe.views.BaseList { })) ); - // limit to 10 columns - this.columns = this.columns.slice(0, 10); + // limit max to 8 columns + // Screen with low density no of columns 4 + // Screen with medium density no of columns 6 + // Screen with high density no of columns 8 + let column_count = 6; + + if (window.innerWidth <= 1200) { + column_count = 4; + } else if (window.innerWidth > 1440) { + column_count = 8; + } + + this.columns = this.columns.slice(0, column_count); } get_no_result_message() {