mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-16 09:10:33 +03:00
- remove float on search input
- hide unsearchable input
This commit is contained in:
@@ -36,7 +36,7 @@
|
|||||||
<v-select placeholder="multiple, taggable, push-tags" multiple push-tags taggable :options="[{label: 'Foo', value: 'foo'}]"></v-select>
|
<v-select placeholder="multiple, taggable, push-tags" multiple push-tags taggable :options="[{label: 'Foo', value: 'foo'}]"></v-select>
|
||||||
<v-select placeholder="multiple, closeOnSelect=true" multiple :options="['cat', 'dog', 'bear']"></v-select>
|
<v-select placeholder="multiple, closeOnSelect=true" multiple :options="['cat', 'dog', 'bear']"></v-select>
|
||||||
<v-select placeholder="multiple, closeOnSelect=false" multiple :close-on-select="false" :options="['cat', 'dog', 'bear']"></v-select>
|
<v-select placeholder="multiple, closeOnSelect=false" multiple :close-on-select="false" :options="['cat', 'dog', 'bear']"></v-select>
|
||||||
<v-select placeholder="unsearchable" :options="options" :searchable="false"></v-select>
|
<v-select placeholder="searchable=false" :options="options" :searchable="false"></v-select>
|
||||||
<v-select placeholder="search github.." label="full_name" @search="search" :options="ajaxRes"></v-select>
|
<v-select placeholder="search github.." label="full_name" @search="search" :options="ajaxRes"></v-select>
|
||||||
<v-select placeholder="custom option template" :options="options" multiple>
|
<v-select placeholder="custom option template" :options="options" multiple>
|
||||||
<template slot="selected-option" scope="option">
|
<template slot="selected-option" scope="option">
|
||||||
@@ -48,8 +48,8 @@
|
|||||||
{{option.label}} ({{option.value}})
|
{{option.label}} ({{option.value}})
|
||||||
</template>
|
</template>
|
||||||
</v-select>
|
</v-select>
|
||||||
<v-select disabled placeholder="disabled" value="disabled"></v-select>
|
<v-select placeholder="disabled" disabled value="disabled"></v-select>
|
||||||
<v-select disabled multiple placeholder="disabled" :value="['disabled', 'multiple']"></v-select>
|
<v-select placeholder="disabled multiple" disabled multiple :value="['disabled', 'multiple']"></v-select>
|
||||||
<v-select placeholder="filterable=false, @search=searchPeople" label="first_name" :filterable="false" @search="searchPeople" :options="people"></v-select>
|
<v-select placeholder="filterable=false, @search=searchPeople" label="first_name" :filterable="false" @search="searchPeople" :options="people"></v-select>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -186,10 +186,11 @@
|
|||||||
background: none;
|
background: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
float: left;
|
|
||||||
clear: none;
|
|
||||||
}
|
}
|
||||||
/* List Items */
|
.v-select.unsearchable input[type="search"] {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
/* List Items */
|
||||||
.v-select li {
|
.v-select li {
|
||||||
line-height: 1.42857143; /* Normalize line height */
|
line-height: 1.42857143; /* Normalize line height */
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user