diff --git a/frappe/public/js/frappe/views/reports/query_report.js b/frappe/public/js/frappe/views/reports/query_report.js index a4b3564e37..f13f683d79 100644 --- a/frappe/public/js/frappe/views/reports/query_report.js +++ b/frappe/public/js/frappe/views/reports/query_report.js @@ -518,6 +518,9 @@ frappe.views.QueryReport = class QueryReport extends frappe.views.BaseList { } else { this.page.show_form(); } + + this.page.body[0].style.setProperty('--report-filter-height', this.page.page_form.css('height')); + this.page.body.parent().css('margin-bottom', 'unset'); } set_filters(filters) { diff --git a/frappe/public/js/frappe/views/reports/report_view.js b/frappe/public/js/frappe/views/reports/report_view.js index 6a324f6034..2547dd6407 100644 --- a/frappe/public/js/frappe/views/reports/report_view.js +++ b/frappe/public/js/frappe/views/reports/report_view.js @@ -49,6 +49,8 @@ frappe.views.ReportView = class ReportView extends frappe.views.ListView { this.setup_columns(); super.setup_new_doc_event(); this.page.main.addClass('report-view'); + this.page.body[0].style.setProperty('--report-filter-height', this.page.page_form.css('height')); + this.page.body.parent().css('margin-bottom', 'unset'); } toggle_side_bar() { diff --git a/frappe/public/scss/desk/report.scss b/frappe/public/scss/desk/report.scss index ea09bd8046..e2aae431aa 100644 --- a/frappe/public/scss/desk/report.scss +++ b/frappe/public/scss/desk/report.scss @@ -84,14 +84,37 @@ margin-bottom: 10px; } +.layout-main-section .frappe-card { + --report-filter-height: 0px; +} + .report-wrapper { overflow: auto; + + .datatable { + height: calc(100vh - var(--report-filter-height) - 205px); + + .dt-scrollable { + height: calc(100vh - var(--report-filter-height) - 275px); + } + } } .report-view { - .dt-row:last-child:not(.dt-row-filter) { - .dt-cell { - border-bottom: 1px solid var(--border-color); + .result { + min-height: 50vh !important; + .dt-row:last-child:not(.dt-row-filter) { + .dt-cell { + border-bottom: 1px solid var(--border-color); + } + } + + .datatable { + height: calc(100vh - var(--report-filter-height) - 225px); + + .dt-scrollable { + height: calc(100vh - var(--report-filter-height) - 295px); + } } } }