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

WIP

Browse Source 
remove clearfix class
clean up spacing in css
add unsearchable class to dropdown
This commit is contained in:
Jeff Sagal
2017-03-09 11:29:08 -08:00
parent ea11bc26d5
commit e202474905
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dev.html
+4 -2
View File
@@ -4,8 +4,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Vue Select Dev</title> <title>Vue Select Dev</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <!--<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">-->
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css"> --> <!--<link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css" rel="stylesheet">-->
<!--<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.2/css/bulma.min.css" rel="stylesheet">-->
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css">-->
<style> <style>
html, html,
body, body,
src/components/Select.vue
+7 -5
View File
@@ -22,8 +22,6 @@
} }
.dropdown-menu > li > a { .dropdown-menu > li > a {
} }
@@ -163,6 +161,7 @@
float: left; float: left;
line-height: 1.7em; line-height: 1.7em;
} }
.v-select .selected-tag .close { .v-select .selected-tag .close {
float: none; float: none;
margin-right: 0; margin-right: 0;
@@ -176,6 +175,7 @@
.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;
@@ -197,6 +197,7 @@
float: left; float: left;
clear: none; clear: none;
} }
.v-select.unsearchable input[type=search] { .v-select.unsearchable input[type=search] {
max-width: 1px; max-width: 1px;
} }
@@ -230,7 +231,6 @@
color: #fff; color: #fff;
} }
.v-select .spinner { .v-select .spinner {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
@@ -263,9 +263,11 @@
.v-select.open .open-indicator { .v-select.open .open-indicator {
bottom: 1px; bottom: 1px;
} }
.v-select.open .open-indicator:before { .v-select.open .open-indicator:before {
transform: rotate(315deg); transform: rotate(315deg);
} }
.v-select.open .dropdown-toggle { .v-select.open .dropdown-toggle {
border-bottom: none; border-bottom: none;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
@@ -293,7 +295,7 @@
<template> <template>
<div class="dropdown v-select" :class="dropdownClasses"> <div class="dropdown v-select" :class="dropdownClasses">
<div ref="toggle" @mousedown.prevent="toggleDropdown" class="dropdown-toggle clearfix" 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) }}
@@ -345,7 +347,6 @@
</div> </div>
</template> </template>
<script type="text/babel"> <script type="text/babel">
import pointerScroll from '../mixins/pointerScroll' import pointerScroll from '../mixins/pointerScroll'
import typeAheadPointer from '../mixins/typeAheadPointer' import typeAheadPointer from '../mixins/typeAheadPointer'
@@ -801,6 +802,7 @@
return { return {
open: this.dropdownOpen, open: this.dropdownOpen,
searchable: this.searchable, searchable: this.searchable,
unsearchable: !this.searchable,
loading: this.mutableLoading loading: this.mutableLoading
} }
}, },