🐛 Hide scrollbars on multi selects (#2160)

This commit is contained in:
Mutasem Aldmour 2021-09-03 11:08:50 +02:00 committed by GitHub
parent 833b47c5a2
commit e928fb182b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions

View file

@ -121,7 +121,7 @@ const LimitedWidthTemplate = (args, { argTypes }) => ({
N8nSelect,
N8nOption,
},
template: '<div style="width:100px;"><n8n-select v-bind="$props" v-model="val" @input="onInput" @change="onChange"><n8n-option value="1">op1</n8n-option><n8n-option value="2">op2 test very long ipsum lipsum test jskdfjsld kjfdslk jfdslkfj lksdjf</n8n-option></n8n-select></div>',
template: '<div style="width:100px;"><n8n-select v-bind="$props" v-model="val" @input="onInput" @change="onChange"><n8n-option value="1" label="opt1 11 1111" /><n8n-option value="2" label="opt2 test very long ipsum"/></n8n-select></div>',
data() {
return {
val: '',

View file

@ -15,6 +15,10 @@
.el-select__tags {
overflow-x: scroll;
&::-webkit-scrollbar {
display: none;
}
}
.el-select__tags > span {