mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update naming

Browse source
This commit is contained in:
Mutasem 2022-04-07 11:43:00 +02:00
parent 3712bc4d99
commit 17054c8297
2 changed files with 6 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/editor-ui/src/components/NodeSettings.vue
View file

@ -551,7 +551,7 @@ export default mixins(
} }
.header-side-menu { .header-side-menu {
padding: var(--spacing-s) var(--spacing-s) var(--spacing-2xs) var(--spacing-s); padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-s);
font-size: var(--font-size-l); font-size: var(--font-size-l);
display: flex; display: flex;

15
packages/editor-ui/src/components/NodeTitle.vue
View file

@ -16,24 +16,18 @@
<n8n-button type="primary" size="small" @click="onRename" :label="$locale.baseText('ndv.title.rename')" /> <n8n-button type="primary" size="small" @click="onRename" :label="$locale.baseText('ndv.title.rename')" />
</div> </div>
</div> </div>
<span :class="$style.title" slot="reference"> <div slot="reference" :class="$style.title">
<ShortenName :name="value" :limit="35"> {{ value }}
<template v-slot="{ shortenedName }">
{{ shortenedName }}
</template>
</ShortenName>
<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="!readOnly" /> <font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="!readOnly" />
</span> </div>
</el-popover> </el-popover>
</span> </span>
</template> </template>
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import ShortenName from './ShortenName.vue';
export default Vue.extend({ export default Vue.extend({
components: { ShortenName },
name: 'NodeTitle', name: 'NodeTitle',
props: { props: {
value: { value: {
@ -77,13 +71,14 @@ export default Vue.extend({
font-size: var(--font-size-m); font-size: var(--font-size-m);
line-height: var(--font-line-height-compact); line-height: var(--font-line-height-compact);
overflow-wrap: anywhere; overflow-wrap: anywhere;
height: 60px;
overflow: hidden; overflow: hidden;
padding-right: var(--spacing-s); padding-right: var(--spacing-s);
} }
.title { .title {
text-overflow: ellipsis; text-overflow: ellipsis;
max-height: 100px;
overflow: scroll;
> *:first-child { > *:first-child {
padding-right: var(--spacing-3xs); padding-right: var(--spacing-3xs);