fix: Update size of select components in filters dropdown (#4747)

* fix: Update size of select components in filters dropdown

* fix: Update select tags styling
This commit is contained in:
Alex Grozav 2022-11-29 11:03:43 +02:00 committed by GitHub
parent 3d15c52bd7
commit d6d442d458
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 9 deletions

View file

@ -28,10 +28,9 @@
.el-select__tags + .el-input { .el-select__tags + .el-input {
input { input {
box-sizing: content-box; box-sizing: border-box;
padding: 0; padding: 0 0 0 var(--spacing-2xs);
text-indent: var(--spacing-xs); text-indent: 0;
width: calc(100% - 2px);
} }
} }
@ -92,7 +91,7 @@
border: none; border: none;
outline: none; outline: none;
padding: 0; padding: 0;
margin-left: 15px; margin-left: var(--spacing-2xs);
color: var.$select-multiple-input-color; color: var.$select-multiple-input-color;
font-size: var.$select-font-size; font-size: var.$select-font-size;
appearance: none; appearance: none;

View file

@ -38,7 +38,7 @@
:users="ownedByUsers" :users="ownedByUsers"
:currentUserId="usersStore.currentUser.id" :currentUserId="usersStore.currentUser.id"
:value="value.ownedBy" :value="value.ownedBy"
size="small" size="medium"
@input="setKeyValue('ownedBy', $event)" @input="setKeyValue('ownedBy', $event)"
/> />
</enterprise-edition> </enterprise-edition>
@ -54,7 +54,7 @@
:users="sharedWithUsers" :users="sharedWithUsers"
:currentUserId="usersStore.currentUser.id" :currentUserId="usersStore.currentUser.id"
:value="value.sharedWith" :value="value.sharedWith"
size="small" size="medium"
@input="setKeyValue('sharedWith', $event)" @input="setKeyValue('sharedWith', $event)"
/> />
</enterprise-edition> </enterprise-edition>

View file

@ -23,7 +23,7 @@
/> />
<n8n-select <n8n-select
:value="filters.type" :value="filters.type"
size="small" size="medium"
multiple multiple
filterable filterable
ref="typeInput" ref="typeInput"

View file

@ -62,7 +62,7 @@
color="text-base" color="text-base"
class="mb-3xs" class="mb-3xs"
/> />
<n8n-select :value="filters.status" @input="setKeyValue('status', $event)" size="small"> <n8n-select :value="filters.status" @input="setKeyValue('status', $event)" size="medium">
<n8n-option <n8n-option
v-for="option in statusFilterOptions" v-for="option in statusFilterOptions"
:key="option.label" :key="option.label"