From fa2addcc096a80af4e4c199a71214baa709df1c9 Mon Sep 17 00:00:00 2001
From: Nancy Butler <nancybutler.rancher@MacBook-Pro.tempe.rancherlabs.com>
Date: Wed, 30 Oct 2019 13:08:25 -0700
Subject: [PATCH] before designs

---
 assets/styles/vendor/vue-select.scss          | 53 +++++++++++++++++++
 .../cru/rio.cattle.io.v1.router/index.vue     |  2 +-
 2 files changed, 54 insertions(+), 1 deletion(-)

diff --git a/assets/styles/vendor/vue-select.scss b/assets/styles/vendor/vue-select.scss
index 2102b4ab61..78ed43a785 100644
--- a/assets/styles/vendor/vue-select.scss
+++ b/assets/styles/vendor/vue-select.scss
@@ -200,3 +200,56 @@ $transition-duration: 150ms;
   fill: rgba(60,60,60,0.26);
   text-shadow: 0 1px 0 #fff
 }
+
+/*inline single-option select*/
+
+.v-select.inline {
+  background-color: var(--input-bg);
+
+  .vs__selected {
+    color: var(--input-text);
+    margin: auto;
+    position: absolute;
+    top: 1em;
+    align-self: center;
+  }
+
+  .vs__dropdown-menu {
+      min-width: 0px;
+  }
+  .vs__dropdown-toggle {
+    background-color: var(--input-bg);
+    border:none;
+    height: 100%;
+    padding: none; 
+  }
+
+  .vs__selected-options {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+  }
+  .vs__search {
+    background-color: var(--input-bg);
+    border: 1px dashed blue;
+    width: 100%;
+  }
+  .vs__open-indicator{
+    fill: var(--input-label);
+  }
+  .vs__clear {
+    display:none;
+  }
+
+  &.vs--open {
+    & .vs__selected {
+      top: 0;
+      align-self: end;
+      transform: scaleX(0);
+      // font-size: .9em;
+       transition: all 2s;
+      
+    }
+  }
+}
\ No newline at end of file
diff --git a/components/cru/rio.cattle.io.v1.router/index.vue b/components/cru/rio.cattle.io.v1.router/index.vue
index d896067b23..e5ddeb8b39 100644
--- a/components/cru/rio.cattle.io.v1.router/index.vue
+++ b/components/cru/rio.cattle.io.v1.router/index.vue
@@ -96,7 +96,6 @@ export default {
       console.log('done?');
     },
     saveRouter() {
-      console.log(this.routes);
       this.value.spec = { routes: this.routes };
       debugger;
       this.save(this.done);
@@ -123,5 +122,6 @@ export default {
     </button> -->
 
     <InputWithSelect :options="['Apples', 'Oranges']" :label="'a label'" @input="checkInput" />
+    <v-select :options="['Apples', 'Oranges']" class="inline" placeholder="'placeholder'" />
   </div>
 </template>