From 68a1c33d9b3de820f9c7ae88e78979f01a92868f Mon Sep 17 00:00:00 2001
From: es <es@evsfy.com>
Date: Mon, 26 Dec 2016 17:25:20 +0800
Subject: [PATCH] Add gray background-color when disabled

---
 src/components/Select.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Select.vue b/src/components/Select.vue
index 8b98d0d..633c425 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -7,6 +7,10 @@
     cursor: not-allowed !important;
   }
 
+  .v-select .dropdown-toggle .disabled {
+    background-color: rgb(248, 248, 248);
+  }
+
 	.v-select .open-indicator {
 		position: absolute;
 		bottom: 6px;
@@ -176,7 +180,7 @@
 
 <template>
 	<div class="dropdown v-select" :class="dropdownClasses">
-		<div v-el:toggle @mousedown.prevent="toggleDropdown" class="dropdown-toggle clearfix" type="button">
+    <div v-el:toggle @mousedown.prevent="toggleDropdown" :class="['dropdown-toggle', 'clearfix', {'disabled': disabled}]" type="button">
 
         <span class="selected-tag" v-for="option in valueAsArray" track-by="$index">
           {{ getOptionLabel(option) }}