diff options
author | Simon Knox <psimyn@gmail.com> | 2018-07-30 23:29:54 +0300 |
---|---|---|
committer | Simon Knox <psimyn@gmail.com> | 2018-07-31 02:16:34 +0300 |
commit | dd4a5b146399780728c877ec443b1f86d112c61b (patch) | |
tree | 1fdc27d4f377e71f3496b6e61f3f87c13b44679f | |
parent | bb7d914d20e9bbd1546d9403d9f83c974c59acb4 (diff) |
fix height of full-width Metrics charts
trigger layout update after first draw(), as they are first rendered at
450px width (from CSS), then update to 100% once they have paths added
-rw-r--r-- | app/assets/javascripts/monitoring/components/dashboard.vue | 1 | ||||
-rw-r--r-- | changelogs/unreleased/48419-charts-with-long-label-appear-oversized.yml | 5 |
2 files changed, 6 insertions, 0 deletions
diff --git a/app/assets/javascripts/monitoring/components/dashboard.vue b/app/assets/javascripts/monitoring/components/dashboard.vue index 17a6d5bcd2a..6afaefc56f8 100644 --- a/app/assets/javascripts/monitoring/components/dashboard.vue +++ b/app/assets/javascripts/monitoring/components/dashboard.vue @@ -147,6 +147,7 @@ export default { } this.showEmptyState = false; }) + .then(this.resize) .catch(() => { this.state = 'unableToConnect'; }); diff --git a/changelogs/unreleased/48419-charts-with-long-label-appear-oversized.yml b/changelogs/unreleased/48419-charts-with-long-label-appear-oversized.yml new file mode 100644 index 00000000000..b3ccbb121f0 --- /dev/null +++ b/changelogs/unreleased/48419-charts-with-long-label-appear-oversized.yml @@ -0,0 +1,5 @@ +--- +title: fix height of full-width Metrics charts on large screens +merge_request: 20866 +author: +type: fixed |