github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-15 09:48:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

trace tree displays properly

Browse Source
This commit is contained in:
Peter Olu 2022-05-16 01:43:46 +01:00
parent 45626142ab
commit d37551158b
3 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/dashboard/controls/Trace.vue
View File

@ -109,6 +109,7 @@ onBeforeUnmount(() => {
.trace { .trace {
width: 100%; width: 100%;
height: 100%;
overflow: auto; overflow: auto;
} }
</style> </style>

13
src/views/dashboard/related/trace/Detail.vue
View File

@ -49,10 +49,10 @@ export default defineComponent({
const traceStore = useTraceStore(); const traceStore = useTraceStore();
const loading = ref<boolean>(false); const loading = ref<boolean>(false);
const traceId = ref<string>(""); const traceId = ref<string>("");
const queries = useRoute().query; const queries = useRoute().query;
const isFullView = computed(() => { const isFullView = computed(() => {
return queries?.fullview === "true" && queries?.portal === "true"; return queries?.fullview === "true" && queries?.portal === "true";
}) });
const displayMode = computed(() => { const displayMode = computed(() => {
return traceStore.displayMode; return traceStore.displayMode;
}); });
@ -125,18 +125,19 @@ export default defineComponent({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.trace-detail { .trace-detail {
height: 600px; // min-height: 300px;
// height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
.trace-chart { .trace-chart {
height: calc(100% - 100px); height: 100%;
// height: calc(100% - 100px);
overflow: auto; overflow: auto;
padding-bottom: 20px; padding-bottom: 20px;
} }
.trace-chart.full-view{ .trace-chart.full-view {
height: calc(100% - 1px) !important; height: calc(100% - 1px) !important;
} }
.trace-detail-wrapper { .trace-detail-wrapper {

1
src/views/dashboard/related/trace/TraceList.vue
View File

@ -137,6 +137,7 @@ async function queryTraces() {
border-bottom: 1px solid #c1c5ca41; border-bottom: 1px solid #c1c5ca41;
border-right: 1px solid #c1c5ca41; border-right: 1px solid #c1c5ca41;
height: 35px; height: 35px;
align-items: center;
} }
.selectors { .selectors {