mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Some css fixes for vue3 branch (#6749)

Browse source 
* ✨ Fixing filter button height

* ✨ Update input modal button position

* ✨ Updating tags styling

* ✨ Fix event logging settings spacing

* 👕 Fixing lint errors
This commit is contained in:
Milorad FIlipović 2023-07-26 16:04:33 +02:00 committed by GitHub
parent bcbe7909c5
commit f3bcd6f0b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 19 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1319,7 +1319,7 @@ export default defineComponent({
align-items: center;
}
.input-with-opener > .el-input__suffix {
.input-with-opener .el-input__suffix {
right: 0;
}

4
packages/editor-ui/src/components/SettingsLogStreaming/EventSelection.ee.vue
View file

@ -20,7 +20,7 @@
:popper-class="$style.tooltipPopper"
class="ml-xs"
>
<n8n-icon icon="question-circle" size="small" />
<n8n-icon icon="question-circle" size="small" class="ml-4xs" />
<template #content>
{{ groupLabelInfo(group.name) }}
</template>
@ -35,7 +35,7 @@
>
{{ $locale.baseText('settings.log-streaming.tab.events.anonymize') }}
<n8n-tooltip placement="top" :popper-class="$style.tooltipPopper">
<n8n-icon icon="question-circle" size="small" />
<n8n-icon icon="question-circle" size="small" class="ml-4xs" />
<template #content>
{{ $locale.baseText('settings.log-streaming.tab.events.anonymize.info') }}
</template>

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

@ -162,7 +162,7 @@ export default defineComponent({
<style lang="scss" module>
.filter-button {
height: 36px;
height: 40px;
align-items: center;
}

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

@ -163,18 +163,18 @@
}
.tags-container {
.el-tag {
color: $tag-text-color;
font-size: 12px;
background-color: $tag-background-color;
border-radius: 12px;
height: auto;
border-color: $tag-background-color;
font-weight: 400;
.el-icon-close {
color: $tag-background-color;
background-color: $tag-close-background-color !important;
.el-select-tags-wrapper .el-tag {
font-size: 12px;
font-weight: 400;
display: flex;
align-items: end;
&.is-closable {
overflow-y: hidden;
}
.el-tag__close {
max-height: 15px;
max-width: 15px;
margin-right: 6px;
@ -223,3 +223,7 @@
}
}
}
.el-popper:not(.el-popover) {
max-width: 265px;
}