mirrors/vue-select
2
0
Fork 0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-22 10:30:34 +03:00
Code Activity

add webkit prefix to appearance

Browse Source
This commit is contained in:
Jeff Sagal
2017-03-11 23:19:06 -08:00
parent 51074175bd
commit 61c6fa2c1c
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Select.vue
+12 -10
View File
@@ -146,15 +146,17 @@
opacity: .2; opacity: .2;
} }
/* Search Input */ /* Search Input */
.v-select input[type="search"]::-ms-clear,
.v-select input[type="search"]::-webkit-search-decoration, .v-select input[type="search"]::-webkit-search-decoration,
.v-select input[type="search"]::-webkit-search-cancel-button, .v-select input[type="search"]::-webkit-search-cancel-button,
.v-select input[type="search"]::-webkit-search-results-button, .v-select input[type="search"]::-webkit-search-results-button,
.v-select input[type="search"]::-webkit-search-results-decoration { .v-select input[type="search"]::-webkit-search-results-decoration {
display: none; display: none;
} }
.v-select input[type=search], .v-select input[type="search"],
.v-select input[type=search]:focus { .v-select input[type="search"]:focus {
appearance: none; appearance: none;
-webkit-appearance: none;
line-height: 1.42857143; line-height: 1.42857143;
/*color: #555;*/ /*color: #555;*/
border-radius: 4px; border-radius: 4px;
@@ -174,7 +176,7 @@
clear: none; clear: none;
} }
/* Search Input States */ /* Search Input States */
.v-select.unsearchable input[type=search] { .v-select.unsearchable input[type="search"] {
max-width: 1px; max-width: 1px;
} }
/* List Items */ /* List Items */
@@ -254,12 +256,12 @@
<div class="dropdown v-select" :class="dropdownClasses"> <div class="dropdown v-select" :class="dropdownClasses">
<div ref="toggle" @mousedown.prevent="toggleDropdown" class="dropdown-toggle" type="button"> <div ref="toggle" @mousedown.prevent="toggleDropdown" class="dropdown-toggle" type="button">
<span class="selected-tag" v-for="option in valueAsArray" v-bind:key="option.index"> <span class="selected-tag" v-for="option in valueAsArray" v-bind:key="option.index">
{{ getOptionLabel(option) }} {{ getOptionLabel(option) }}
<button v-if="multiple" @click="deselect(option)" type="button" class="close"> <button v-if="multiple" @click="deselect(option)" type="button" class="close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</span> </span>
<input <input
ref="search" ref="search"
@@ -282,7 +284,7 @@
<i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i> <i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i>
<slot name="spinner"> <slot name="spinner">
<div class="spinner" v-show="mutableLoading">Loading...</div> <div class="spinner" v-show="mutableLoading">Loading...</div>
</slot> </slot>
</div> </div>