fix(Sticky Node): Fix main header hiding (#3654)

This commit is contained in:
Mutasem Aldmour 2022-07-04 21:48:32 +02:00 committed by GitHub
parent baf55d29ed
commit 88486bc778
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div :class="{'main-header': true, expanded: !sidebarMenuCollapsed}"> <div :class="{'main-header': true, expanded: !sidebarMenuCollapsed}">
<div v-show="!activeNode" class="top-menu"> <div v-show="!hideMenuBar" class="top-menu">
<ExecutionDetails v-if="isExecutionPage" /> <ExecutionDetails v-if="isExecutionPage" />
<WorkflowDetails v-else /> <WorkflowDetails v-else />
</div> </div>
@ -17,7 +17,7 @@ import { pushConnection } from '@/components/mixins/pushConnection';
import WorkflowDetails from '@/components/MainHeader/WorkflowDetails.vue'; import WorkflowDetails from '@/components/MainHeader/WorkflowDetails.vue';
import ExecutionDetails from '@/components/MainHeader/ExecutionDetails/ExecutionDetails.vue'; import ExecutionDetails from '@/components/MainHeader/ExecutionDetails/ExecutionDetails.vue';
import { VIEWS } from '@/constants'; import { STICKY_NODE_TYPE, VIEWS } from '@/constants';
import { INodeUi } from '@/Interface'; import { INodeUi } from '@/Interface';
export default mixins( export default mixins(
@ -39,6 +39,9 @@ export default mixins(
activeNode (): INodeUi | null { activeNode (): INodeUi | null {
return this.$store.getters.activeNode; return this.$store.getters.activeNode;
}, },
hideMenuBar(): boolean {
return Boolean(this.activeNode && this.activeNode.type !== STICKY_NODE_TYPE);
},
}, },
async mounted() { async mounted() {
// Initialize the push connection // Initialize the push connection