diff options
author | Mike Greiling <mike@pixelcog.com> | 2018-02-22 01:57:50 -0600 |
---|---|---|
committer | Mike Greiling <mike@pixelcog.com> | 2018-03-06 03:11:39 -0600 |
commit | 44b8348d58247897467603ea7adb5c83cdd937be (patch) | |
tree | 096296ca41defbf4a09dde9698267bbcaed9d737 | |
parent | ab9ad2db4fbc40a81bb927de10a10aa7f32bba2a (diff) | |
download | gitlab-ce-44b8348d58247897467603ea7adb5c83cdd937be.tar.gz |
add ability to override graph size measurements
-rw-r--r-- | app/assets/javascripts/monitoring/components/dashboard.vue | 6 | ||||
-rw-r--r-- | app/assets/javascripts/monitoring/components/graph.vue | 7 |
2 files changed, 12 insertions, 1 deletions
diff --git a/app/assets/javascripts/monitoring/components/dashboard.vue b/app/assets/javascripts/monitoring/components/dashboard.vue index 3544dd96e3e..f1d61a1c360 100644 --- a/app/assets/javascripts/monitoring/components/dashboard.vue +++ b/app/assets/javascripts/monitoring/components/dashboard.vue @@ -26,6 +26,11 @@ required: false, default: true, }, + forceSmallGraph: { + type: Boolean, + required: false, + default: false, + }, documentationPath: { type: String, required: true, @@ -165,6 +170,7 @@ :project-path="projectPath" :tags-path="tagsPath" :show-legend="showLegend" + :small-graph="forceSmallGraph" /> </graph-group> </div> diff --git a/app/assets/javascripts/monitoring/components/graph.vue b/app/assets/javascripts/monitoring/components/graph.vue index 30236d51d30..9e67a6f2146 100644 --- a/app/assets/javascripts/monitoring/components/graph.vue +++ b/app/assets/javascripts/monitoring/components/graph.vue @@ -57,6 +57,11 @@ required: false, default: true, }, + smallGraph: { + type: Boolean, + required: false, + default: false, + }, }, data() { @@ -135,7 +140,7 @@ const breakpointSize = bp.getBreakpointSize(); const query = this.graphData.queries[0]; this.margin = measurements.large.margin; - if (breakpointSize === 'xs' || breakpointSize === 'sm') { + if (this.smallGraph || breakpointSize === 'xs' || breakpointSize === 'sm') { this.graphHeight = 300; this.margin = measurements.small.margin; this.measurements = measurements.small; |