Merge pull request #236 from nextcloud/feat/body-height-profiler

feat: adjust body height for profiler toolbar

src/views/EventsView.vue

@@ -73,7 +73,7 @@ export default {
 				startMs: ((event.start - start) * 1000).toFixed(1),
 				stopMs: ((event.stop - start) * 1000).toFixed(1),
 				queries: queries.filter(query => (query.start >= event.start && query.start < event.stop)),
-				...event
+				...event,
 			}))
 		},
 		queries() {

src/views/Profiler.vue

@@ -10,10 +10,9 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 			<template #list>
 				<NcAppNavigationCaption title="Categories" />
 				<NcAppNavigationItem v-for="cat in categoryInfo"
-					:to="{ name: cat.id, params: {token: token} }"
 					:key="cat.id"
-					:title="cat.name">
-				</NcAppNavigationItem>
+					:to="{ name: cat.id, params: {token: token} }"
+					:title="cat.name" />
 
 				<NcAppNavigationCaption title="Requests" />
 				<div class="select-container">

src/views/ProfilerToolbar.vue

@@ -407,3 +407,10 @@ export default {
 	margin-left: auto;
 }
 </style>
+
+<style lang="scss">
+:root {
+	// overwrite body height for profiler toolbar
+	--body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin) - 36px);
+}
+</style>