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> <template>
<el-tooltip v-bind="{ ...$props, ...$attrs }"> <el-tooltip v-bind="{ ...$props, ...$attrs }" popper-class="n8n-tooltip">
<slot /> <slot />
<template #content> <template #content>
<slot name="content"> <slot name="content">

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

@ -30,7 +30,7 @@
// @use "./time-select.scss"; // @use "./time-select.scss";
// @use "./time-picker.scss"; // @use "./time-picker.scss";
@use './popover.scss'; @use './popover.scss';
@use './tooltip.scss'; //@use './tooltip.scss';
@use './message-box.scss'; @use './message-box.scss';
// @use "./breadcrumb.scss"; // @use "./breadcrumb.scss";
// @use "./breadcrumb-item.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'; @use './common/var';
@include mixins.b(tooltip) { @include mixins.b(tooltip) {
max-width: 200px;
&:focus:not(.focusing), &:focus:not(.focusing),
&:focus:hover { &:focus:hover {
outline-width: 0; outline-width: 0;

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

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

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

@ -1010,6 +1010,7 @@ export default defineComponent({
} }
.node-parameters-wrapper { .node-parameters-wrapper {
min-height: 100%;
overflow-y: auto; overflow-y: auto;
padding: 0 20px 200px 20px; 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" /> <font-awesome-icon icon="plus" size="lg" />
</button> </button>
<template #content> <template #content>
<p v-text="$locale.baseText('nodeView.canvasAddButton.addATriggerNodeBeforeExecuting')" /> {{ $locale.baseText('nodeView.canvasAddButton.addATriggerNodeBeforeExecuting') }}
</template> </template>
</n8n-tooltip> </n8n-tooltip>
<p :class="$style.label" v-text="$locale.baseText('nodeView.canvasAddButton.addFirstStep')" /> <p :class="$style.label" v-text="$locale.baseText('nodeView.canvasAddButton.addFirstStep')" />
@ -81,10 +81,6 @@ const containerCssVars = computed(() => ({
} }
} }
:root .tooltip {
max-width: 180px;
}
.label { .label {
width: max-content; width: max-content;
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);