diff --git a/frappe/public/js/frappe/list/base_list.js b/frappe/public/js/frappe/list/base_list.js index 42c356c358..fef7f954bc 100644 --- a/frappe/public/js/frappe/list/base_list.js +++ b/frappe/public/js/frappe/list/base_list.js @@ -199,13 +199,21 @@ frappe.views.BaseList = class BaseList { } toggle_side_bar() { - this.list_sidebar.parent.toggleClass('hide'); - this.page.current_view.find('.layout-main-section-wrapper').toggleClass('col-md-10 col-md-12'); + let show_sidebar = JSON.parse(localStorage.show_sidebar || 'true'); + show_sidebar = !show_sidebar; + localStorage.show_sidebar = show_sidebar; + this.show_or_hide_sidebar(); + } + + show_or_hide_sidebar() { + let show_sidebar = JSON.parse(localStorage.show_sidebar || 'true'); + $(document.body).toggleClass('no-sidebar', !show_sidebar); } setup_main_section() { return frappe.run_serially([ this.setup_list_wrapper, + this.show_or_hide_sidebar, this.setup_filter_area, this.setup_sort_selector, this.setup_result_area, diff --git a/frappe/public/less/desk.less b/frappe/public/less/desk.less index 4c5ca5bba8..5a515b6e84 100644 --- a/frappe/public/less/desk.less +++ b/frappe/public/less/desk.less @@ -1081,6 +1081,18 @@ body.full-width { } } +body.no-sidebar { + @media (min-width: @screen-md) { + .layout-side-section { + display: none; + } + + .layout-main-section-wrapper { + width: 100% !important; + } + } +} + // utilities .whitespace-nowrap {