fix: fix workflow settings icon not being hidden

This commit is contained in:
Alex Grozav 2023-07-05 15:11:27 +02:00
parent 0f75cd72a7
commit 0e5ceb8665
3 changed files with 21 additions and 20 deletions

View file

@ -113,7 +113,7 @@ export default defineComponent({
<style lang="scss" module>
.userActionsMenu {
width: 160px;
min-width: 160px;
}
.activator {

View file

@ -58,7 +58,6 @@
&[data-popper-placement^='top'] .el-popper__arrow {
bottom: -(var.$popover-arrow-size);
left: 50%;
margin-left: var.$popover-arrow-size;
margin-right: #{var.$tooltip-arrow-size * 0.5};
border-top-color: var.$popover-border-color;
border-bottom-width: 0;

View file

@ -16,7 +16,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.errorWorkflow') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-html="helpTexts.errorWorkflow"></div>
</template>
@ -46,7 +46,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.callerPolicy') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.workflowCallerPolicy"></div>
</template>
@ -75,7 +75,7 @@
<el-row v-if="workflowSettings.callerPolicy === 'workflowsFromAList'">
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.callerIds') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.workflowCallerIds"></div>
</template>
@ -96,7 +96,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.timezone') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.timezone"></div>
</template>
@ -125,7 +125,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.saveDataErrorExecution') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.saveDataErrorExecution"></div>
</template>
@ -154,7 +154,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.saveDataSuccessExecution') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.saveDataSuccessExecution"></div>
</template>
@ -183,7 +183,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.saveManualExecutions') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.saveManualExecutions"></div>
</template>
@ -212,7 +212,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.saveExecutionProgress') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.saveExecutionProgress"></div>
</template>
@ -241,7 +241,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.timeoutWorkflow') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.executionTimeoutToggle"></div>
</template>
@ -268,7 +268,7 @@
<el-row>
<el-col :span="10" class="setting-name">
{{ $locale.baseText('workflowSettings.timeoutAfter') + ':' }}
<n8n-tooltip class="setting-info" placement="top">
<n8n-tooltip placement="top">
<template #content>
<div v-text="helpTexts.executionTimeout"></div>
</template>
@ -867,17 +867,19 @@ export default defineComponent({
}
}
.setting-info {
display: none;
}
.setting-name {
line-height: 32px;
svg {
display: inline-flex;
opacity: 0;
transition: opacity 0.3s ease;
}
.setting-name:hover {
.setting-info {
display: inline;
&:hover {
svg {
opacity: 1;
}
}
}