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

fix(editor): Fix post-migration CSS inconsistencies (no-changelog) (#6902)

Browse source 
* fix: fix node execute button spacing

* fix: minor css fixes

* fix: fix node-parameters-wrapper height
This commit is contained in:
Alex Grozav 2023-08-10 11:09:55 +03:00 committed by GitHub
parent f3248e46e4
commit e6e6216b5d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/design-system/src/components/N8nTooltip/Tooltip.vue
View file

@ -1,5 +1,5 @@
<template>
<el-tooltip v-bind="{ ...$props, ...$attrs }">
<el-tooltip v-bind="{ ...$props, ...$attrs }" popper-class="n8n-tooltip">
<slot />
<template #content>
<slot name="content">

2
packages/design-system/src/css/index.scss
View file

@ -30,7 +30,7 @@
// @use "./time-select.scss";
// @use "./time-picker.scss";
@use './popover.scss';
@use './tooltip.scss';
//@use './tooltip.scss';
@use './message-box.scss';
// @use "./breadcrumb.scss";
// @use "./breadcrumb-item.scss";

5
packages/design-system/src/css/popper.scss
View file

@ -150,3 +150,8 @@
}
}
}
.el-popper.n8n-tooltip {
max-width: 180px;
line-height: var(--font-line-height-regular) !important;
}

2
packages/design-system/src/css/tooltip.scss
View file

@ -2,6 +2,8 @@
@use './common/var';
@include mixins.b(tooltip) {
max-width: 200px;
&:focus:not(.focusing),
&:focus:hover {
outline-width: 0;

4
packages/editor-ui/src/components/NodeExecuteButton.vue
View file

@ -1,5 +1,5 @@
<template>
<span>
<div>
<n8n-tooltip placement="bottom" :disabled="!disabledHint">
<template #content>
<div>{{ disabledHint }}</div>
@ -17,7 +17,7 @@
/>
</div>
</n8n-tooltip>
</span>
</div>
</template>
<script lang="ts">

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

@ -1010,6 +1010,7 @@ export default defineComponent({
}
.node-parameters-wrapper {
min-height: 100%;
overflow-y: auto;
padding: 0 20px 200px 20px;
}

4
packages/editor-ui/src/n8n-theme.scss
View file

@ -224,7 +224,3 @@
}
}
}
.el-popper:not(.el-popover) {
max-width: 265px;
}

6
packages/editor-ui/src/views/CanvasAddButton.vue
View file

@ -16,7 +16,7 @@
<font-awesome-icon icon="plus" size="lg" />
</button>
<template #content>
<p v-text="$locale.baseText('nodeView.canvasAddButton.addATriggerNodeBeforeExecuting')" />
{{ $locale.baseText('nodeView.canvasAddButton.addATriggerNodeBeforeExecuting') }}
</template>
</n8n-tooltip>
<p :class="$style.label" v-text="$locale.baseText('nodeView.canvasAddButton.addFirstStep')" />
@ -81,10 +81,6 @@ const containerCssVars = computed(() => ({
}
}
:root .tooltip {
max-width: 180px;
}
.label {
width: max-content;
font-weight: var(--font-weight-bold);