github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 17:05:10 +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 {
width: 100%;
height: 100%;
overflow: auto;
}
</style>

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

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