admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 10:02:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Set workflow name width at different breakpoints (#18956)

Browse Source
This commit is contained in:
Mutasem Aldmour
2025-08-29 12:50:58 +02:00
committed by GitHub
parent 8dae565dc3
commit e663858c9d
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/frontend/editor-ui/src/components/MainHeader/WorkflowDetails.vue
View File

@@ -62,8 +62,13 @@ import { computed, ref, useCssModule, useTemplateRef, watch } from 'vue';
import { I18nT } from 'vue-i18n'; import { I18nT } from 'vue-i18n';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
const WORKFLOW_NAME_MAX_WIDTH_SMALL_SCREENS = 150; const WORKFLOW_NAME_BP_TO_WIDTH: { [key: string]: number } = {
const WORKFLOW_NAME_MAX_WIDTH_WIDE_SCREENS = 200; XS: 150,
SM: 200,
MD: 250,
LG: 500,
XL: 1000,
};
const props = defineProps<{ const props = defineProps<{
readOnly?: boolean; readOnly?: boolean;
@@ -736,11 +741,7 @@ const onBreadcrumbsItemSelected = (item: PathItem) => {
class="name" class="name"
:model-value="name" :model-value="name"
:max-length="MAX_WORKFLOW_NAME_LENGTH" :max-length="MAX_WORKFLOW_NAME_LENGTH"
:max-width=" :max-width="WORKFLOW_NAME_BP_TO_WIDTH[bp]"
['XS', 'SM'].includes(bp)
? WORKFLOW_NAME_MAX_WIDTH_SMALL_SCREENS
: WORKFLOW_NAME_MAX_WIDTH_WIDE_SCREENS
"
:read-only="readOnly || isArchived || (!isNewWorkflow && !workflowPermissions.update)" :read-only="readOnly || isArchived || (!isNewWorkflow && !workflowPermissions.update)"
:disabled="readOnly || isArchived || (!isNewWorkflow && !workflowPermissions.update)" :disabled="readOnly || isArchived || (!isNewWorkflow && !workflowPermissions.update)"
@update:model-value="onNameSubmit" @update:model-value="onNameSubmit"