diff --git a/frappe/core/page/dashboard/dashboard.css b/frappe/core/page/dashboard/dashboard.css index 48485fd505..a1f86c4be0 100644 --- a/frappe/core/page/dashboard/dashboard.css +++ b/frappe/core/page/dashboard/dashboard.css @@ -1,14 +1,29 @@ -.chart-container { +.chart-wrapper { border: 1px solid #d1d8dd; border-radius: 4px; + height: 340px; margin: 15px 0; +} + +.chart-container { padding: 15px; } +.chart-container > .title { + margin: 0px; + font-size: 14px; +} + +.chart-loading-state { + height: 100%; + margin-top: 160px; + text-align: center; +} + .chart-actions { position: absolute; right: 30px; - top: 54px; + top: 26px; } .chart-column-container { @@ -17,7 +32,7 @@ .last-synced-text { position: absolute; - top: 56px; + top: 28px; right: 60px; font-size: 12px; } diff --git a/frappe/core/page/dashboard/dashboard.js b/frappe/core/page/dashboard/dashboard.js index 93e9bd86f6..e87f453039 100644 --- a/frappe/core/page/dashboard/dashboard.js +++ b/frappe/core/page/dashboard/dashboard.js @@ -3,7 +3,7 @@ frappe.pages['dashboard'].on_page_load = function(wrapper) { - frappe.ui.make_app_page({ + var page = frappe.ui.make_app_page({ parent: wrapper, title: __("Dashboard"), single_column: true @@ -62,6 +62,11 @@ class Dashboard { set_dropdown() { this.page.clear_menu(); + + this.page.add_menu_item('Edit...', () => { + frappe.set_route('Form', 'Dashboard', frappe.dashboard.dashboard_name); + }) + frappe.db.get_list("Dashboard").then(dashboards => { dashboards.map(dashboard => { let name = dashboard.name; @@ -99,7 +104,9 @@ class DashboardChart { }; let columns = column_width_map[this.chart_doc.width]; this.chart_container = $(`