(status page) Fix scroll offset

the-overengineer · the-overengineer · commit 161e957e9a2f · 2021-03-31T10:01:23.000+02:00
Adjust scroll offset when clicking on the headers to scroll to a
location where the heading is visible, rather than just the content.
diff --git a/core/kamon-status-page/src/main/vue/src/views/Overview.vue b/core/kamon-status-page/src/main/vue/src/views/Overview.vue
@@ -112,15 +112,15 @@ export default class Overview extends Vue {
   }
 
   public goToInstrumentation(): void {
-    this.$vuetify.goTo('.js-instrumentation')
+    this.$vuetify.goTo('.js-instrumentation', { offset: 80 })
   }
 
   public goToReporters(): void {
-    this.$vuetify.goTo('.js-reporters')
+    this.$vuetify.goTo('.js-reporters', { offset: 80 })
   }
 
   public goToMetrics(): void {
-    this.$vuetify.goTo('.js-metrics')
+    this.$vuetify.goTo('.js-metrics', { offset: 80 })
   }
 
   private refreshData(): void {

Original file line number	Diff line number	Diff line change
`@@ -112,15 +112,15 @@ export default class Overview extends Vue {`
`112`	`112`	`}`
`113`	`113`
`114`	`114`	`public goToInstrumentation(): void {`
`115`		`- this.$vuetify.goTo('.js-instrumentation')`
	`115`	`+ this.$vuetify.goTo('.js-instrumentation', { offset: 80 })`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	`public goToReporters(): void {`
`119`		`- this.$vuetify.goTo('.js-reporters')`
	`119`	`+ this.$vuetify.goTo('.js-reporters', { offset: 80 })`
`120`	`120`	`}`
`121`	`121`
`122`	`122`	`public goToMetrics(): void {`
`123`		`- this.$vuetify.goTo('.js-metrics')`
	`123`	`+ this.$vuetify.goTo('.js-metrics', { offset: 80 })`
`124`	`124`	`}`
`125`	`125`
`126`	`126`	`private refreshData(): void {`