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

*  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

View file

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

View file

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

View file

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

View file

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